

<turbo-stream action="after" target="article-510c4d7a6c19478ea8f09c75fc2e4bc7">
  <template>
    



<turbo-frame id="article-0210afb4b3e74becbf7bd6d43bc77d76">

<sdoc-form>

<form
  action="/actions/document/create_requirement"
  method="POST"
  data-turbo="true"
  data-controller="scroll_into_view tabs"
>

  <sdoc-form-grid>

    

  <input type="hidden" id="reference_mid" name="reference_mid" value="510c4d7a6c19478ea8f09c75fc2e4bc7" />
    <input type="hidden" id="whereto" name="whereto" value="after" /><input type="hidden" id="requirement_mid" name="requirement_mid" value="0210afb4b3e74becbf7bd6d43bc77d76" />
  <input type="hidden" id="document_mid" name="document_mid" value="2a9291064ea4472697039498dd0df3be" />
  <input type="hidden" id="context_document_mid" name="context_document_mid" value="2a9291064ea4472697039498dd0df3be" />
  <input type="hidden" id="element_type" name="element_type" value="REQUIREMENT" />


<sdoc-tab-content id="Fields" active>
  
  
  
  

  
      
      
      
      <sdoc-form-row
  


>
  <sdoc-form-row-aside>
    
  

  </sdoc-form-row-aside>

  <sdoc-form-row-main>

    

<sdoc-form-field>
  <sdoc-contenteditable
    
    
    data-controller="editablefield"
    role="textbox"
    data-field-type="singleline"contenteditable="true"id="requirement[fields][5ddfe9a9aa30423ca23e81f453b1b95c][value]"
    mid="5ddfe9a9aa30423ca23e81f453b1b95c"
    placeholder="Enter UID here..."
    data-field-label="UID"data-testid="form-field-UID"
  >REQ-1</sdoc-contenteditable><input type="hidden" name="requirement[fields][5ddfe9a9aa30423ca23e81f453b1b95c][value]" value="REQ-1" /></sdoc-form-field><input
    type="hidden"
    name="requirement[fields][5ddfe9a9aa30423ca23e81f453b1b95c][name]"
    value="UID"
  />



  </sdoc-form-row-main>

  <sdoc-form-row-aside>
    
  

  </sdoc-form-row-aside>
</sdoc-form-row>
      
      
      
      <sdoc-form-row
  


>
  <sdoc-form-row-aside>
    
  

  </sdoc-form-row-aside>

  <sdoc-form-row-main>

    

<sdoc-form-field>
  <sdoc-contenteditable
    
    
    data-controller="editablefield"
    role="textbox"
    data-field-type="singleline"contenteditable="true"id="requirement[fields][6240edfad1ab4d02ab83833981ae3251][value]"
    mid="6240edfad1ab4d02ab83833981ae3251"
    placeholder="Enter LEVEL here..."
    data-field-label="LEVEL"data-testid="form-field-LEVEL"
  ></sdoc-contenteditable><input type="hidden" name="requirement[fields][6240edfad1ab4d02ab83833981ae3251][value]" value="" /></sdoc-form-field><input
    type="hidden"
    name="requirement[fields][6240edfad1ab4d02ab83833981ae3251][name]"
    value="LEVEL"
  />



  </sdoc-form-row-main>

  <sdoc-form-row-aside>
    
  

  </sdoc-form-row-aside>
</sdoc-form-row>
      
      
      
      <sdoc-form-row
  


>
  <sdoc-form-row-aside>
    
  

  </sdoc-form-row-aside>

  <sdoc-form-row-main>

    

<sdoc-form-field>
  <sdoc-contenteditable
    
    
    data-controller="editablefield"
    role="textbox"
    data-field-type="singleline"contenteditable="true"id="requirement[fields][493f1fdc55bc4c97b9176f15aee19e96][value]"
    mid="493f1fdc55bc4c97b9176f15aee19e96"
    placeholder="Enter STATUS here..."
    data-field-label="STATUS"data-testid="form-field-STATUS"
  >Template</sdoc-contenteditable><input type="hidden" name="requirement[fields][493f1fdc55bc4c97b9176f15aee19e96][value]" value="Template" /></sdoc-form-field><input
    type="hidden"
    name="requirement[fields][493f1fdc55bc4c97b9176f15aee19e96][name]"
    value="STATUS"
  />



  </sdoc-form-row-main>

  <sdoc-form-row-aside>
    
  

  </sdoc-form-row-aside>
</sdoc-form-row>
      
      
      
      <sdoc-form-row
  


>
  <sdoc-form-row-aside>
    
  

  </sdoc-form-row-aside>

  <sdoc-form-row-main>

    

