public/assets/plugins/angular-material-form-builder/src/lib/directives/checkboxes-item/checkboxes-item.tpl.html

   1 <div
   2   class="sortable-container"
   3   layout="column"
   4   sv-root
   5   sv-part="Checkboxes.item.options"
   6 >
   7   <md-input-container class="md-block">
   8     <label>Max Selections</label>
   9     <input type="number" ng-model="Checkboxes.item.config.maxSelections" />
  10   </md-input-container>
  11
  12   <md-switch
  13     ng-model="Checkboxes.item.config.direction"
  14     ng-true-value="'horizontal'"
  15     ng-false-value="'vertical'"
  16   >
  17     Layout direction ({{Checkboxes.item.config.direction == 'horizontal' ?
  18     'Horizontal' : 'Vertical'}})
  19   </md-switch>
  20
  21   <div
  22     class="option-item"
  23     layout="row"
  24     ng-repeat="option in Checkboxes.item.options track by $index"
  25     sv-element
  26   >
  27     <md-button
  28       class="md-button handle"
  29       md-no-ink
  30       aria-label="reorder option item"
  31       sv-handle
  32     >
  33       <md-icon class="material-icons">reorder</md-icon>
  34     </md-button>
  35
  36     <md-input-container class="md-block">
  37       <label>Option {{$index + 1}}</label>
  38       <input ng-model="option.value" />
  39     </md-input-container>
  40
  41     <md-button class="md-button" ng-click="Checkboxes.deleteOption($index)">
  42       <md-icon class="material-icons">delete</md-icon>
  43     </md-button>
  44   </div>
  45   <div layout="row" layout-align="start">
  46     <md-button
  47       class="md-primary add-option-button"
  48       ng-click="Checkboxes.addOption()"
  49     >
  50       <md-icon class="material-icons">add</md-icon>
  51     </md-button>
  52   </div>
  53 </div>