export/html, backend: Implement 'Plane' node view

Author: mettta

strictdoc/backend/sdoc/grammar/grammar.py

@@ -120,7 +120,7 @@
 ;
 
 RequirementStyleChoice[noskipws]:
-  'Inline' | 'Simple' | 'Narrative' | 'Table' | 'Zebra'
+  'Plain' | 'Inline' | 'Simple' | 'Narrative' | 'Table' | 'Zebra'
 ;
 
 RequirementHasTitleChoice[noskipws]:

strictdoc/backend/sdoc/models/document_config.py

@@ -124,6 +124,8 @@ def get_requirement_style_mode(self) -> str:
             or self.requirement_style == "Narrative"
         ):
             return "narrative"
+        if self.requirement_style == "Plain":
+            return "plain"
         if self.requirement_style in (
             "Inline",
             "Simple",

strictdoc/backend/sdoc/models/document_grammar.py

@@ -47,6 +47,7 @@ def __init__(
 
         assert property_view_style in (
             "",
+            "Plain",
             "Narrative",
             "Simple",
             "Inline",

strictdoc/export/html/_static/node.css

@@ -23,7 +23,10 @@ sdoc-node[show-node-type-name]::before {
   line-height: 1;
   text-transform: uppercase;
 
-  padding: calc(0.25 * var(--base-rhythm)) calc(0.75 * var(--base-rhythm)) var(--base-rhythm);
+  padding-top: calc(0.25 * var(--base-rhythm));
+  padding-bottom: calc(0.5 * var(--base-rhythm));
+  padding-left: calc(0.75 * var(--base-rhythm));
+  padding-right: calc(0.75 * var(--base-rhythm));
   border-radius: 3px;
   border: var(--requirement-border-width, 1px) solid var(--requirement-border-color, #bfbfbf);
 
@@ -60,6 +63,10 @@ sdoc-node[show-node-type-name][node-style="readonly"]::before {
   right: 0;
 }
 
+sdoc-node[show-node-type-name][node-view="plain"]::before {
+  content: none;
+}
+
 /* editable_node */
 
 sdoc-node[node-style="card"][node-role="requirement"],

strictdoc/export/html/_static/node_content.css

@@ -152,6 +152,23 @@ sdoc-node-field > ul:last-child {
   margin-bottom: 0;
 }
 
+/* node-view="plain" */
+
+sdoc-node-content[node-view="plain"] {
+  border: 0;
+  display: flex;
+  flex-direction: column;
+  gap: var(--base-padding);
+}
+
+sdoc-node-content[node-view="plain"] sdoc-node-field-label {
+  display: none;
+}
+
+sdoc-node-content[node-view="plain"] sdoc-node-field {
+  padding: 0;
+}
+
 /* node-view="table" */
 
 sdoc-node-content[node-view="table"] {

strictdoc/export/html/templates/components/node/readonly.jinja

@@ -8,6 +8,9 @@
     {%- if node_type_string is not none %}
       show-node-type-name="{{ node_type_string }}"
     {%- endif %}
+    {% if sdoc_entity.is_requirement %}
+      node-view="{{ sdoc_entity.get_requirement_style_mode() }}"
+    {%- endif -%}
     data-testid="node-{{ sdoc_entity.get_type_string() }}"
   >
 

strictdoc/export/html/templates/components/node_content/index.jinja

@@ -50,6 +50,11 @@
       {% include "components/node_field/multiline/index.jinja" %}
     </sdoc-scope>
     {% endif %}
+  {% elif user_requirement_style == 'plain' %}
+    {% include "components/node_field/statement/index.jinja" %}
+    {% include "components/node_field/rationale/index.jinja" %}
+    {% include "components/node_field/comments/index.jinja" %}
+    {% include "components/node_field/multiline/index.jinja" %}
   {% else %}
     {% include "components/node_field/meta/index.jinja" %}
     {% include "components/node_field/statement/index.jinja" %}