iEat2/web/js/templates/unitEditor.html

<!-- unitEditor -->
<div>
  <div class="form-group">
    <table class="table">
      <tr>
        <td colspan="2">
          <input type="text"
                 style="text-align: center;"
                 class="form-control"
                 data-ng-model="$ctrl.unit.name">
        </td>
      </tr>
      <tr>
        <td>
          <label for="symbol">Symbol:</label>
          <input id="symbol"
                 class="form-control"
                 type="text"
                 data-ng-model="$ctrl.unit.symbol" />
        </td>
        <td>
          <label for="conversion">Conversion:</label>
          <input id="conversion"
                 class="form-control"
                 type="number"
                 data-ng-model="$ctrl.unit.conversion" />
        </td>
      </tr>
      <tr>
        <td colspan="2">
          <label for="type">Type:</label>
          <select id="type" class="form-control" data-ng-model="$ctrl.unit.type">
            <option data-ng-repeat="type in unitTypes">{{type}}</option>
          </select>
        </td>
      </tr>
    </table>
  </div>
</div>