<sdoc-form-field>
  <sdoc-contenteditable
    
    
    data-controller="editablefield"
    role="textbox"
    data-field-type="singleline"contenteditable="true"id="requirement[fields][ff36d2034a6c4b0e9615e7389259cccf][value]"
    mid="ff36d2034a6c4b0e9615e7389259cccf"
    placeholder="Enter TAGS here..."
    data-field-label="TAGS"data-testid="form-field-TAGS"
  ></sdoc-contenteditable><input type="hidden" name="requirement[fields][ff36d2034a6c4b0e9615e7389259cccf][value]" value="" /></sdoc-form-field><input
    type="hidden"
    name="requirement[fields][ff36d2034a6c4b0e9615e7389259cccf][name]"
    value="TAGS"
  />



  </sdoc-form-row-main>

  <sdoc-form-row-aside>
    
  

  </sdoc-form-row-aside>
</sdoc-form-row>
      
      
      
      <sdoc-form-row
  


>
  <sdoc-form-row-aside>
    
  

  </sdoc-form-row-aside>

  <sdoc-form-row-main>

    

<sdoc-form-field>
  <sdoc-contenteditable
    
    
    data-controller="editablefield"
    role="textbox"
    data-field-type="singleline"contenteditable="true"id="requirement[fields][54a171c3ed6244d392f09d0f1cbac79e][value]"
    mid="54a171c3ed6244d392f09d0f1cbac79e"
    placeholder="Enter TITLE here..."
    data-field-label="TITLE"data-testid="form-field-TITLE"
  >Use Case Template</sdoc-contenteditable><input type="hidden" name="requirement[fields][54a171c3ed6244d392f09d0f1cbac79e][value]" value="Use Case Template" /></sdoc-form-field><input
    type="hidden"
    name="requirement[fields][54a171c3ed6244d392f09d0f1cbac79e][name]"
    value="TITLE"
  />



  </sdoc-form-row-main>

  <sdoc-form-row-aside>
    
  

  </sdoc-form-row-aside>
</sdoc-form-row>
        
        
        
        <sdoc-form-row
  


>
  <sdoc-form-row-aside>
    
  

  </sdoc-form-row-aside>

  <sdoc-form-row-main>

    

<sdoc-form-field>
  <sdoc-contenteditable
    
    
    data-controller="editablefield"
    role="textbox"
    data-field-type="multiline"contenteditable="true"id="requirement[fields][255ca11d1fa34930ba42b6e67634eaba][value]"
    mid="255ca11d1fa34930ba42b6e67634eaba"
    placeholder="Enter STATEMENT here..."
    data-field-label="STATEMENT"data-testid="form-field-STATEMENT"
  >As a [role],
I want to [action],
So that [benefit].

Preconditions:
- [what must be true before]

Main Flow:
1. [step]
2. [step]
3. [step]

Postconditions:
- [what is true after]

Acceptance criteria:
- [testable condition]
- [testable condition]
</sdoc-contenteditable><textarea hidden name="requirement[fields][255ca11d1fa34930ba42b6e67634eaba][value]" >As a [role],
I want to [action],
So that [benefit].

Preconditions:
- [what must be true before]

Main Flow:
1. [step]
2. [step]
3. [step]

Postconditions:
- [what is true after]

Acceptance criteria:
- [testable condition]
- [testable condition]
</textarea></sdoc-form-field><input
    type="hidden"
    name="requirement[fields][255ca11d1fa34930ba42b6e67634eaba][name]"
    value="STATEMENT"
  />



  </sdoc-form-row-main>

  <sdoc-form-row-aside>
    
  

  </sdoc-form-row-aside>
</sdoc-form-row>
        
        
        
        <sdoc-form-row
  


>
  <sdoc-form-row-aside>
    
  

  </sdoc-form-row-aside>

  <sdoc-form-row-main>

    

<sdoc-form-field>
  <sdoc-contenteditable
    
    
    data-controller="editablefield"
    role="textbox"
    data-field-type="multiline"contenteditable="true"id="requirement[fields][b9f10f2801914f49a0edd6acb0d77ccb][value]"
    mid="b9f10f2801914f49a0edd6acb0d77ccb"
    placeholder="Enter RATIONALE here..."
    data-field-label="RATIONALE"data-testid="form-field-RATIONALE"
  ></sdoc-contenteditable><textarea hidden name="requirement[fields][b9f10f2801914f49a0edd6acb0d77ccb][value]" ></textarea></sdoc-form-field><input
    type="hidden"
    name="requirement[fields][b9f10f2801914f49a0edd6acb0d77ccb][name]"
    value="RATIONALE"
  />



  </sdoc-form-row-main>

  <sdoc-form-row-aside>
    
  

  </sdoc-form-row-aside>
</sdoc-form-row></sdoc-tab-content>


<sdoc-tab-content id="Relations">
  
    
    
    
    





<sdoc-form-row
  
  data-controller="deletable_field"
  data-testid="requirement-form-relation-row"
  mid="51f615b84f7c444d80b61fb0a61a848f"

>
  <sdoc-form-row-aside>
    
  

  </sdoc-form-row-aside>

  <sdoc-form-row-main>

    

<sdoc-form-field-group
  data-field-label="Node relation"
  >
  

