Merge "Yardstick GUI & GUI deployment"
[yardstick.git] / gui / app / views / suite.html
1 <div class="content">
2     <!--suitelist-->
3     <i class="fa fa-arrow-left fa-1x" aria-hidden="true" style="color: #999;cursor:pointer" ng-click="goBack()">Back</i>
4
5     <div>
6         Test Suites
7         <button class="btn btn-default" style="margin-left:20px;" ng-click="gotoCreateSuite()">
8                                    Create
9
10                                     </button>
11
12         <!--<div ng-show="displayOpenrcFile!=null || displayOpenrcFile!=undefined">
13             {{displayOpenrcFile.name}} last modified: {{filelastModified}}
14         </div>-->
15         <hr/>
16
17         <!--<div ng-repeat="env in environmentList">
18             {{env.name}}
19         </div>-->
20         <div dw-loading="key" dw-loading-options="{text:'loading'}">
21         <div style="display:flex;flex-direction:row;justify-content:space-between;padding:8px;border-top: 1px solid #e9ecec;background-color: #f9f9f9;" >
22             <div style="font-weight:600">Name</div>
23             <div style="font-weight:600;margin-right:4px;">Operate</div>
24
25         </div>
26
27
28         <div dir-paginate="suite in testsuitlist | itemsPerPage: 10">
29             <div style="display:flex;flex-direction:row;justify-content:space-between;padding:8px;border-top: 1px solid #e9ecec;">
30                 <div>
31                     <a style="color:#e95420"  ng-click="gotoDetail(suite)"> {{suite}}
32                     </a>
33                     </div>
34                 <div>
35                     <!-- <button class="btn btn-default btn-sm" ng-click="gotoDetail(suite)">Detail</button> -->
36                     <button class="btn btn-default btn-sm" ng-click="openDeleteEnv(suite,'test suite')">Delete</button>
37                 </div>
38
39             </div>
40
41         </div>
42         <center>
43             <dir-pagination-controls></dir-pagination-controls>
44         </center>
45         </div>
46
47
48
49
50
51
52
53
54     </div>
55
56
57
58
59 </div>
60
61 <toaster-container></toaster-container>
62
63 <style>
64     .deepColor {
65         background-color: #f9f9f9;
66     }
67
68     .form-control {
69         border-radius: 5px;
70         width: 300px;
71         margin-bottom: 10px;
72     }
73
74     .uploadbutton {
75         background-color: #007ACC;
76         color: #fff;
77         border: 0px;
78         border-radius: 5px;
79         height: 27px;
80     }
81
82     .edit-title {
83         border: 0px;
84         background-color: #ffffff;
85         margin-bottom: 5px;
86     }
87
88     .null-edit-title {
89         border: 1px solid #e5e6e7;
90         border-radius: 5px;
91         margin-bottom: 3px;
92     }
93
94     .item-info {
95         display: flex;
96         flex-direction: row;
97     }
98
99     .delete-img {
100         width: 19px;
101         height: 19px;
102         opacity: 0.8;
103         margin-left: 5px;
104         margin-top: 4px;
105         cursor: pointer;
106     }
107
108     .nextButton {
109         margin-top: 30px;
110         border: none;
111         border-radius: 5px;
112         padding: 6px;
113         background-color: #339933;
114         color: #ffffff;
115         text-align: center;
116         /* margin-left: 300px; */
117     }
118
119     .bs-sidenav {
120         margin-top: 40px;
121         margin-bottom: 20px;
122         width: 124px;
123     }
124
125     .nav {
126         margin-bottom: 0;
127         padding-left: 0;
128         list-style: none;
129     }
130
131     .nav>li {
132         position: relative;
133         display: block;
134     }
135
136     li {
137         display: list-item;
138         text-align: -webkit-match-parent;
139     }
140
141     a {
142         cursor: pointer;
143     }
144
145     a.active {
146         background-color: #EEEEEE;
147         border-radius: 5px;
148     }
149 </style>