lforms 29.3.0 → 33.2.0

package/app/views/partials/form-header.html

@@ -1,35 +0,0 @@
-  <div class="lf-form-header" ng-if="lfData.templateOptions.showFormHeader">
-    <div class="lf-header-de" ng-style="getHeaderItemStyle(item)"
-         ng-repeat="item in lfData.templateOptions.formHeaderItems">
-      <div class="lf-header-de-label">
-        <span class="lf-question"><label for="{{item.questionCode}}">{{item.question}}</label></span>
-      </div>
-      <div class="lf-header-de-input" ng-switch on="item.dataType">
-        <ng-form name="innerForm">
-          <div class="lf-form-item-data tooltipContainer">
-            <div class="tooltipContent" lf-validate="item" ng-model="item.value"></div>
-            <input ng-switch-when="CWE" name="{{item.question}}" type="text"
-                   placeholder="Select or type a value"
-                   ng-model="item.value"
-                   autocomplete-lhc="item._autocompOptions"
-                   id="{{item.questionCode}}"
-                   ng-blur="activeRowOnBlur(item)">
-            <input ng-switch-when="DT" name="{{item.question}}" type="text"
-                   ng-model="item.value" lf-date="dateOptions"
-                   placeholder="MM/DD/YYYY"
-                   id="{{item.questionCode}}"
-                   ng-blur="activeRowOnBlur(item)">
-            <input ng-switch-default name="{{item.question}}" type="text"
-                   ng-model="item.value" placeholder="Type a value"
-                   id="{{item.questionCode}}"
-                   ng-blur="activeRowOnBlur(item)">
-            <textarea ng-switch-when="TX" name="{{item.question}}"
-                      ng-model="item.value" placeholder="Type a value"
-                      id="{{item.questionCode}}" ng-keyup="autoExpand($event)" ng-blur="autoExpand($event)" rows="1"
-                      ng-blur="activeRowOnBlur(item)">
-                      </textarea>
-          </div>
-        </ng-form>
-      </div>
-    </div>
-  </div>

package/app/views/partials/form-options.html

@@ -1,50 +0,0 @@
-<div class="lf-form-options" ng-if="lfData.templateOptions.showFormOptionPanel">
-
-  <div class="lf-form-option">
-    <label><input type="checkbox" value="" ng-model="lfData.templateOptions.showQuestionCode">Display question code</label>
-  </div>
-  <div class="lf-form-option">
-    <label><input type="checkbox" value="" ng-model="lfData.templateOptions.showCodingInstruction">Show help/description</label>
-  </div>
-  <div class="lf-form-option">
-    <label><input type="checkbox" value="" ng-model="lfData.templateOptions.hideFormControls">Hide form controls</label>
-  </div>
-  <div class="lf-form-option">
-    <label><input type="checkbox" value="" ng-model="lfData.templateOptions.showFormOptionPanelButton">Display form's option button</label>
-  </div>
-  <div class="lf-form-option">
-    <label><input type="checkbox" value="" ng-model="lfData.templateOptions.showFormOptionPanel">Display form's option panel</label>
-  </div>
-  <div class="lf-form-option">
-    <label><input type="checkbox" value="" ng-model="lfData.templateOptions.showItemOptionPanelButton">Display item's option button</label>
-  </div>
-  <div class="lf-form-option">
-    <label><input type="checkbox" value="" ng-model="lfData.templateOptions.hideUnits">Hide units</label>
-  </div>
-  <div class="lf-form-option">
-    <label><input type="checkbox" value="" ng-model="lfData.templateOptions.allowMultipleEmptyRepeatingItems">Allow multiple empty repeating questions/sections</label>
-  </div>
-  <div class="lf-form-option">
-    <label><input type="checkbox" value="" ng-model="lfData.templateOptions.allowHTMLInInstructions">Allow HTML content in instructions</label>
-  </div>
-  <div class="lf-form-option">
-    <label><input type="checkbox" value="" ng-model="lfData.templateOptions.showFormHeader">Display form header questions</label>
-  </div>
-  <div class="lf-form-option">
-    <label><input type="checkbox" value="" ng-model="lfData.templateOptions.showColumnHeaders">Display column headers</label>
-  </div>
-  <div class="lf-form-option">
-    <label><input type="checkbox" value="" ng-model="lfData.templateOptions.useTreeLineStyle">Tree line style</label>
-  </div>
-  <div class="lf-form-option">
-    <label for="viewMode">View mode</label>
-    <select name="viewMode" ng-model="lfData.templateOptions.viewMode">
-      <option value="auto">Responsive [auto]</option>
-      <option value="lg">For large screen [lg]</option>
-      <option value="md">For medium screen [md]</option>
-      <option value="sm">For small screen [sm]</option>
-    </select>
-
-  </div>
-
-</div>

package/app/views/partials/form-title.html

