food-panel.html

<div>
	<food-summary data="food"></food-summary>
	<div class="inputfield first">
		<label class="input-title">Food Title</label>
		<autocomplete choices="food._.foodlist" enteredtext="food.list[0].foodtext"
		minlength="1" result="food.foodobj" type="'FOOD'"></autocomplete>
	</div>
	<div class="inputfield">
		<label class="input-title">Food Type</label>
		<div class="food-type choose-one">
			<button class="choice btn btn-choice" chooseone="foodtype"
			on-action="'CLICK, [mealtype, solidfood, litrefood], [true, true, false]'"
			scope-obj="isVisible" ng-click="setType('FOOD')">Food</button>
			<button class="choice btn btn-choice" chooseone="foodtype"
			on-action="'CLICK, [mealtype, solidfood, litrefood], [true, false, true]'"
			scope-obj="isVisible" ng-click="setType('DRNK')">Drink</button>
		</div>
	</div>
	<div class="inputfield" ng-show="isVisible.mealtype">
		<label class="input-title">Food Quantity</label>
		<div class="quantity-selector choose-one">
			<div class="choose-items">
				<input class="quantity" maxlength="5" ng-model="food.list[0].quantity" type="number"/>
			</div>
			<div class="choose-container">
				<button class="choice btn btn-choice" chooseone="foodqty"
				ng-show="isVisible.solidfood" ng-click="setQtyType('PCE')">Piece</button>
				<button class="choice btn btn-choice" chooseone="foodqty"
				ng-show="isVisible.solidfood" ng-click="setQtyType('TSP')">Tbsp</button>
				<button class="choice btn btn-choice" chooseone="foodqty"
				ng-show="isVisible.solidfood" ng-click="setQtyType('BWL')">Bowl</button>
				<button class="choice btn btn-choice" chooseone="foodqty"
				ng-show="isVisible.litrefood" ng-click="setQtyType('CUP')">Cup</button>
				<button class="choice btn btn-choice" chooseone="foodqty"
				ng-show="isVisible.litrefood" ng-click="setQtyType('GLS')">Glass</button>
				<button class="choice btn btn-choice" chooseone="foodqty"
				ng-show="isVisible.litrefood" ng-click="setQtyType('BTL')">Bottle</button>
				<button class="choice btn btn-choice" chooseone="foodqty"
				ng-show="isVisible.litrefood" ng-click="setQtyType('PTR')">Pitcher</button>
				<button class="choice btn btn-choice" chooseone="foodqty"
				ng-show="isVisible.litrefood" ng-click="setQtyType('TWR')">Tower</button>
				<button class="choice btn btn-choice weights" chooseone="foodqty"
				ng-show="isVisible.solidfood" ng-click="setQtyType('ONC')">Ounce</button>
				<button class="choice btn btn-choice weights" chooseone="foodqty"
				ng-show="isVisible.solidfood" ng-click="setQtyType('GRM')">Gram</button>
				<button class="choice btn btn-choice weights" chooseone="foodqty"
				ng-show="isVisible.litrefood" ng-click="setQtyType('LTR')">Litre</button>
			</div>
			<div class="choose-weight">
				<button class="choice btn btn-choice" chooseone="foodqty"
				ng-show="isVisible.solidfood" ng-click="setQtyType('ONC')">Ounce</button>
				<button class="choice btn btn-choice" chooseone="foodqty"
				ng-show="isVisible.solidfood" ng-click="setQtyType('GRM')">Gram</button>
				<button class="choice btn btn-choice" chooseone="foodqty"
				ng-show="isVisible.litrefood" ng-click="setQtyType('LTR')">Litre</button>
			</div>
		</div>
	</div>
	<div class="inputfield calorie-count" ng-show="isVisible.mealtype">
		<label class="input-title">Calorie Count</label>
		<input class="input-value" type="number" ng-model="food.list[0].count">
		<label class="suggested-value {{food.list[0].qtytype}} {{food.list[0].count}}"
			ng-show="food.list[0].qtytype != '' && (food.list[0].count == undefined || food.list[0].count == '')">{{food.list[0].foodtext |
				caloriesCount: {'foodtype': food.list[0].mealtype, 'quantity': food.list[0].quantity, 'qtytype': food.list[0].qtytype, 'calories': food.list[0].count} }} Cal</label>
	</div>
	<div class="inputfield" ng-show="isVisible.mealtype">
		<button class="btn btn-default full-width add-another" ng-show="isVisible.mealtype"
		ng-click="addNewItem()">ADD NEW</button>
	</div>
</div>