nss-evening-cohort-04 · utleroy · Jan 10, 2017 · Jan 10, 2017 · Jan 11, 2017 · Jan 11, 2017
diff --git a/MainController.js b/MainController.js
@@ -0,0 +1,57 @@
+;(function () {
+  angular.module('fetchApp').controller('MainController', function ($scope, requestService, Response) {
+    $scope.responses = [];
+    $scope.url = "http://httpstat.us/200";
+
+
+
+    $scope.fetch = () => {
+    const initialDate = (new Date()).getTime();
+      if($scope.method == "GET"){
+        requestService.get($scope.url).then((success) => {
+          const receiveDate = (new Date()).getTime(); 
+          const response = new Response(success);
+          const responseTime = receiveDate - initialDate;
+          response.responseTime = responseTime;
+          console.log(responseTime);
+          $scope.responses.push(response);
+        }, (error) => {
+          debugger
+        });
+      } else if($scope.method == "POST"){
+        requestService.post($scope.url).then((success) => {
+          const receiveDate = (new Date()).getTime(); 
+          const response = new Response(success);
+          const responseTime = receiveDate - initialDate;
+          response.responseTime = responseTime;
+          $scope.responses.push(response);
+        }, (error) => {
+          debugger
+        });
+      } else if($scope.method == "HEAD"){
+        requestService.head($scope.url).then((success) => {
+          const receiveDate = (new Date()).getTime(); 
+          const response = new Response(success);
+          const responseTime = receiveDate - initialDate;
+          response.responseTime = responseTime;
+          $scope.responses.push(response);
+        }, (error) => {
+          debugger
+        });
+      } else if($scope.method == "OPTIONS"){
+        requestService.options($scope.url).then((success) => {
+          const receiveDate = (new Date()).getTime(); 
+          const response = new Response(success);
+          const responseTime = receiveDate - initialDate;
+          response.responseTime = responseTime;
+          $scope.responses.push(response);
+        }, (error) => {
+          debugger
+        });
+      }
+    };
+
+
+
+  });
+})();
diff --git a/app.js b/app.js
@@ -0,0 +1,4 @@
+
+;(function () {
+  const app = angular.module('fetchApp', []);
+})();
diff --git a/index.html b/index.html
@@ -0,0 +1,41 @@
+<!DOCTYPE html>
+<html lang="en" ng-app="fetchApp">
+<head>
+	<meta charset="utf-8">
+	<title>OMG app</title>
+	<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/skeleton/2.0.4/skeleton.min.css">
+	<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.6/angular.min.js"></script>
+
+</head>
+
+<body ng-controller="MainController">
+	{{message}}
+	<div class="sixteen columns">
+		<div class="four columns offset-by-four">
+			<input type="text" name="URL" ng-model="url">
+			<select ng-model="method">
+				<option value='GET' >GET</option>
+				<option value='POST' >POST</option>
+				<option value='OPTIONS' >OPTIONS</option>
+				<<option value='HEAD' >HEAD</option>
+			</select>
+			<button ng-click="fetch()">Fetch</button>
+			<ul ng-repeat="response in responses">
+				<li>
+					{{response.statusCode}}				
+					{{response.methodName}}				
+					{{response.urlName}}				
+					{{response.size}}
+					{{response.bites}}
+				</li>
+			</ul>
+		</div>
+	</div>
+
+	<script src="app.js"></script>
+
+	<script src="/mainController.js"></script>
+	<script src="/requestService.js"></script>
+	<script src="/responseFactory.js"></script>	
+</body>
+</html>
diff --git a/requestService.js b/requestService.js
@@ -0,0 +1,13 @@
+
+;(function () {
+	angular.module('fetchApp').service('requestService', function ($http) {
+  	this.get = url => $http.get(url); 
+    this.post = url => $http.post(url);
+    this.head = url => $http.head(url);
+    this.options = url => $http.options(url);
+});
+})();
+
+
+  	// this.get = function (url) {
+   //  return $http.get(url);
diff --git a/responseFactory.js b/responseFactory.js
@@ -0,0 +1,13 @@
+;(function () {
+  angular.module('fetchApp').factory('Response', function () {
+    const Response = function (responseData) {
+      this.statusCode = responseData.status;
+      this.methodName = responseData.config.method;
+      this.urlName = responseData.config.url;
+      this.size = (responseData.data.length)/1000;
+      this.bites = responseData.size;
+      console.log(responseData);
+    };
+    return Response;
+  });
+})();