From 5df2ce54e5aaadfb5ade5a94d6b42392bf805cc8 Mon Sep 17 00:00:00 2001
From: thuva4 <tharma.thuva@gmail.com>
Date: Sat, 23 Dec 2017 09:26:12 +0530
Subject: Implement the CRUD operations for Test cases

Created the testcases, testcase pages
Remove update, delete buttons in project page.
add protractor tests for testcases page.
change tabs to spaces

Change-Id: Id7d381b13dca4f228bda24fa1abad7c465b5cef7
Signed-off-by: thuva4 <tharma.thuva@gmail.com>
---
 .../ui/components/projects/project/project.html    | 78 +++++++++++++---------
 1 file changed, 45 insertions(+), 33 deletions(-)

(limited to 'testapi/opnfv_testapi/ui/components/projects/project/project.html')

diff --git a/testapi/opnfv_testapi/ui/components/projects/project/project.html b/testapi/opnfv_testapi/ui/components/projects/project/project.html
index 82dc0ec..2921bd9 100644
--- a/testapi/opnfv_testapi/ui/components/projects/project/project.html
+++ b/testapi/opnfv_testapi/ui/components/projects/project/project.html
@@ -1,37 +1,49 @@
 <legend>Project</legend>
-<div style="padding-right:0px">
-    <div class="table-responsive">
-        <table class="table"  ng-data="ctrl.data.pods">
-            <tbody>
-                <tr style="padding:9px">
-                    <td class="podsTableTd">Id&nbsp;:</td>
-                    <td class="podsTableLeftTd">{{ctrl.data._id}}</td>
-                </tr>
-                <tr style="padding:9px">
-                    <td class="podsTableTd">Name&nbsp;:</td>
-                    <td width="90%" class="podsTableLeftTd">{{ctrl.data.name}}</td>
-                </tr>
-                <tr style="padding:9px">
-                    <td class="podsTableTd">Owner&nbsp;:</td>
-                    <td width="90%" class="podsTableLeftTd">{{ctrl.data.owner}}</td>
-                </tr>
-                <tr style="padding:9px">
-                    <td class="podsTableTd">Created&nbsp;at&nbsp;:</td>
-                    <td width="90%" class="podsTableLeftTd">{{ctrl.data['creation_date']}}</td>
-                </tr>
-                <tr style="padding:9px">
-                    <td class="podsTableTd">Description&nbsp;:</td>
-                    <td  width="90%" class="podsTableLeftTd">{{ctrl.data.description}}</td>
-                </tr>
-            </tbody>
-        </table>
-    </div>
-</div>
 <div class="row" style="margin-bottom:24px;"></div>
-<div class="project-create col-md-3" style="margin-top:10px" ng-class="{ 'hidden': ! ((auth.projectNames.length>0) &&
-    auth.isAuthenticated) }">
-        <button type="submit" class="btn btn-primary" ng-click="ctrl.openDeleteModal()">Delete Project</button>
-        <button type="submit" class="btn btn-primary" ng-click="ctrl.openUpdateModal()">Update Project</button>
+
+<div class="tabbable tabs-below" ng-init="selectedTab = 1;">
+    <ul class="nav nav-tabs nav-justified" style="width:30%">
+        <li ng-class="{active: selectedTab == 1}">
+            <a ng-click="selectedTab = 1;">Overview</a>
+        </li>
+        <li ng-class="{active: selectedTab == 2}">
+            <a ng-click="selectedTab = 2;">Test Cases</a>
+        </li>
+    </ul>
+
+    <div class="tab-content" ng-show="selectedTab == 1">
+            <div style="padding-right:0px; margin-top:20px" >
+                    <div class="table-responsive">
+                        <table class="table"  ng-data="ctrl.data.pods">
+                            <tbody>
+                                <tr style="padding:9px">
+                                    <td class="podsTableTd">Id&nbsp;:</td>
+                                    <td class="podsTableLeftTd">{{ctrl.data._id}}</td>
+                                </tr>
+                                <tr style="padding:9px">
+                                    <td class="podsTableTd">Name&nbsp;:</td>
+                                    <td width="90%" class="podsTableLeftTd">{{ctrl.data.name}}</td>
+                                </tr>
+                                <tr style="padding:9px">
+                                    <td class="podsTableTd">Owner&nbsp;:</td>
+                                    <td width="90%" class="podsTableLeftTd">{{ctrl.data.owner}}</td>
+                                </tr>
+                                <tr style="padding:9px">
+                                    <td class="podsTableTd">Created&nbsp;at&nbsp;:</td>
+                                    <td width="90%" class="podsTableLeftTd">{{ctrl.data['creation_date']}}</td>
+                                </tr>
+                                <tr style="padding:9px">
+                                    <td class="podsTableTd">Description&nbsp;:</td>
+                                    <td  width="90%" class="podsTableLeftTd">{{ctrl.data.description}}</td>
+                                </tr>
+                            </tbody>
+                        </table>
+                    </div>
+                </div>
+    </div>
+    <div class="tab-content" ng-show="selectedTab == 2">
+            <div ng-include src="'testapi-ui/components/projects/project/testCases/testCases.html'"></div>
+    </div>
 </div>
 <div ng-show="ctrl.showError" class="alert alert-danger col-md-9" role="alert" style="margin-top:0px">
         <span class="glyphicon glyphicon-exclamation-sign" aria-hidden="true"></span>
@@ -41,4 +53,4 @@
 <div ng-show="ctrl.showSuccess" class="alert alert-success col-md-9" role="alert" style="margin-top:0px">
     <span class="glyphicon glyphicon-ok" aria-hidden="true"></span>
     Update Success
-</div>
\ No newline at end of file
+</div>
-- 
cgit 1.2.3-korg