@@ -1,20 +0,0 @@
-<div class="lf-form-title" role="heading" aria-level=1>
-  <span id="label-{{ lfData.code }}" class="lf-question"
-   style="{{lfData._obj_titleCSS}}">{{lfData.name || lfData.fhirQName}}</span>
-  <span class="lf-item-code" ng-if="lfData.templateOptions.showQuestionCode">
-        <a ng-if="lfData._linkToDef" href="{{ lfData._linkToDef }}" target="_blank" rel="noopener noreferrer">[{{ lfData.code }}]</a>
-        <span ng-if="!lfData._linkToDef">[{{ lfData.code }}]</span>
-      </span>
-  <button ng-if="lfData.copyrightNotice" id="copyright-{{lfData.code}}" type="button"
-          class="lf-copyright-button btn-sm" uib-popover="{{lfData.copyrightNotice}}"
-          popover-trigger="focus" popover-placement="right"
-          popover-title="Copyright" aria-label="Copyright notice"
-          aria-describedby="label-{{ lfData.code }}">
-    <span class="glyphicon glyphicon-copyright-mark" aria-hidden="true"></span>
-  </button>
-  <button ng-if="lfData.templateOptions.showFormOptionPanelButton" type="button" class="lf-control-button btn-sm"
-          ng-click="hideShowFormOptionPanel()" aria-label="Form Option Panel">
-    <span class="glyphicon glyphicon-cog" aria-hidden="true"></span>
-  </button>
-
-</div>

package/app/views/partials/form-view.html

@@ -1,13 +0,0 @@
-<div class="lf-form-view {{getViewModeClass()}}" ng-controller="LFormsCtrl" ng-switch on="lfData.template">
-  <div ng-switch-when="table">
-    <div ng-include="'template-table.html'"></div>
-  </div>
-  <!-- default is 'table' -->
-  <div ng-switch-default>
-    <div ng-include="'template-table.html'"></div>
-  </div>
-
-  <!--debugging-->
-  <button type="button" ng-if="debug" ng-click="onclick()">Click to debug Panel Controller</button>
-
-</div>

package/app/views/partials/item-options.html

@@ -1,48 +0,0 @@
-<div ng-if="item._showItemOptionPanel">
-
-  <div class="lf-item-options lf-section-options"  ng-if="item.dataType==='SECTION'">
-    <div class="lf-item-option">
-      <input class="lf-answer-button" type="radio" id="{{item._elementId + 'vertical'}}"
-             ng-model="item.displayControl.questionLayout" value="vertical" name="{{item._elementId}} +'option'">
-      <label class="lf-answer-label" for="{{item._elementId + 'vertical'}}">Vertical</label>
-    </div>
-    <div class="lf-item-option" ng-if="isQuestionLayoutAllowed(item, 'horizontal')">
-      <input class="lf-answer-button" type="radio" id="{{item._elementId + 'horizontal'}}"
-             ng-model="item.displayControl.questionLayout" value="horizontal" name="{{item._elementId}} +'option'">
-      <label class="lf-answer-label" for="{{item._elementId + 'horizontal'}}">Horizontal</label>
-    </div>
-    <div class="lf-item-option" ng-if="isQuestionLayoutAllowed(item, 'matrix')">
-      <input class="lf-answer-button" type="radio" id="{{item._elementId + 'matrix'}}"
-             ng-model="item.displayControl.questionLayout" value="matrix" name="{{item._elementId}} +'option'">
-      <label class="lf-answer-label" for="{{item._elementId + 'matrix'}}">Matrix</label>
-    </div>
-
-  </div>
-
-  <div class="lf-item-options" ng-if="item.answers && (item.dataType==='CWE' || item.dataType==='CNE')">
-    <div class="lf-item-option">
-      <input class="lf-answer-button" type="radio" id="{{item._elementId + 'combo'}}"
-             ng-model="item.displayControl.answerLayout.type" value="COMBO_BOX" name="{{item._elementId}} +'option'">
-      <label class="lf-answer-label" for="{{item._elementId + 'combo'}}">Combo box</label>
-    </div>
-    <div class="lf-item-option">
-      <input class="lf-answer-button" type="radio" id="{{item._elementId + 'list'}}"
-             ng-model="item.displayControl.answerLayout.type" value="RADIO_CHECKBOX" name="{{item._elementId}} +'option'">
-      <label class="lf-answer-label" for="{{item._elementId + 'list'}}">{{item._multipleAnswers ? "Checkboxes" : "Radio buttons"}}</label>
-    </div>
-    <div class="lf-item-option" ng-if="item.displayControl.answerLayout.type==='RADIO_CHECKBOX'">
-      <label for="{{item._elementId + 'columns'}}"> Display format:</label>
-      <select name="{{item._elementId + 'columns'}}" id="{{item._elementId + 'columns'}}" ng-model="item.displayControl.answerLayout.columns">
-        <option value="">---Please select---</option> <!-- not selected / blank option -->
-        <option value="0">Compact</option>
-        <option value="1">In 1 column</option>
-        <option value="2">In 2 columns</option>
-        <option value="3">In 3 columns</option>
-        <option value="4">In 4 columns</option>
-        <option value="5">In 5 columns</option>
-        <option value="6">In 6 columns</option>
-      </select>
-    </div>
-  </div>
-
-</div>