<sdoc-form-field>
  <sdoc-autocompletable
    
    
    data-controller="autocompletable"
    role="textbox"contenteditable="true"id="requirement[relations][51f615b84f7c444d80b61fb0a61a848f][value]"
    mid="51f615b84f7c444d80b61fb0a61a848f"
    placeholder="Enter relation UID..."
    data-field-label="Relation UID"data-testid="form-field-relation-uid"
    data-autocompletable-target="input"
    data-autocompletable-url-value="/autocomplete/uid?exclude_requirement_mid=0210afb4b3e74becbf7bd6d43bc77d76"
    data-autocompletable-min-length-value="2"
  >CAP-000</sdoc-autocompletable>

  <input type="hidden" name="requirement[relations][51f615b84f7c444d80b61fb0a61a848f][value]" value="CAP-000"  data-autocompletable-target="hidden"/>
  <ul class="autocomplete-items requirement__link" ></ul></sdoc-form-field><sdoc-form-field field-type="select">
    <label for="relation_typerole_51f615b84f7c444d80b61fb0a61a848f">Relation type</label>
    <select
      data-testid="select-relation-typerole"
      name="requirement[relations][51f615b84f7c444d80b61fb0a61a848f][typerole]"
      id="relation_typerole_51f615b84f7c444d80b61fb0a61a848f"
      mid="51f615b84f7c444d80b61fb0a61a848f"
      
    >
      <option
            value="Parent"
            
              selected
            
          >Parent
          </option>
    </select>
  </sdoc-form-field>
</sdoc-form-field-group>


  </sdoc-form-row-main>

  <sdoc-form-row-aside>
    <button
    class="field_action"
    mid="51f615b84f7c444d80b61fb0a61a848f"
    title="Delete this requirement relation"
    data-action-type="delete"
    data-js-delete-field-action
    data-turbo-action="replace"
    data-turbo="false"
    data-testid="form-delete-field-action-form-field-relation"
  ><svg class="svg_icon"  width="16px" height="16px" viewBox="0 0 16 16">
  <polyline points="13 5 12 14 4 14 3 5"></polyline>
  <line x1="2" y1="5" x2="14" y2="5"></line>
  <line x1="9.5" y1="7.5" x2="9.5" y2="11.5"></line>
  <line x1="6.5" y1="7.5" x2="6.5" y2="11.5"></line>
  <path d="M10,4 C10,2.8954305 9.1045695,2 8,2 C6.8954305,2 6,2.8954305 6,4"></path>
</svg></button>
  </sdoc-form-row-aside>
</sdoc-form-row><div id="requirement_0210afb4b3e74becbf7bd6d43bc77d76__new_relation"></div>
  <sdoc-form-row>
    <a
      class="action_button"
      href="/actions/document/new_relation?requirement_mid=0210afb4b3e74becbf7bd6d43bc77d76&document_mid=2a9291064ea4472697039498dd0df3be&context_document_mid=2a9291064ea4472697039498dd0df3be&element_type=REQUIREMENT"
      data-turbo-action="replace"
      data-turbo="true"
      data-action-type="add_field"
      data-testid="form-action-add-relation"
    ><svg class="svg_icon"  width="16px" height="16px" viewBox="0 0 16 16">
  <line x1="8" y1="3" x2="8" y2="13"></line>
  <line x1="13" y1="8" x2="3" y2="8"></line>
</svg> Add relation</a>
  </sdoc-form-row>
</sdoc-tab-content>


<sdoc-tab-content id="Comments">
  
  <div id="requirement_0210afb4b3e74becbf7bd6d43bc77d76__new_comment"></div>
  <sdoc-form-row>
    <a
      class="action_button"
      href="/actions/document/new_comment?requirement_mid=0210afb4b3e74becbf7bd6d43bc77d76&document_mid=2a9291064ea4472697039498dd0df3be&context_document_mid=2a9291064ea4472697039498dd0df3be&element_type=REQUIREMENT"
      data-turbo-action="replace"
      data-turbo="true"
      data-action-type="add_field"
      data-testid="form-action-add-comment"
    ><svg class="svg_icon"  width="16px" height="16px" viewBox="0 0 16 16">
  <line x1="8" y1="3" x2="8" y2="13"></line>
  <line x1="13" y1="8" x2="3" y2="8"></line>
</svg> Add comment</a>
  </sdoc-form-row>
</sdoc-tab-content>



  </sdoc-form-grid>

  <sdoc-form-footer>
    
<button
  
  data-turbo="true"
  class="action_button"
  type="submit"
  data-action-type="submit"
  data-testid="form-submit-action"
>Save</button><a
    href="/actions/document/cancel_new_requirement?requirement_mid=0210afb4b3e74becbf7bd6d43bc77d76"
    class="action_button"
    data-turbo="true"
    data-action-type="cancel"
    data-testid="form-cancel-action"
  >Cancel</a></sdoc-form-footer>
</form>

</sdoc-form>
</turbo-frame>
  </template>
</turbo-stream>