Merge "Add SUT page in GUI"
[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
13         <hr/>
14
15
16         <div dw-loading="key" dw-loading-options="{text:'loading'}">
17             <div style="display:flex;flex-direction:row;justify-content:space-between;padding:8px;border-top: 1px solid #e9ecec;background-color: #f9f9f9;">
18                 <div style="font-weight:600">Name</div>
19                 <div style="font-weight:600;margin-right:20px;">Action</div>
20
21             </div>
22
23
24             <div dir-paginate="suite in testsuitlist | itemsPerPage: 10">
25                 <div style="display:flex;flex-direction:row;justify-content:space-between;padding:8px;border-top: 1px solid #e9ecec;">
26                     <div>
27                         <a style="color:#4dc5cf" ng-click="gotoDetail(suite)"> {{suite}}
28                     </a>
29                     </div>
30                     <div>
31                         <!-- <button class="btn btn-default btn-sm" ng-click="openDeleteEnv(suite,'test suite')">Delete</button> -->
32                         <div class="btn-group" uib-dropdown is-open="status.isopen">
33                             <button id="single-button" type="button" class="btn btn-default btn-sm" uib-dropdown-toggle>
34                             delete <span class="caret"></span>
35                         </button>
36                             <ul class="dropdown-menu" uib-dropdown-menu role="menu" aria-labelledby="single-button">
37                                 <li role="menuitem"><a ng-click="openDeleteEnv(suite,'test suite')">delete</a></li>
38
39                             </ul>
40                         </div>
41
42                     </div>
43
44                 </div>
45
46             </div>
47             <center>
48                 <dir-pagination-controls></dir-pagination-controls>
49             </center>
50         </div>
51
52
53
54
55
56
57
58
59     </div>
60
61
62
63
64 </div>
65
66 <toaster-container></toaster-container>
67
68 <style>
69     .deepColor {
70         background-color: #f9f9f9;
71     }
72
73     .form-control {
74         border-radius: 5px;
75         width: 300px;
76         margin-bottom: 10px;
77     }
78
79     .uploadbutton {
80         background-color: #007ACC;
81         color: #fff;
82         border: 0px;
83         border-radius: 5px;
84         height: 27px;
85     }
86
87     .edit-title {
88         border: 0px;
89         background-color: #ffffff;
90         margin-bottom: 5px;
91     }
92
93     .null-edit-title {
94         border: 1px solid #e5e6e7;
95         border-radius: 5px;
96         margin-bottom: 3px;
97     }
98
99     .item-info {
100         display: flex;
101         flex-direction: row;
102     }
103
104     .delete-img {
105         width: 19px;
106         height: 19px;
107         opacity: 0.8;
108         margin-left: 5px;
109         margin-top: 4px;
110         cursor: pointer;
111     }
112
113     .nextButton {
114         margin-top: 30px;
115         border: none;
116         border-radius: 5px;
117         padding: 6px;
118         background-color: #339933;
119         color: #ffffff;
120         text-align: center;
121         /* margin-left: 300px; */
122     }
123
124     .bs-sidenav {
125         margin-top: 40px;
126         margin-bottom: 20px;
127         width: 124px;
128     }
129
130     .nav {
131         margin-bottom: 0;
132         padding-left: 0;
133         list-style: none;
134     }
135
136     .nav>li {
137         position: relative;
138         display: block;
139     }
140
141     li {
142         display: list-item;
143         text-align: -webkit-match-parent;
144     }
145
146     a {
147         cursor: pointer;
148     }
149
150     a.active {
151         background-color: #EEEEEE;
152         border-radius: 5px;
153     }
154 </style>