package/app/views/partials/item.html

@@ -1,126 +0,0 @@
-<div ng-attr-role="{{item.header ? 'heading' : undefined}}"
- ng-attr-aria-level="{{item.header ? item._displayLevel+1 : undefined}}"
- class="lf-form-table-row lf-de {{getSiblingStatus(item)}} {{getRowClass(item)}}
-    {{getSkipLogicClass(item)}} {{getActiveRowClass(item)}}" ng-click="setActiveRow(item)">
-  <div class="lf-de-label-button">
-    <!-- label -->
-    <div class="lf-de-label">
-      <span ng-show="item._questionRepeatable" class="lf-sn">{{getRepeatingSN(item) }}</span>
-      <span class="lf-question"><label id="label-{{ item._elementId }}"
-      for="{{item._elementId}}"><ng-include src="'itemPrefixAndText.html'"></label></span>
-      <span class="lf-item-code" ng-show="lfData.templateOptions.showQuestionCode">
-        <a ng-if="item._linkToDef" href="{{ item._linkToDef }}" target="_blank" rel="noopener noreferrer">[{{ item.questionCode }}]</a>
-        <span ng-if="!item._linkToDef">[{{ item.questionCode }}]</span>
-      </span>
-      <span ng-switch on="getCodingInstructionsDisplayType(item)" ng-if="item.codingInstructions">
-        <span ng-switch-when="inline-html" id="help-{{ item._elementId }}"
-         class="lf-prompt" ng-bind-html="getTrustedCodingInstructions(item)"></span>
-        <span ng-switch-when="inline-escaped" id="help-{{ item._elementId }}"
-         class="lf-prompt" ng-bind="item.codingInstructions"></span>
-        <button ng-switch-when="popover-html" id="helpButton-{{ item._elementId }}"
-                class="lf-help-button btn-sm" uib-popover-template="'popover-content.html'"
-                popover-trigger="focus" popover-placement="right"  popover-title="Instruction"
-                type="button" aria-label="Help"
-                aria-describedby="label-{{ item._elementId }}">
-          <span class="glyphicon glyphicon-question-sign" aria-hidden="true"></span>
-        </button>
-        <button ng-switch-when="popover-escaped" id="helpButton-{{ item._elementId }}"
-                class="lf-help-button btn-sm" uib-popover="{{item.codingInstructions}}"
-                popover-trigger="focus" popover-placement="right"  popover-title="Instruction"
-                type="button" aria-label="Help"
-                aria-describedby="label-{{ item._elementId }}">
-          <span class="glyphicon glyphicon-question-sign" aria-hidden="true"></span>
-        </button>
-      </span>
-      <button ng-if="item.copyrightNotice" id="copyright-{{item._elementId}}" type="button"
-              class="lf-copyright-button btn-sm" uib-popover="{{item.copyrightNotice}}"
-              popover-trigger="focus" popover-placement="right" popover-title="Copyright"
-              aria-label="Copyright notice" aria-describedby="label-{{ item._elementId }}">
-        <span class="glyphicon glyphicon-copyright-mark" aria-hidden="true"></span>
-      </button>
-      <button ng-if="isItemOptionPanelButtonShown(item)" type="button" class="lf-control-button btn-sm"
-              ng-click="hideShowItemOptionPanel(item)" aria-label="Item controls"
-              aria-describedby="label-{{ item._elementId }}">
-        <span class="glyphicon glyphicon-cog" aria-hidden="true"></span>
-      </button>
-      <!-- TBD -->
-      <lf-item-options></lf-item-options>
-    </div>
-
-    <!-- button -->
-    <div class="lf-de-button">
-      <button ng-if="!hasOneRepeatingItem(item)" class="lf-float-button" type="button"
-              ng-click="removeOneRepeatingItem(item)" id="del-{{item._elementId}}"
-              title='Remove this "{{ item._text }}"'>-</button>
-    </div>
-  </div>
-
-  <div ng-if="item.dataType !=='TITLE' && !item.header" class="lf-de-input-unit" ng-style="getFieldWidth(item)">
-    <!-- input field -->
-    <div ng-switch on="item.dataType" class="lf-de-input values hasTooltip">
-      <ng-form name="innerForm2">
-        <div class="lf-form-item-data tooltipContainer">
-          <div class="tooltipContent" lf-validate="item" ng-model="item.value" ng-if="item._hasValidation"></div>
-          <div ng-switch-when="CNE">
-            <lf-answers item="item"></lf-answers>
-          </div>
-          <div ng-switch-when="CWE">
-            <lf-answers item="item"></lf-answers>
-          </div>
-
-          <input ng-switch-when="DT" name="{{item._text}}" type="text"
-                 ng-model="item.value" lf-date="dateOptions" placeholder="{{item._toolTip}}"
-                 ng-disabled="item._readOnly" id="{{item._elementId}}" ng-focus="setActiveRow(item)"
-                 ng-blur="activeRowOnBlur(item)" aria-describedby="help-{{ item._elementId }}"
-                 aria-required="{{ item._answerRequired }}">
-
-          <!-- Gillardo boostrap datetime picker -->
-          <div ng-switch-when="DTM" class="lf-dtm-picker-block">
-            <input name="{{item._text}}" type="text" class="form-control"
-                   ng-model="item.value" placeholder="{{item._toolTip}}"
-                   datetime-picker="{{uibDateTimePickerFormat}}" alt-input-formats="uibDatePickerAltFormats"
-                   is-open="isOpen" enable-time="true" close-on-date-selection="true" button-bar="uibDtmPickerButtonBar"
-                   datepicker-options="uibDatePickerOptions" timepicker-options="uibTimePickerOptions"
-                   ng-disabled="item._readOnly" id="{{item._elementId}}" ng-focus="setActiveRow(item)"
-                   ng-blur="activeRowOnBlur(item); uibDtmPickerOnBlur('input')" aria-describedby="help-{{ item._elementId }}"
-                   aria-required="{{ item._answerRequired }}">
-            <button type="button" class="ui-datepicker-trigger" ng-click="openUibDtmPicker($event)"></button>
-          </div>
-
-          <textarea ng-switch-when="TX" name="{{item._text}}"
-                    ng-model="item.value" ng-attr-placeholder="{{item._toolTip}}" ng-disabled="item._readOnly"
-                    id="{{item._elementId}}" ng-keyup="autoExpand($event)" ng-blur="activeRowOnBlur(item);autoExpand($event)" rows="1"
-                    ng-focus="setActiveRow(item)" aria-describedby="help-{{ item._elementId }}"
-                    aria-required="{{ item._answerRequired }}">
-          </textarea>
-          <input ng-switch-when="BL" name="{{item._text}}" type="checkbox"
-                 ng-model="item.value" placeholder="{{item._toolTip}}" ng-disabled="item._readOnly"
-                 id="{{item._elementId}}" ng-focus="setActiveRow(item)"
-                 ng-true-value="true" ng-false-value="false"
-                 ng-blur="activeRowOnBlur(item)" aria-describedby="help-{{ item._elementId }}">
-          <lf-attachment ng-switch-when="attachment" item="item"
-           create-attachment="createAttachment(item)" id="item._elementId"></lf-attachment>
-          <input ng-switch-default name="{{item._text}}" type="text"
-                 ng-model="item.value" placeholder="{{item._toolTip}}" ng-disabled="item._readOnly"
-                 id="{{item._elementId}}" ng-focus="setActiveRow(item)"
-                 ng-blur="activeRowOnBlur(item)" aria-describedby="help-{{ item._elementId }}"
-                 aria-required="{{ item._answerRequired }}">
-        </div>
-      </ng-form>
-    </div>
-
-    <!--unit-->
-    <div ng-if="!lfData.templateOptions.hideUnits && checkUnits(item)" class="lf-de-unit">
-      <lf-units item="item"></lf-units>
-    </div>
-
-    <!-- extra question -->
-    <div ng-if="needExtra(item)" class="lf-de-unit">
-      <input class="lf-extra-field" ng-model="item.valueOther" placeholder="Please specify"
-             ng-disabled="item._readOnly" type="text" ng-focus="setActiveRow(item)">
-    </div>
-  </div>
-
-
-</div>
-

