gistfile1.txt

<div id="pleasePhoto" class="ng-cloak">
	<!-- Add new product header !-->
	<div id="ingridientsHeader" style ="background-color: green; text-align: center; height: 110px;">Product Card</div>
	<div id="photo_title_div" style ="background-color: grey; height: 320px;">
		<div id="photo_add_btn" style ="background-color: red; height: 100%; width: 50%; float: left; ">Add Photo</div>
		<div id="photo_title_add_btn" style ="background-color: blue; height: 100%; width: 50%; float: right;">Add Title</div>
	</div>
	<div id="photo_main_container" style="padding: 40px; background-color: orange;">
		<div>
			<h1>Nutrition Facts</h1>
		</div>
	</div>
	<div style="width: 100%; text-align:center;">
			<p>Пожалуйста, добавьте фото</p>
			<input class="buttonTakePhoto" type="button" ng-click="takePhoto()" value="Photo" ng-hide="imagePath"/><br><br>

			<img width="300px" height="300px" ng-src="{{imagePath}}" ng-show="imagePath"><br>

			<label ng-show="imagePath">Enter product name: {{productName}}</label><br>
			<input type="text" ng-model="productName" ng-show="imagePath"><br>
			<label ng-show="imagePath">Bar code: {{productBarCode}}</label><br>
			<input type="text" ng-model="productBarCode" ng-show="imagePath"><br><br>

			<input type="button" ng-click="sendPhoto()" value="Send Photo" ng-show="imagePath"/><br><br>
		</div>
</div>



'ui.filters',[]