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

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