package/app/views/partials/itemPrefixAndText.html

@@ -1,4 +0,0 @@
-<span ng-if="item.prefix" class="prefix"
-      style="{{item._obj_prefixCSS}}">{{item.prefix}}</span><span
-      class="question" style={{item._obj_textCSS}}>{{item.question}}<span
-      ng-if="item._answerRequired" class="required" title="Required">&nbsp;*</span></span>

package/app/views/partials/layout-horizontal.html

@@ -1,156 +0,0 @@
-<div class="lf-layout-horizontal lf-table-item {{getSiblingStatus(item)}} " ng-if="item._horizontalTableHeader && lfData._horizontalTableInfo[item._horizontalTableId]">
-  <div ng-attr-role="{{item.header ? 'heading' : undefined}}"
-       ng-attr-aria-level="{{item.header ? item._displayLevel+1 : undefined}}"
-       class="lf-form-horizontal-table-title lf-de-label">
-    <span class="lf-question"><label id="label-{{ item._elementId }}"><ng-include src="'itemPrefixAndText.html'"></label></span>
-    <span class="lf-item-code" ng-show="lfData.templateOptions.showQuestionCode">
-        <a ng-if="item._linkToDef" href="{{ item._linkToDef }}" target="_blank" rel="noopener noreferrer">[{{ item.questionCode }}]</a>
-        <span ng-if="!item._linkToDef">[{{ item.questionCode }}]</span>
-      </span>
-    <span ng-switch on="getCodingInstructionsDisplayType(item)" ng-if="item.codingInstructions">
-        <span ng-switch-when="inline-html" class="lf-prompt" ng-bind-html="getTrustedCodingInstructions(item)"></span>
-        <span ng-switch-when="inline-escaped" class="lf-prompt" ng-bind="item.codingInstructions"></span>
-        <button ng-switch-when="popover-html" class="lf-help-button btn-sm" uib-popover-template="'popover.html'"
-                popover-trigger="focus" popover-placement="right"  popover-title="Instruction"
-                type="button" id="help-{{item._elementId}}" aria-label="Help"
-                aria-describedby="label-{{ item._elementId }}">
-          <span class="glyphicon glyphicon-question-sign" aria-hidden="true"></span>
-        </button>
-        <button ng-switch-when="popover-escaped" class="lf-help-button btn-sm" uib-popover="{{item.codingInstructions}}"
-                popover-trigger="focus" popover-placement="right"  popover-title="Instruction"
-                type="button" id="help-{{item._elementId}}" aria-label="Help"
-                aria-describedby="label-{{ item._elementId }}">
-          <span class="glyphicon glyphicon-question-sign" aria-hidden="true"></span>
-        </button>
-      </span>
-    <button ng-if="item.copyrightNotice" id="copyright-{{item._elementId}}" type="button"
-            class="lf-copyright-button btn-sm" uib-popover="{{item.copyrightNotice}}"
-            popover-trigger="focus" popover-placement="right" popover-title="Copyright"
-            aria-label="Copyright notice" aria-describedby="label-{{ item._elementId }}">
-      <span class="glyphicon glyphicon-copyright-mark" aria-hidden="true"></span>
-    </button>
-    <button ng-if="isItemOptionPanelButtonShown(item)" type="button" class="lf-control-button btn-sm"
-            ng-click="hideShowItemOptionPanel(item)" aria-label="Item controls"
-            aria-describedby="label-{{ item._elementId }}">
-      <span class="glyphicon glyphicon-cog" aria-hidden="true"></span>
-    </button>
-    <!-- TBD -->
-    <lf-item-options></lf-item-options>
-  </div>
-
-  <table class="lf-form-horizontal-table">
-    <colgroup>
-      <col class="lf-de-button" ng-if="item._questionRepeatable && lfData._horizontalTableInfo[item._horizontalTableId].tableRows.length>1">
-      <col ng-repeat="col in lfData._horizontalTableInfo[item._horizontalTableId].columnHeaders"
-           ng-style="getTableColumnStyle(col)">
-    </colgroup>
-    <thead>
-    <tr>
-      <th class="lf-form-horizontal-table-header" ng-if="item._questionRepeatable && lfData._horizontalTableInfo[item._horizontalTableId].tableRows.length>1"></th>
-      <th ng-repeat="col in lfData._horizontalTableInfo[item._horizontalTableId].columnHeaders"
-          ng-init="item = col.item" class="lf-form-horizontal-table-header"
-          id="{{col.id}}"><ng-include src="'itemPrefixAndText.html'"></th>
-    </tr>
-    </thead>
-    <tbody id="" class="">
-    <tr ng-repeat="row in lfData._horizontalTableInfo[item._horizontalTableId].tableRows track by $index"
-        class="data-row has-ng-animate">
-      <td class="lf-de-button" ng-if="item._questionRepeatable && lfData._horizontalTableInfo[item._horizontalTableId].tableRows.length>1">
-        <button ng-if="!hasOneRepeatingItem(item)" type="button"
-                id="del-{{row.header._elementId}}"
-                class="lf-float-button" ng-click="removeOneRepeatingItem(row.header)"
-                title='Remove this row of "{{ row.header.question }}"'>-</button>
-      </td>
-
-      <td ng-repeat="cell in row.cells"
-          class="hasTooltip {{getRowClass(cell)}} {{getSkipLogicClass(cell)}} {{getActiveRowClass(cell)}}"
-          ng-switch on="(!lfData._expressionProcessor._firstExpressionRunComplete && cell._hasListExpr) ? 'Loading List' : cell.dataType">
-        <ng-form name="innerForm2">
-          <div class="lf-form-item-data tooltipContainer">
-            <div class="tooltipContent" lf-validate="cell" ng-model="cell.value" ng-if="cell._hasValidation"></div>
-            <span ng-switch-when="" > </span>
-            <span ng-switch-when="Loading List">Loading list data...</span>
-            <input ng-switch-when="CNE" name="{{cell.question + '_' + $id}}" type="text"
-                   ng-model="cell.value"
-                   autocomplete-lhc="cell._autocompOptions"
-                   ng-disabled="cell._readOnly" placeholder="{{cell._toolTip}}"
-                   id="{{cell._elementId}}"
-                   aria-labelledby="{{lfData._horizontalTableInfo[item._horizontalTableId].columnHeaders[$index].id}}"
-                   ng-focus="setActiveRow(cell)" ng-blur="activeRowOnBlur(cell)">
-            <input ng-switch-when="CWE" name="{{cell.question + '_' + $id}}" type="text"
-                   ng-model="cell.value"
-                   autocomplete-lhc="cell._autocompOptions"
-                   ng-disabled="cell._readOnly" placeholder="{{cell._toolTip}}"
-                   id="{{cell._elementId}}"
-                   aria-labelledby="{{lfData._horizontalTableInfo[item._horizontalTableId].columnHeaders[$index].id}}"
-                   ng-focus="setActiveRow(cell)" ng-blur="activeRowOnBlur(cell)">
-            <input ng-switch-when="REAL" name="{{cell.question}}" type="text"
-                   ng-model="cell.value"
-                   placeholder="{{cell._toolTip}}" ng-disabled="cell._readOnly"
-                   id="{{cell._elementId}}"
-                   aria-labelledby="{{lfData._horizontalTableInfo[item._horizontalTableId].columnHeaders[$index].id}}"
-                   ng-focus="setActiveRow(cell)" ng-blur="activeRowOnBlur(cell)">
-            <input ng-switch-when="INT" name="{{cell.question}}" type="text"
-                   ng-model="cell.value"
-                   placeholder="{{cell._toolTip}}" ng-disabled="cell._readOnly"
-                   id="{{cell._elementId}}"
-                   aria-labelledby="{{lfData._horizontalTableInfo[item._horizontalTableId].columnHeaders[$index].id}}"
-                   ng-focus="setActiveRow(cell)" ng-blur="activeRowOnBlur(cell)">
-            <input ng-switch-when="DT" name="{{cell.question}}" type="text"
-                   ng-model="cell.value"
-                   lf-date="dateOptions" placeholder="{{cell._toolTip}}" ng-disabled="cell._readOnly"
-                   id="{{cell._elementId}}"
-                   aria-labelledby="{{lfData._horizontalTableInfo[item._horizontalTableId].columnHeaders[$index].id}}"
-                   ng-focus="setActiveRow(cell)" ng-blur="activeRowOnBlur(cell)">
-            <!-- Gillardo boostrap datetime picker -->
-            <div ng-switch-when="DTM" class="lf-dtm-picker-block">
-              <input name="{{cell.question}}" type="text" class="form-control"
-                     ng-model="cell.value"
-                     datetime-picker="{{uibDateTimePickerFormat}}" alt-input-formats="uibDatePickerAltFormats"
-                     is-open="isOpen" enable-time="true" close-on-date-selection="true" button-bar="uibDtmPickerButtonBar"
-                     datepicker-options="uibDatePickerOptions" timepicker-options="uibTimePickerOptions"
-                     placeholder="{{cell._toolTip}}" ng-disabled="cell._readOnly"
-                     id="{{cell._elementId}}"
-                     aria-labelledby="{{lfData._horizontalTableInfo[item._horizontalTableId].columnHeaders[$index].id}}"
-                     ng-focus="setActiveRow(cell)" ng-blur="activeRowOnBlur(cell); uibDtmPickerOnBlur('input')">
-              <button type="button" class="ui-datepicker-trigger" ng-click="openUibDtmPicker($event)"></button>
-            </div>
-            <textarea ng-switch-when="TX" name="{{cell.question}}"
-                      ng-model="cell.value" ng-attr-placeholder="{{cell._toolTip}}" ng-disabled="cell._readOnly"
-                      id="{{cell._elementId}}"
-                      aria-labelledby="{{lfData._horizontalTableInfo[item._horizontalTableId].columnHeaders[$index].id}}"
-                      ng-keyup="autoExpand($event)" rows="1"
-                      ng-focus="setActiveRow(cell)" ng-blur="activeRowOnBlur(cell)"></textarea>
-            <lf-attachment ng-switch-when="attachment" item="cell"
-             create-attachment="createAttachment(item)"
-             labelled-by=lfData._horizontalTableInfo[item._horizontalTableId].columnHeaders[$index].id
-            ></lf-attachment>
-            <input ng-switch-default name="{{cell.question}}" type="text"
-                   ng-model="cell.value" placeholder="{{cell._toolTip}}" ng-disabled="cell._readOnly"
-                   id="{{cell._elementId}}"
-                   aria-labelledby="{{lfData._horizontalTableInfo[item._horizontalTableId].columnHeaders[$index].id}}"
-                   ng-focus="setActiveRow(cell)" ng-blur="activeRowOnBlur(cell)">
-          </div>
-        </ng-form>
-      </td>
-    </tr>
-    </tbody>
-  </table>
-
-  <div ng-if="item._questionRepeatable && targetShown(item) "
-       class="lf-form-table-row button-row {{getSkipLogicClass(item)}}">
-    <div class="has-popover-warning">
-      <button type="button"
-              class="lf-float-button" id="add-{{item._elementId}}"
-              ng-click="addOneRepeatingItem(item, true)"
-              ng-blur="hideUnusedItemWarning(item)"
-              uib-popover='Please enter info in the blank "{{ item._text }}".'
-              popover-placement="top-left"
-              popover-trigger="none"
-              popover-is-open="item._showUnusedItemWarning">
-        + Add another "{{item._text}}"
-      </button>
-    </div>
-  </div>
-</div>
-

