From 80db13404a34dcb9cbd6595215551ade4850c214 Mon Sep 17 00:00:00 2001
From: Javasick <javasick@gmail.com>
Date: Tue, 24 May 2016 10:59:32 +0300
Subject: [PATCH] Formatting improved

---
 index.html | 70 ++++++++++++++++++++++++++----------------------------
 1 file changed, 34 insertions(+), 36 deletions(-)

diff --git a/index.html b/index.html
index 0853b2a..4ff7ee8 100644
--- a/index.html
+++ b/index.html
@@ -27,7 +27,7 @@
 		
 			var files = e.target.files;
 		
-     		var fileReader = new FileReader();
+     			var fileReader = new FileReader();
 			fileReader.readAsDataURL(files[0]);		
 			
 			fileReader.onload = function(e) {
@@ -35,14 +35,14 @@
 				$scope.$apply();
 			};
 			
-		}		
+		};		
 	   
 		$scope.clear = function() {
 			 $scope.imageCropStep = 1;
 			 delete $scope.imgSrc;
 			 delete $scope.result;
 			 delete $scope.resultBlob;
-		};
+		}
 		
 	}]);
 
@@ -95,7 +95,7 @@
 			<input type="file" name="fileInput" id="fileInput" onchange="angular.element(this).scope().fileChanged(event)" />
 		</div>			
 	  
-	   <div ng-show="imageCropStep == 2">
+		<div ng-show="imageCropStep == 2">
 		  <!-- <image-crop			 
 			 data-height="200" //shape's height
 			 data-width="150" //shape's width
@@ -109,39 +109,37 @@
 			 max-size="1024" //max of the image, in pixels
 		   ></image-crop> -->
 		   
-		   <image-crop			 
-			 data-height="200"
-			 data-width="150"
-			 data-shape="square"
-			 data-step="imageCropStep"
-			 src="imgSrc"
-			 data-result="result"
-			 data-result-blob="resultBlob"
-			 crop="initCrop"
-			 padding="250"
-			 max-size="1024"
-		   ></image-crop>		   
-	   </div>
+			<image-crop			 
+			 	data-height="200"
+			 	data-width="150"
+			 	data-shape="square"
+			 	data-step="imageCropStep"
+			 	src="imgSrc"
+			 	data-result="result"
+			 	data-result-blob="resultBlob"
+			 	crop="initCrop"
+			 	padding="250"
+			 	max-size="1024">
+			</image-crop>		   
+		</div>
        	   
-	   <div ng-show="imageCropStep == 2">
-		   <br/>
-		   <button ng-click="clear()">Cancel</button>
-		   <button ng-click="initCrop = true">Crop</button>		
-	   </div>		  
-	   
-	   <div ng-show="imageCropStep == 3">
+		<div ng-show="imageCropStep == 2">
+			<br/>
+			<button ng-click="clear()">Cancel</button>
+			<button ng-click="initCrop = true">Crop</button>		
+		</div>		  
 	   
-	     <h2>Result</h2>
-       
-		 <p>The data-result-blob property is a Blob object, which is necessary in some upload libraries like <a href="https://github.com/nervgh/angular-file-upload" target="_blank">Angular File Upload</a></p>
-		 <p>Image using the data uri:</p>
-		 <img ng-src="{{result}}"></img>
-         <p>The Base64 String used in the image above:</p>         
-         <textarea class="result-datauri">{{ result }}</textarea>
-		 <button ng-click="clear()">Clear</button>	
+		<div ng-show="imageCropStep == 3">
+			
+			<h2>Result</h2>
+			<p>The data-result-blob property is a Blob object, which is necessary in some upload libraries like <a href="https://github.com/nervgh/angular-file-upload" target="_blank">Angular File Upload</a></p>
+			<p>Image using the data uri:</p>
+			<img ng-src="{{result}}"></img>
+			<p>The Base64 String used in the image above:</p>         
+			<textarea class="result-datauri">{{ result }}</textarea>
+			<button ng-click="clear()">Clear</button>	
        
-	  </div>
-	   
-     </div>
+		</div>
+	</div>
   </body>
-</html>
\ No newline at end of file
+</html>