table.html

<table class="table table-bordered table-striped">
      <thead>
        <tr bst-table-head="" row-select="" class="ng-scope"><th class="row-select"><input type="checkbox" ng-model="selection.allSelected" ng-disabled="selection.selectAllDisabled" ng-change="allSelected()" class="ng-pristine ng-untouched ng-valid ng-empty"></th>
          <!-- translate:  --><th translate="" class="ng-scope"><span class="ng-scope">RPM Name</span></th>
          <!-- translate:  --><th translate="" class="ng-scope"><span class="ng-scope">Architecture</span></th>
          <!-- translate:  --><th translate="" class="ng-scope"><span class="ng-scope">Version</span></th>
          <th></th>
        </tr>
      </thead>

      <tbody>
        <!-- ngRepeat: rule in table.rows | filter:packageFilter --><tr bst-table-row="" ng-repeat="rule in table.rows | filter:packageFilter" row-select="rule" class="ng-scope" style=""><td class="row-select"><input type="checkbox" ng-model="rule.selected" ng-disabled="rule.unselectable" ng-change="itemSelected(rule)" class="ng-pristine ng-untouched ng-valid ng-empty"></td>
          <td bst-table-cell="" class="ng-scope">
            <div class="form-group">
              <input class="form-control ng-pristine ng-untouched ng-valid ng-not-empty" ng-hide="denied('edit_content_views', contentView)" ng-model="rule.name" uib-typeahead="name for name in fetchAutocompleteName($viewValue)" ng-readonly="!rule.editMode" aria-autocomplete="list" aria-expanded="false" aria-owns="typeahead-1154-9253"><ul class="dropdown-menu ng-isolate-scope ng-hide" ng-show="isOpen() &amp;&amp; !moveInProgress" ng-style="{top: position().top+'px', left: position().left+'px'}" role="listbox" aria-hidden="true" uib-typeahead-popup="" id="typeahead-1154-9253" matches="matches" active="activeIdx" select="select(activeIdx, evt)" move-in-progress="moveInProgress" query="query" position="position" assign-is-open="assignIsOpen(isOpen)" debounce="debounceUpdate">
    <!-- ngRepeat: match in matches track by $index -->
</ul>
            </div>
          </td>

          <td bst-table-cell="" class="ng-scope">
            <div class="form-group">
              <input class="form-control ng-pristine ng-untouched ng-valid ng-empty" ng-hide="denied('edit_content_views', contentView)" ng-model="rule.architecture" uib-typeahead="arch for arch in fetchAutocompleteArch($viewValue)" ng-readonly="!rule.editMode" aria-autocomplete="list" aria-expanded="false" aria-owns="typeahead-1156-1919"><ul class="dropdown-menu ng-isolate-scope ng-hide" ng-show="isOpen() &amp;&amp; !moveInProgress" ng-style="{top: position().top+'px', left: position().left+'px'}" role="listbox" aria-hidden="true" uib-typeahead-popup="" id="typeahead-1156-1919" matches="matches" active="activeIdx" select="select(activeIdx, evt)" move-in-progress="moveInProgress" query="query" position="position" assign-is-open="assignIsOpen(isOpen)" debounce="debounceUpdate">
    <!-- ngRepeat: match in matches track by $index -->