package/app/views/partials/layout-matrix.html

@@ -1,145 +0,0 @@
-<div class="lf-layout-matrix lf-table-item {{getSiblingStatus(item)}}">
-  <div ng-attr-role="{{item.header ? 'heading' : undefined}}"
-       ng-attr-aria-level="{{item.header ? item._displayLevel+1 : undefined}}"
-       class="lf-form-matrix-table-title lf-de-label">
-    <span class="lf-question"><label id="label-{{ item._elementId }}"><ng-include src="'itemPrefixAndText.html'"></label></span>
-    <span class="lf-item-code" ng-show="lfData.templateOptions.showQuestionCode">
-      <a ng-if="item._linkToDef" href="{{ item._linkToDef }}" target="_blank" rel="noopener noreferrer">[{{ item.questionCode }}]</a>
-      <span ng-if="!item._linkToDef">[{{ item.questionCode }}]</span>
-    </span>
-    <span ng-switch on="getCodingInstructionsDisplayType(item)" ng-if="item.codingInstructions">
-      <span ng-switch-when="inline-html" class="lf-prompt" ng-bind-html="getTrustedCodingInstructions(item)"
-       id="help-{{ item._elementId }}"></span>
-      <span ng-switch-when="inline-escaped" class="lf-prompt" ng-bind="item.codingInstructions"
-       id="help-{{ item._elementId }}"></span>
-      <button ng-switch-when="popover-html" class="lf-help-button btn-sm" uib-popover-template="'popover.html'"
-              popover-trigger="focus" popover-placement="right"  popover-title="Instruction"
-              type="button" id="helpButton-{{item._elementId}}" aria-label="Help"
-              aria-describedby="label-{{ item._elementId }}">
-        <span class="glyphicon glyphicon-question-sign" aria-hidden="true"></span>
-      </button>
-      <button ng-switch-when="popover-escaped" class="lf-help-button btn-sm" uib-popover="{{item.codingInstructions}}"
-              popover-trigger="focus" popover-placement="right"  popover-title="Instruction"
-              type="button" id="helpButton-{{item._elementId}}" aria-label="Help"
-              aria-describedby="label-{{ item._elementId }}">
-        <span class="glyphicon glyphicon-question-sign" aria-hidden="true"></span>
-      </button>
-    </span>
-    <button ng-if="item.copyrightNotice" id="copyright-{{item._elementId}}" type="button"
-            class="lf-copyright-button btn-sm" uib-popover="{{item.copyrightNotice}}"
-            popover-trigger="focus" popover-placement="right" popover-title="Copyright"
-            aria-label="Copyright notice" aria-describedby="label-{{ item._elementId }}">
-      <span class="glyphicon glyphicon-copyright-mark" aria-hidden="true"></span>
-    </button>
-    <button ng-if="isItemOptionPanelButtonShown(item)" type="button" class="lf-control-button btn-sm"
-            ng-click="hideShowItemOptionPanel(item)" aria-label="Item controls"
-            aria-describedby="label-{{item._elementId}}">
-      <span class="glyphicon glyphicon-cog" aria-hidden="true"></span>
-    </button>
-    <!-- TBD -->
-    <lf-item-options></lf-item-options>
-  </div>
-  <table class="lf-form-matrix-table lf-form-table">
-      <colgroup>
-        <col class="lf-question">
-        <col ng-repeat="answer in item.items[0].answers">
-        <col class="other-answer" ng-if="item.items[0].dataType ==='CWE'">
-      </colgroup>
-      <thead>
-      <tr class="lf-">
-        <th class="lf-question lf-form-table-header"></th>
-        <th ng-repeat="answer in item.items[0].answers"
-            class="lf-form-matrix-cell lf-form-table-header"
-            id="answer-{{$index}}">{{answer.text}}</th>
-        <th class="lf-form-matrix-cell-other lf-form-table-header" ng-if="item.items[0].dataType ==='CWE'"
-         id="otherAnswer">Other</th>
-      </tr>
-      </thead>
-      <tbody>
-      <tr ng-repeat="subItem in item.items" role="radiogroup"
-         ng-init="firstItem = item.items[0] ; item = subItem"
-         aria-labeledby="label-{{subItem._elementId }}"
-         aria-describedby="help-{{ subItem._parentItem._elementId }} help-{{ subItem._elementId }}">
-        <td class="lf-question">
-          <div class="lf-de-label">
-            <span class="lf-question"><label id="label-{{ subItem._elementId }}"
-             for="{{subItem._elementId}}"><ng-include src="'itemPrefixAndText.html'"></label></span>
-            <span class="lf-item-code" ng-show="lfData.templateOptions.showQuestionCode">
-              <a ng-if="subItem._linkToDef" href="{{ subItem._linkToDef }}" target="_blank" rel="noopener noreferrer">[{{ subItem.questionCode }}]</a>
-              <span ng-if="!subItem._linkToDef">[{{ subItem.questionCode }}]</span>
-            </span>
-            <span ng-switch on="getCodingInstructionsDisplayType(subItem)" ng-if="subItem.codingInstructions">
-              <span ng-switch-when="inline-html" id="help-{{subItem._elementId}}"
-               class="lf-prompt" ng-bind-html="getTrustedCodingInstructions(subItem)"></span>
-              <span ng-switch-when="inline-escaped" id="help-{{subItem._elementId}}"
-               class="lf-prompt" ng-bind="subItem.codingInstructions"></span>
-              <button ng-switch-when="popover-html" class="lf-help-button btn-sm" uib-popover-template="'popover.html'"
-                      popover-trigger="focus" popover-placement="right"  popover-title="Instruction"
-                      type="button" id="helpButton-{{subItem._elementId}}"
-                      aria-label="Help" aria-describedby="label-{{ subItem._elementId }}">
-                <span class="glyphicon glyphicon-question-sign" aria-hidden="true"></span>
-              </button>
-              <button ng-switch-when="popover-escaped" class="lf-help-button btn-sm" uib-popover="{{subItem.codingInstructions}}"
-                      popover-trigger="focus" popover-placement="right"  popover-title="Instruction"
-                      type="button" id="helpButton-{{subItem._elementId}}" aria-label="Help"
-                      aria-describedby="label-{{ subItem._elementId }}">
-                <span class="glyphicon glyphicon-question-sign" aria-hidden="true"></span>
-              </button>
-            </span>
-            <button ng-if="subItem.copyrightNotice" id="copyright-{{subItem._elementId}}" type="button"
-                    class="lf-copyright-button btn-sm" uib-popover="{{subItem.copyrightNotice}}"
-                    popover-trigger="focus" popover-placement="right" popover-title="Copyright"
-                    aria-label="Copyright notice"
-                    aria-describedby="label-{{ subItem._elementId }}">
-              <span class="glyphicon glyphicon-copyright-mark" aria-hidden="true"></span>
-            </button>
-          </div>
-        </td>
-        <td ng-repeat="answer in firstItem.answers"
-         class="lf-form-matrix-cell">
-          <span class="lf-form-matrix-answer">
-            <label ng-if="subItem._multipleAnswers">
-              <input type="checkbox" id="{{subItem._elementId + answer.code}}"
-               ng-click="updateCheckboxList(subItem, answer)" aria-labeledby="answer-{{$index}}">
-            </label>
-            <label ng-if="!subItem._multipleAnswers">
-              <input type="radio" id="{{subItem._elementId + answer.code}}"
-               aria-labeledby="answer-{{$index}}" ng-model="subItem.value" ng-value="answer"
-                     name="{{subItem._elementId}}" ng-change="updateRadioList(subItem)">
-            </label>
-          </span>
-        </td>
-        <td class="lf-form-matrix-cell-other" ng-if="subItem.dataType ==='CWE'"
-         aria-labeledby=otherAnswer>
-          <!--for multiple answers-->
-          <span ng-if="subItem._multipleAnswers" class="lf-form-matrix-answer">
-            <label>
-              <input type="checkbox" ng-model="subItem._otherValueChecked"
-                     id="{{subItem._elementId + '_other'}}"
-                     ng-change="updateCheckboxListForOther(subItem, subitem._answerOther)">
-            </label>
-            <label>
-              <input type="text" ng-model="subitem._answerOther"
-                     id="{{subItem._elementId + '_otherValue'}}"
-                     ng-change="updateCheckboxListForOther(subItem, subitem._answerOther)">
-            </label>
-          </span>
-          <!--for single answer-->
-          <span ng-if="!subItem._multipleAnswers" class="lf-form-matrix-answer">
-            <label>
-              <input type="radio" id="{{subItem._elementId + '_other'}}" ng-model="subItem._otherValueChecked"
-                     ng-value="true" name="{{subItem._elementId}}"
-                     ng-change="updateRadioListForOther(subItem, subitem._answerOther)">
-            </label>
-            <label>
-              <input type="text" id="{{subItem._elementId + '_otherValue'}}" ng-model="subitem._answerOther"
-                     ng-change="updateRadioListForOther(subItem, subitem._answerOther)">
-            </label>
-          </span>
-        </td>
-      </tr>
-      </tbody>
-    </table>
-  <lf-repeating-button></lf-repeating-button>
-</div>
-

package/app/views/partials/popover-content.html

@@ -1 +0,0 @@
-<div class="lf-popover" ng-bind-html="getTrustedCodingInstructions(item)"></div>