iEat2/web/js/templates/editBasicFood.html

<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="food.name">
        </td>
      </tr>
      <tr>
        <td>
          <label for="ndbno">ndbno:</label>
          <input id="ndbno" class="form-control" type="number" data-ng-model="food.ndbno" readonly="readonly" />
        </td>
        <td>
          <label for="calories">Calories/100:</label>
          <input id="calories" class="form-control" type="number" data-ng-model="food.calories_p_100" />
        </td>
      </tr>
      <tr>
        <td>
          <label for="unit">Unit:</label>
          <select id="unit" class="form-control" data-ng-model="food.default_unit">
            <!-- TODO: Load these from server -->
            <option value="g">g (Grams)</option>
            <option value="ml">ml (Milliliters)</option>
          </select>
        </td>
        <td>
          <label for="group">Food Group:</label>
          <select id="group" class="form-control" data-ng-model="food.food_group">
            <option data-ng-repeat="catagory in catagories">{{catagory.name}}</option>
          </select>
        </td>
      </tr>
      <tr>
        <td colspan="2" style="text-align: right;">
          <button type="button" class="btn btn-success" data-ng-click="submit(food);">Submit</button>
          <button type="button" class="btn" data-ng-click="dismiss();">Cancel</button>
          <button type="button"
                  class="btn btn-danger"
                  data-ng-show="food.id != null"
                  data-ng-click="delete(food);">
            Delete
          </button>
        </td>
      </tr>
    </table>
  </div>
</div>