</ul>
            </div>
          </td>

          <td bst-table-cell="" class="ng-scope">
            <span ng-hide="rule.editMode" class="ng-hide" style="">
              <span ng-switch="rule.type">
                <!-- ngSwitchWhen: equal --><span ng-switch-when="equal" class="ng-scope">
                  <!-- translate:  --><span translate="" class="ng-binding ng-scope"><span class="ng-binding ng-scope">Version 0.71-1</span></span>
                </span><!-- end ngSwitchWhen:  -->

                <!-- ngSwitchWhen: greater -->

                <!-- ngSwitchWhen: less -->

                <!-- ngSwitchWhen: range -->

                <!-- ngSwitchDefault:  -->
              </span>
            </span>

            <div ng-show="rule.editMode" class="" style="">
              <div class="form-group">
                <select class="form-control ng-pristine ng-untouched ng-valid ng-not-empty" ng-model="rule.type" ng-hide="denied('edit_content_views', contentView)" ng-change="clearValues(rule)">
                  <!-- translate:  --><option value="all" translate="" class="ng-scope"><span class="ng-scope">All Versions</span></option>
                  <!-- translate:  --><option value="equal" translate="" class="ng-scope"><span class="ng-scope">Equal To</span></option>
                  <!-- translate:  --><option value="greater" translate="" class="ng-scope"><span class="ng-scope">Greater Than</span></option>
                  <!-- translate:  --><option value="less" translate="" class="ng-scope"><span class="ng-scope">Less Than</span></option>
                  <!-- translate:  --><option value="range" translate="" class="ng-scope"><span class="ng-scope">Range</span></option>
                </select>
              </div>

              <div class="row">
                <div ng-class="{ 'col-sm-12': rule.type != 'range', 'col-sm-5': rule.type === 'range'}" ng-show="rule.type === 'greater' || rule.type === 'range'" class="ng-hide col-sm-12">

                  <div class="form-group">
                    <!-- translate:  --><label for="minVersion" translate="" class="ng-scope"><span class="ng-scope">Minimum Version</span></label>

                    <input id="minVersion" type="text" class="form-control ng-pristine ng-untouched ng-valid ng-empty" placeholder="Minimum Version" ng-model="rule.min_version" ng-hide="denied('edit_content_views', contentView)">
                  </div>
                </div>

                <div ng-class="{ 'col-sm-12': rule.type != 'range', 'col-sm-5': rule.type === 'range'}" ng-show="rule.type === 'less' || rule.type === 'range'" class="ng-hide col-sm-12">

                  <div class="form-group">
                    <!-- translate:  --><label for="maxVersion" translate="" class="ng-scope"><span class="ng-scope">Maximum Version</span></label>

                    <input id="maxVersion" type="text" class="form-control ng-pristine ng-untouched ng-valid ng-empty" placeholder="Maximum Version" ng-model="rule.max_version" ng-hide="denied('edit_content_views', contentView)">
                  </div>
                </div>

                <div class="col-sm-12">
                  <div class="form-group" ng-show="rule.type === 'equal'">
                    <!-- translate:  --><label for="version" translate="" class="ng-scope"><span class="ng-scope">Version</span></label>

                    <input id="version" type="text" class="form-control ng-pristine ng-untouched ng-valid ng-not-empty" placeholder="Version" ng-model="rule.version" ng-hide="denied('edit_content_views', contentView)">
                  </div>
                </div>
              </div>
            </div>
          </td>

          <td bst-table-cell="" class="action-cell ng-scope">
            <button type="button" class="btn btn-default ng-hide" ng-click="rule.editMode = true; backupPrevious(rule)" ng-hide="rule.editMode" style="">
              <!-- translate:  --><span translate="" class="ng-scope"><span class="ng-scope">Edit</span></span>
            </button>

            <div class="control-group buttons ng-isolate-scope" bst-save-control="" on-cancel="restorePrevious(rule); rule.editMode = false" on-save="saveRule(rule)" working="rule.working" invalid="!valid(rule)" ng-show="rule.editMode" style="">
  <button class="btn btn-primary" ng-click="handleSave(); working = true" ng-disabled="invalid || working">

    <span ng-show="working" class="ng-hide">
      <i class="fa fa-spinner fa-spin"></i>
      <!-- translate:  --><span translate="" class="ng-scope"><span class="ng-scope">Saving...</span></span>
    </span>
    <!-- translate:  --><span ng-hide="working" translate="" class="ng-scope"><span class="ng-scope">Save</span></span>
  </button>

  <!-- translate:  --><button class="btn btn-default ng-scope" type="button" ng-click="handleCancel()" ng-disabled="working" translate=""><span class="ng-scope">Cancel</span></button>
</div>
          </td>
        </tr><!-- end ngRepeat: rule in table.rows | filter:packageFilter -->
      </tbody>
    </table>