food-summary.html

<div class="food-summary" ng-show="filteredFoodList.length > 0 || filteredDrinksList.length > 0">
	<div class="food foods" ng-show="filteredFoodList.length > 0">
		<div class="type">
			<i class="fa fa-cutlery" aria-hidden="true"></i>
		</div>
		<div class="desc">FOOD Summary</div>
		<!-- Assign filtered food.list to filteredFoodList -->
		<div class="all">
			<div class="food-summary" ng-repeat="item in filteredFoodList = (food.list | filterMealType: 'FOOD')">
				<div class="each">
					<div class="info">
						<div class="title">{{item.foodtext.length > 0 ? item.foodtext : 'No title'}}</div>
						<div class="details">
							<span class="qty">
								{{item.quantity ? item.quantity : 'X'}}
							</span>
							<span class="usage">
								{{item.qtytype ? item.qtytype : 'items' | codeconvert}}
							</span>
						</div>
					</div>
					<div class="amount">{{item.foodtext
						| caloriesCount: {'foodtype': item.mealtype, 'quantity': item.quantity, 'qtytype': item.qtytype, 'calories': item.count} }} Cal</div>
				</div>
			</div>
		</div>
	</div>
	<div class="food drinks" ng-show="filteredDrinksList.length > 0">
		<div class="type">
			<i class="fa fa-glass" aria-hidden="true"></i>
		</div>
		<div class="desc">DRINK Summary</div>
		<!-- Assign filtered food.list to filteredFoodList -->
		<div class="all">
			<div class="food-summary" ng-repeat="item in filteredDrinksList = (food.list | filterMealType: 'DRNK')">
				<div class="each">
					<div class="info">
						<div class="title">{{item.foodtext.length > 0 ? item.foodtext : 'No title'}}</div>
						<div class="details">
							<span class="qty">
								{{item.quantity ? item.quantity : 'X'}}
							</span>
							<span class="usage">
								{{item.qtytype ? item.qtytype : 'items' | codeconvert}}
							</span>
						</div>
					</div>
					<div class="amount">{{item.foodtext
						| caloriesCount: {'foodtype': item.mealtype, 'quantity': item.quantity, 'qtytype': item.qtytype, 'calories': item.count} }} Cal</div>
				</div>
			</div>
		</div>
	</div>
</div>