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

   1 <div
   2   class="sortable-container columnContainer"
   3   layout="column"
   4   sv-root
   5   sv-part="Matrix.item.config.columns"
   6 >
   7   <div
   8     class="option-item"
   9     layout="row"
  10     ng-repeat="column in Matrix.item.config.columns track by $index"
  11     sv-element
  12   >
  13     <md-button
  14       class="md-button handle"
  15       md-no-ink
  16       aria-label="reorder option item"
  17       sv-handle
  18     >
  19       <md-icon class="material-icons">reorder</md-icon>
  20     </md-button>
  21
  22     <md-input-container class="input-container">
  23       <label>Column {{$index + 1}}</label>
  24       <input ng-model="column.value" />
  25     </md-input-container>
  26
  27     <md-button
  28       class="md-button"
  29       md-no-ink
  30       aria-label="delete column item"
  31       ng-click="Matrix.deleteColumn($index)"
  32     >
  33       <md-icon class="material-icons">delete</md-icon>
  34       <md-tooltip md-autohide="true">Delete</md-tooltip>
  35     </md-button>
  36   </div>
  37   <div layout="row" layout-align="start">
  38     <md-button
  39       class="md-primary add-option-button"
  40       md-no-ink
  41       aria-label="add option item"
  42       ng-click="Matrix.addColumn()"
  43       >Add Column</md-button
  44     >
  45   </div>
  46 </div>
  47
  48 <div
  49   class="sortable-container rowContainer"
  50   layout="column"
  51   sv-root
  52   sv-part="Matrix.item.config.rows"
  53 >
  54   <div
  55     class="option-item"
  56     layout="row"
  57     ng-repeat="row in Matrix.item.config.rows track by $index"
  58     sv-element
  59   >
  60     <md-button
  61       class="md-button handle"
  62       md-no-ink
  63       aria-label="reorder row item"
  64       sv-handle
  65     >
  66       <md-icon class="material-icons">reorder</md-icon>
  67     </md-button>
  68
  69     <md-input-container class="input-container">
  70       <label>Row {{$index + 1}}</label>
  71       <input ng-model="row.value" />
  72     </md-input-container>
  73
  74     <md-button
  75       class="md-button"
  76       md-no-ink
  77       aria-label="delete row item"
  78       ng-click="Matrix.deleteRow($index)"
  79     >
  80       <md-icon class="material-icons">delete</md-icon>
  81       <md-tooltip md-autohide="true">Delete</md-tooltip>
  82     </md-button>
  83   </div>
  84   <div layout="row" layout-align="start">
  85     <md-button
  86       class="md-primary add-option-button"
  87       md-no-ink
  88       aria-label="add row item"
  89       ng-click="Matrix.addRow()"
  90       >Add row</md-button
  91     >
  92   </div>
  93 </div>