From 664e5459c3016cf0b73de7cc7fa8d4b1a899c1a6 Mon Sep 17 00:00:00 2001
From: Lim Han <singularity.sg@gmail.com>
Date: Wed, 21 Jan 2015 23:25:33 +0800
Subject: [PATCH] LH :: Updated controllers to include pets and about page

---
 .../components/about/AboutController.js       | 10 +++++
 src/main/webapp/components/about/about.html   |  1 +
 .../webapp/components/menu/MenuController.js  |  8 ++--
 .../webapp/components/pets/PetController.js   | 10 +++++
 src/main/webapp/components/pets/pets.html     | 44 +++++++++++++++++++
 src/main/webapp/index.html                    | 10 +++--
 src/main/webapp/js/app.js                     | 12 ++---
 7 files changed, 82 insertions(+), 13 deletions(-)
 create mode 100644 src/main/webapp/components/about/AboutController.js
 create mode 100644 src/main/webapp/components/about/about.html
 create mode 100644 src/main/webapp/components/pets/PetController.js
 create mode 100644 src/main/webapp/components/pets/pets.html

diff --git a/src/main/webapp/components/about/AboutController.js b/src/main/webapp/components/about/AboutController.js
new file mode 100644
index 000000000..6fd40a82e
--- /dev/null
+++ b/src/main/webapp/components/about/AboutController.js
@@ -0,0 +1,10 @@
+var AboutController = function($scope, $rootScope, $sce, $timeout, $location,
+		$route, $interval, $cookieStore, $window) {
+
+	$scope.$route = $route;
+    $scope.$location = $location;
+};
+
+var AboutControllerDeclaration = [ '$scope', '$rootScope', '$sce', '$timeout',
+		'$location', '$route', '$interval', '$cookieStore', '$window',
+		AboutController ];
\ No newline at end of file
diff --git a/src/main/webapp/components/about/about.html b/src/main/webapp/components/about/about.html
new file mode 100644
index 000000000..f90e1678e
--- /dev/null
+++ b/src/main/webapp/components/about/about.html
@@ -0,0 +1 @@
+<div>This is the about page</div>
\ No newline at end of file
diff --git a/src/main/webapp/components/menu/MenuController.js b/src/main/webapp/components/menu/MenuController.js
index 1e9eac5d1..9158db416 100644
--- a/src/main/webapp/components/menu/MenuController.js
+++ b/src/main/webapp/components/menu/MenuController.js
@@ -10,16 +10,16 @@ var MenuController = function($scope, $rootScope, $sce, $timeout, $location,
 		'url' : '#services',
 		'font' : 'fa fa-eyedropper'
 	}, {
-		'name' : 'Vets',
-		'url' : '#vets',
+		'name' : 'Pets',
+		'url' : '#pets',
 		'font' : 'fa fa-paw'
 	}, {
 		'name' : 'Veterinarians',
 		'url' : '#veterinarians',
 		'font' : 'fa fa-user'
 	}, {
-		'name' : 'Help',
-		'url' : '#help',
+		'name' : 'About',
+		'url' : '#about',
 		'font' : 'fa fa-question'
 	} ];
 	$scope.$route = $route;
