Merge "NSB PROX L3FWD Dropping packets"
[yardstick.git] / gui / app / views / modal / taskCreate.html
1
2 <h4>Create Task</h4>
3 <hr/>
4 <div>
5     <div style="display:inline">Name <input type="text" ng-model="name" style="width:200px" /></div>
6     <button style="display:inline" class="btn btn-default" ng-disabled="name==null || name==''" ng-click="createTask(name)" ng-show="newUUID==null">Create</button>
7 </div>
8 <hr/>
9
10 <div bs-tabs ng-show="newUUID!=null">
11     <div data-title="Environment" bs-pane>
12         <div style="margin-top:10px" ng-show="displayEnvName!=null">
13             <div style="display:inline">Choose Environment : {{displayEnvName}}</div>
14             <button class="btn btn-default" style="display:inline;float:right;margin-right:10px;margin-top: -4px;" ng-click="addEnvToTask()">confirm</button>
15         </div>
16         <hr />
17         <div dir-paginate="env in environmentList | orderBy:'-id' | itemsPerPage: 10 ">
18             <div style="display:flex;flex-direction:row;justify-content:space-between;padding:8px;border-top: 1px solid #e9ecec;" ng-class="{deepColor: $index%2==0}">
19                 <div> {{env.name}}</div>
20                 <!--<button class="btn btn-default btn-sm" ng-click="gotoDetail('false',env.uuid)">detail</button>-->
21                 <span class="glyphicon glyphicon-check" aria-hidden="true" ng-click="constructTestSuit(env.uuid,env.name)" ng-show="selectEnv==env.uuid"></span>
22                 <span class="glyphicon glyphicon-unchecked" aria-hidden="true" ng-click="constructTestSuit(env.uuid,env.name)" ng-show="selectEnv!=env.uuid"></span>
23
24             </div>
25             <!--<hr style="margin-top:5px;margin-bottom:5px;" />-->
26         </div>
27         <center>
28             <dir-pagination-controls></dir-pagination-controls>
29         </center>
30
31     </div>
32     <div data-title="Content" bs-pane>
33         <div style="display:flex;flex-direction:row">
34             <div style="margin-top:20px;">Source of Content</div>
35
36
37             <select ng-model="selectType" ng-change="triggerContent(selectType)" data-ng-options="blisterPackTemplate as blisterPackTemplate.name for blisterPackTemplate in blisterPackTemplates">
38     <option value="">Choose...</option>
39             </select>
40
41         </div>
42         <div style="margin-top:10px" ng-show="selectCase!=null">
43             <div style="display:inline">Choose Source: {{selectCase}}</div>
44             <button class="btn btn-default" style="display:inline;float:right;margin-right:10px;margin-top: -4px;" ng-click="confirmAddCaseOrSuite(contentInfo)">Confirm</button>
45             <button class="btn btn-default" style="display:inline;float:right;margin-right:10px;margin-top: -4px;" ng-click="getTestDeatil()">Edit</button>
46         </div>
47         <hr/>
48
49         <div ng-show="displayTable==true">
50             <div ng-show="testcaselist.testcases.length!=0 && selectType.name=='Test Case'">
51                 <div dir-paginate="test in testcaselist.testcases | itemsPerPage: 10" pagination-id="testcase">
52                     <div style="display:flex;flex-direction:row;justify-content:space-between;padding:8px;border-top: 1px solid #e9ecec;" ng-class="{deepColor: $index%2==0}">
53                         <div> {{test.Name}}</div>
54                         <div style="font-size:10px;">{{test.Description}}</div>
55                         <span class="glyphicon glyphicon-check" aria-hidden="true" ng-click="constructTestCase(test.Name)" ng-show="selectCase==test.Name"></span>
56                         <span class="glyphicon glyphicon-unchecked" aria-hidden="true" ng-click="constructTestCase(test.Name)" ng-show="selectCase!=test.Name"></span>
57
58                     </div>
59                     <!--<hr style="margin-top:5px;margin-bottom:5px;" />-->
60                 </div>
61                 <center>
62                     <dir-pagination-controls pagination-id="testcase"></dir-pagination-controls>
63                 </center>
64             </div>
65
66             <div ng-show="testsuitlist.length!=0 && selectType.name=='Test Suite'">
67                 <div dir-paginate="suite in testsuitlist | itemsPerPage: 10" pagination-id="testsuite">
68                     <div style="display:flex;flex-direction:row;justify-content:space-between;padding:8px;border-top: 1px solid #e9ecec;" ng-class="{deepColor: $index%2==0}">
69                         <div> {{suite}}</div>
70
71                         <span class="glyphicon glyphicon-check" aria-hidden="true" ng-click="constructTestCase(suite)" ng-show="selectCase==suite"></span>
72                         <span class="glyphicon glyphicon-unchecked" aria-hidden="true" ng-click="constructTestCase(suite)" ng-show="selectCase!=suite"></span>
73
74                     </div>
75                     <!--<hr style="margin-top:5px;margin-bottom:5px;" />-->
76                 </div>
77                 <center>
78                     <dir-pagination-controls pagination-id="testsuite"></dir-pagination-controls>
79                 </center>
80             </div>
81         </div>
82
83
84         <div ng-show="displayTable==false" style="display:flex;flex-direction:row;justify-content:space-between;margin-top:10px;">
85             <textarea class="col-md-8" ng-model="contentInfo" style="margin-top:5px;" spellcheck="false"></textarea>
86             <div class="col-md-4" style="border:1px solid #e8e8e8;margin-top:5px;margin-left:10px;padding-top:30px;">
87                 <h4>Optional Paramters:</h4>
88                 <form class="form-horizontal col-md-offset-2" style="margin-top:20px">
89                     <div ng-repeat="(name, value) in optionalParams" class="form-group">
90                         <label for="param{{$index}}" class="col-md-5" style="font-weight:normal;">{{ name }}:</label>
91                         <div class="col-md-5">
92                             <input type="text" ng-model="value.value" class="form-control" id="param{{$index}}">
93                         </div>
94                     </div>
95                 </form>
96             </div>
97         </div>
98
99
100
101
102     </div>
103 </div>
104
105 <div style="text-align:center;margin-top:20px;">
106     <button class="btn btn-default" ng-click="closeThisDialog()" ng-disabled="newUUID===null || ifHasEnv!=true || (ifHasCase!=true && ifHasSuite!=true)">Close</button>
107     <button class="btn btn-default" ng-disabled="newUUID===null || ifHasEnv!=true || (ifHasCase!=true && ifHasSuite!=true)" ng-click="runAtask(newUUID)">Run</button>
108 </div>
109
110
111 <style>
112     input {
113         border-radius: 10px;
114         border: 1px solid #eeeeee;
115         width: 100%;
116     }
117
118     .deepColor {
119         background-color: #f9f9f9;
120     }
121
122     select {
123         height: 30px;
124         border-radius: 5px;
125         border: 1px solid #e8e8e8;
126         width: 135px;
127         margin-top: 20px;
128         margin-left: 20px;
129     }
130
131     textarea {
132         width: 100%;
133         height: 400px;
134         border-radius: 5px;
135         border: 1px solid #e8e8e8;
136     }
137
138     .deepColor {
139         background-color: #f9f9f9;
140     }
141 </style>