show different page of response lit

chensivan · Feb 20, 2016 · 0fe12a9 · 0fe12a9
1 parent f6bdc64
commit 0fe12a9
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 6 deletions.
diff --git a/lib/response/controllers/main.controller.js b/lib/response/controllers/main.controller.js
@@ -12,7 +12,12 @@ module.exports = function(app) {
 			resT = "Response Type: ",
 			resC = "Response Content: ";
 
+	$scope.title = "Response List";
+	$scope.resList = true;
+	$scope.responseContent = false;
+
 	$scope.inputs = {
+		requestID: "",
 		iterationMsg: ""
 	};
 
@@ -92,13 +97,21 @@ module.exports = function(app) {
 				angular.element(document.getElementById(response.id)).css('background-color','white')
 		})
 
-		//change status
+	}
+
 
-		// change color
+	$scope.titleClick = function(title){
+		$scope.title = "Response List";
+		$scope.resList = true;
+		$rootScope.isRejecting = false;
+		$scope.responseContent = false;
 	}
 
 	// show the details of the clicked response
 	$scope.myClick = function(obj){
+		$scope.resList = false;
+	  $scope.responseContent = true;
+	  $scope.title = "Click here to go back to response list";
 	  $rootScope.isRejecting = false;
 
 		$scope.selectedObj = obj;

diff --git a/lib/response/views/main.view.html b/lib/response/views/main.view.html
@@ -32,16 +32,16 @@
 
 
 <div ng-controller='MainController'>
-	<div class="panel panel2">Response List</div>
+	<div class="panel panel2" ng-click="titleClick(title)">{{title}}</div>
 
-	<div class="panel panel2" ng-repeat="obj in myArr" id="{{obj.id}}" ng-click="myClick(obj)">
+	<div class="panel panel2" ng-show="resList" ng-repeat="obj in myArr" id="{{obj.id}}" ng-click="myClick(obj)">
 		<p>{{ obj.request }} </p>
 	</div>
 
-	<div ng-if='selectedObj' ng-controller='ShowRequest' >
+	<div ng-if="selectedObj" ng-show="responseContent" ng-controller='ShowRequest' >
 
 
-		<!-- <h2>{{selectedObj.id}}</h2> -->
+		<div class="panel panel2">Request: {{selectedObj.request}}</div>
 		<div class="panel panel2" >
 			<p>{{selectedObj.status}}</p>
 		<div>