diff --git a/src/main/webapp/components/pets/PetController.js b/src/main/webapp/components/pets/PetController.js
new file mode 100644
index 000000000..56d95feba
--- /dev/null
+++ b/src/main/webapp/components/pets/PetController.js
@@ -0,0 +1,10 @@
+var PetController = function($scope, $rootScope, $sce, $timeout, $location,
+		$route, $interval, $cookieStore, $window) {
+
+	$scope.$route = $route;
+    $scope.$location = $location;
+};
+
+var PetControllerDeclaration = [ '$scope', '$rootScope', '$sce', '$timeout',
+		'$location', '$route', '$interval', '$cookieStore', '$window',
+		PetController ];
\ No newline at end of file
diff --git a/src/main/webapp/components/pets/pets.html b/src/main/webapp/components/pets/pets.html
new file mode 100644
index 000000000..5c12c70f8
--- /dev/null
+++ b/src/main/webapp/components/pets/pets.html
@@ -0,0 +1,44 @@
+<div id="tabContent" data-ng-controller="PetController">
+	<div class="row">
+		<div class="col-xs-12">
+			<div class="box">
+				<div class="box-header">
+					<div class="box-name">
+						<i class="fa fa-table"></i> <span>Pets</span>
+					</div>
+					<div class="box-icons">
+						<a class="collapse-link"> <i class="fa fa-chevron-up"></i>
+						</a> <a class="expand-link"> <i class="fa fa-expand"></i>
+						</a> <a class="close-link"> <i class="fa fa-times"></i>
+						</a>
+					</div>
+					<div class="no-move"></div>
+				</div>
+				<div class="box-content no-padding">
+					<table
+						class="table table-striped table-bordered table-hover table-heading no-border-bottom">
+						<tr>
+							<th colspan="{{pets.length}}">Pet</th>
+						</tr>
+						<tr data-ng-repeat="pet in pets">
+							<td><span data-ng-bind="pet.name"></span></td>
+						</tr>
+					</table>
+				</div>
+				<div class="box-content">
+					<form class="form-horizontal" role="form">
+						<div class="form-group has-success">
+							<div class="col-sm-3">
+								<input type="text" class="form-control" placeholder="Search" data-toggle="tooltip" data-placement="bottom" title="Search" data-ng-model="searchText">
+							</div>
+							<button type="submit" class="btn btn-primary btn-label-left"
+								data-ng-click="searchPets()">
+								<span><i class="fa fa-clock-o"></i></span> Search
+							</button>
+						</div>
+					</form>
+				</div>
+			</div>
+		</div>
+	</div>
+</div>
\ No newline at end of file
diff --git a/src/main/webapp/index.html b/src/main/webapp/index.html
index 9a051419c..fc166a302 100644
--- a/src/main/webapp/index.html
+++ b/src/main/webapp/index.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="en" ng-app="xi-km">
+<html lang="en" data-ng-app="spring-petclinic">
 	<head>
 		<meta charset="utf-8">
 		<title>Vet Clinic</title>
@@ -82,12 +82,12 @@
 </header>
 <!--End Header-->
 <!--Start Container-->
-<div id="main" class="container-fluid" ng-controller="MenuController">
+<div id="main" class="container-fluid" data-ng-controller="MenuController">
 	<div class="row">
 		<div id="sidebar-left" class="col-xs-2 col-sm-2">
 			<ul class="nav main-menu">
 
-				<li class="dropdown" ng-repeat="tab in menuTabs">
+				<li class="dropdown" data-ng-repeat="tab in menuTabs">
 					<a href="{{tab.url}}" class="ajax-link">
 						<i class="{{tab.font}}"></i>
 						<span class="hidden-xs">{{tab.name}}</span>
@@ -103,7 +103,7 @@
   <pre>$routeParams = {{$routeParams}}</pre> -->
 		<!--Start Content-->
 		<div id="content" class="col-xs-12 col-sm-10">
-			<div ng-view></div>
+			<div data-ng-view></div>
 		</div>
 		<!--End Content-->
 	</div>
@@ -130,6 +130,8 @@
 
 <script src="components/menu/MenuController.js"></script>
 <script src="components/landing/LandingController.js"></script>
+<script src="components/about/AboutController.js"></script>
+<script src="components/pets/PetController.js"></script>
 <script src="components/veterinarians/VeterinarianController.js"></script>
 <script src="js/app.js"></script>
 </div>
diff --git a/src/main/webapp/js/app.js b/src/main/webapp/js/app.js
index f7eee4714..84a2030aa 100644
--- a/src/main/webapp/js/app.js
+++ b/src/main/webapp/js/app.js
@@ -1,7 +1,6 @@
-var app = angular.module('xi-km', [ 'ui.bootstrap', 'ngRoute', 'ngCookies',
+var app = angular.module('spring-petclinic', [ 'ui.bootstrap', 'ngRoute', 'ngCookies',
 		'ngAnimate', 'ngTagsInput', 'angularFileUpload' ]);
 
-
 app.controller('MenuController', MenuControllerDeclaration);
 app.controller('LandingController', LandingControllerDeclaration);
 app.controller('VeterinarianController', VeterinarianControllerDeclaration);
@@ -13,9 +12,12 @@ app.config([ '$routeProvider', function($routeProvider) {
 	}).when('/veterinarians', {
 		templateUrl : 'components/veterinarians/veterinarians.html',
 		controller : 'VeterinarianController'
-	}).when('/help', {
-		templateUrl : 'components/help/help.html',
-		controller : 'HelpController'
+	}).when('/about', {
+		templateUrl : 'components/about/about.html',
+		controller : 'AboutController'
+	}).when('/pets', {
+		templateUrl : 'components/pets/pets.html',
+		controller : 'PetController'
 	}).otherwise({
 		redirectTo : '/landing'
 	});