Merge "Testing live migration using qemu"
[yardstick.git] / gui / app / views / testcaselist.html
1 <div class="content">
2     <!--testcaselist-->
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 Cases
7         <button class="btn btn-default" style="margin-left:20px;" ngf-select="uploadFiles($file, $invalidFiles)" ngf-max-size="5MB">
8                                     <div ng-show="!loadingOPENrc">Upload</div>
9                                      <img src="images/loading2.gif" width="25" height="25" ng-if="loadingOPENrc" />
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         <div dir-paginate="test in testcaselist.testcases | itemsPerPage: 10">
28             <div style="display:flex;flex-direction:row;justify-content:space-between;padding:8px;border-top: 1px solid #e9ecec;">
29                 <div>
30
31                    <a style="color:#e95420" ng-click="gotoDetail(test.Name)">
32                        {{test.Name}}
33                    </a>
34                     </div>
35                 <div style="font-size:10px;">{{test.Description}}</div>
36                 <div>
37                     <!-- <button class="btn btn-default btn-sm" ng-click="gotoDetail(test.Name)">Detail</button> -->
38                     <button class="btn btn-default btn-sm" ng-click="openDeleteEnv(test.Name,'test case')">Delete</button>
39                 </div>
40
41             </div>
42
43         </div>
44         <center>
45             <dir-pagination-controls></dir-pagination-controls>
46         </center>
47         </div>
48
49
50
51
52
53
54
55     </div>
56
57
58
59
60 </div>
61
62 <toaster-container></toaster-container>
63
64 <style>
65     .deepColor {
66         background-color: #f9f9f9;
67     }
68
69     .form-control {
70         border-radius: 5px;
71         width: 300px;
72         margin-bottom: 10px;
73     }
74
75     .uploadbutton {
76         background-color: #007ACC;
77         color: #fff;
78         border: 0px;
79         border-radius: 5px;
80         height: 27px;
81     }
82
83     .edit-title {
84         border: 0px;
85         background-color: #ffffff;
86         margin-bottom: 5px;
87     }
88
89     .null-edit-title {
90         border: 1px solid #e5e6e7;
91         border-radius: 5px;
92         margin-bottom: 3px;
93     }
94
95     .item-info {
96         display: flex;
97         flex-direction: row;
98     }
99
100     .delete-img {
101         width: 19px;
102         height: 19px;
103         opacity: 0.8;
104         margin-left: 5px;
105         margin-top: 4px;
106         cursor: pointer;
107     }
108
109     .nextButton {
110         margin-top: 30px;
111         border: none;
112         border-radius: 5px;
113         padding: 6px;
114         background-color: #339933;
115         color: #ffffff;
116         text-align: center;
117         /* margin-left: 300px; */
118     }
119
120     .bs-sidenav {
121         margin-top: 40px;
122         margin-bottom: 20px;
123         width: 124px;
124     }
125
126     .nav {
127         margin-bottom: 0;
128         padding-left: 0;
129         list-style: none;
130     }
131
132     .nav>li {
133         position: relative;
134         display: block;
135     }
136
137     li {
138         display: list-item;
139         text-align: -webkit-match-parent;
140     }
141
142     a {
143         cursor: pointer;
144     }
145
146     a.active {
147         background-color: #EEEEEE;
148         border-radius: 5px;
149     }
150 </style>