gui/app/views/taskmodify.html

   1 <div class="content">
   2     <i class="fa fa-arrow-left fa-1x" aria-hidden="true" style="color: #999;cursor:pointer" ng-click="goBack()">Back</i>
   3     <h4>Modify </h4>
   4
   5     <hr/>
   6
   7     <div>
   8         <div style="display:inline">Name <input type="text" ng-model="taskDetailData.name" style="width:200px" /></div>
   9
  10         <button class="btn btn-default" ng-click="runAtask()" style="float:right;margin-right:10px;">Run</button>
  11     </div>
  12     <hr/>
  13
  14     <div bs-tabs>
  15         <div data-title="Environment" bs-pane>
  16             <div style="margin-top:10px">
  17                 <div style="display:inline">Choose Environment : {{envName}}</div>
  18                 <button class="btn btn-default" style="display:inline;float:right;margin-right:10px;margin-top: -4px;" ng-click="addEnvToTask()">Confirm</button>
  19             </div>
  20             <hr />
  21             <div dir-paginate="env in environmentList | orderBy:'-id' | itemsPerPage: 10 ">
  22                 <div style="display:flex;flex-direction:row;justify-content:space-between;padding:8px;border-top: 1px solid #e9ecec;" ng-class="{deepColor: $index%2==0}">
  23                     <div> {{env.name}}</div>
  24                     <!--<button class="btn btn-default btn-sm" ng-click="gotoDetail('false',env.uuid)">detail</button>-->
  25                     <span class="glyphicon glyphicon-check" aria-hidden="true" ng-click="constructTestSuit(env.uuid,env.name)" ng-show="selectEnv==env.uuid"></span>
  26                     <span class="glyphicon glyphicon-unchecked" aria-hidden="true" ng-click="constructTestSuit(env.uuid,env.name)" ng-show="selectEnv!=env.uuid"></span>
  27
  28                 </div>
  29                 <!--<hr style="margin-top:5px;margin-bottom:5px;" />-->
  30             </div>
  31             <center>
  32                 <dir-pagination-controls></dir-pagination-controls>
  33             </center>
  34
  35         </div>
  36         <div data-title="Content" bs-pane>
  37             <div style="margin-top:10px;">
  38                 <button class="btn btn-default" ng-click="changeStatussourceFalse()">Modify Content</button>
  39                 <button class="btn btn-default" ng-click="changeStatussourceTrue()">Modify Source</button>
  40                 <div class="label-type" ng-show="taskDetailData.suite==false"> Test Case</div>
  41                 <div class="label-type" ng-show="taskDetailData.suite==true"> Test Suite</div>
  42                 <button class="btn btn-default" style="float:right" ng-disabled="sourceShow==null" ng-click="confirmToServer(contentInfo,taskDetailData.content)">Confirm</button>
  43             </div>
  44
  45             <div ng-show="sourceShow==false" style="display:flex;flex-direction:row;justify-content:space-between;margin-top:10px;">
  46                 <textarea class="col-md-8" ng-model="taskDetailData.content" style="margin-top:5px;" spellcheck="false"></textarea>
  47                 <div class="col-md-4" style="border:1px solid #e8e8e8;margin-top:5px;margin-left:10px;padding-top:30px;">
  48                     <h4>Optional Paramters:</h4>
  49                     <form class="form-horizontal col-md-offset-2" style="margin-top:20px">
  50                         <div ng-repeat="(name, value) in optionalParams" class="form-group">
  51                             <label for="param{{$index}}" class="col-md-5" style="font-weight:normal;">{{ name }}:</label>
  52                             <div class="col-md-5">
  53                                 <input type="text" ng-model="value.value" class="form-control" id="param{{$index}}">
  54                             </div>
  55                         </div>
  56                     </form>
  57                 </div>
  58             </div>
  59
  60             <div ng-show="sourceShow==true">
  61                 <div style="display:flex;flex-direction:row">
  62                     <div style="margin-top:20px;">Source of Content</div>
  63
  64
  65                     <select ng-model="selectType" ng-change="triggerContent(selectType)" data-ng-options="blisterPackTemplate as blisterPackTemplate.name for blisterPackTemplate in blisterPackTemplates">
  66                   <option value="">Choose...</option>
  67             </select>
  68
  69                 </div>
  70
  71                 <div style="margin-top:10px" ng-show="selectCase!=null ">
  72                     <div style="display:inline">Choose Source : {{selectCase}}</div>
  73                     <!--<button class="btn btn-default" style="display:inline;float:right;margin-right:10px;margin-top: -4px;" ng-click="confirmAddCaseOrSuite(contentInfo)">Confirm</button>-->
  74                     <button class="btn btn-default" style="display:inline;float:right;margin-right:10px;margin-top: -4px;" ng-click="getTestDeatil()">Edit</button>
  75                 </div>
  76                 <hr/>
  77
  78                 <div ng-show="displayTable==true">
  79                     <div ng-show="testcaselist.testcases.length!=0 && selectType.name=='Test Case'">
  80                         <div dir-paginate="test in testcaselist.testcases | itemsPerPage: 10" pagination-id="testcase">
  81                             <div style="display:flex;flex-direction:row;justify-content:space-between;padding:8px;border-top: 1px solid #e9ecec;" ng-class="{deepColor: $index%2==0}">
  82                                 <div> {{test.Name}}</div>
  83                                 <div style="font-size:10px;">{{test.Description}}</div>
  84                                 <span class="glyphicon glyphicon-check" aria-hidden="true" ng-click="constructTestCase(test.Name)" ng-show="selectCase==test.Name"></span>
  85                                 <span class="glyphicon glyphicon-unchecked" aria-hidden="true" ng-click="constructTestCase(test.Name)" ng-show="selectCase!=test.Name"></span>
  86
  87                             </div>
  88                             <!--<hr style="margin-top:5px;margin-bottom:5px;" />-->
  89                         </div>
  90                         <center>
  91                             <dir-pagination-controls pagination-id="testcase"></dir-pagination-controls>
  92                         </center>
  93                     </div>
  94
  95                     <div ng-show="testsuitlist.length!=0 && selectType.name=='Test Suite'">
  96                         <div dir-paginate="suite in testsuitlist | itemsPerPage: 10" pagination-id="testsuite">
  97                             <div style="display:flex;flex-direction:row;justify-content:space-between;padding:8px;border-top: 1px solid #e9ecec;" ng-class="{deepColor: $index%2==0}">
  98                                 <div> {{suite}}</div>
  99
 100                                 <span class="glyphicon glyphicon-check" aria-hidden="true" ng-click="constructTestCase(suite)" ng-show="selectCase==suite"></span>
 101                                 <span class="glyphicon glyphicon-unchecked" aria-hidden="true" ng-click="constructTestCase(suite)" ng-show="selectCase!=suite"></span>
 102
 103                             </div>
 104                             <!--<hr style="margin-top:5px;margin-bottom:5px;" />-->
 105                         </div>
 106                         <center>
 107                             <dir-pagination-controls pagination-id="testsuite"></dir-pagination-controls>
 108                         </center>
 109                     </div>
 110                 </div>
 111
 112                 <div ng-show="displayTable==false">
 113                     <textarea ng-model="contentInfo" spellcheck="false">
 114                     </textarea>
 115                 </div>
 116             </div>
 117
 118
 119
 120
 121         </div>
 122     </div>
 123
 124
 125 </div>
 126 <toaster-container></toaster-container>
 127
 128
 129 <style>
 130     input {
 131         border-radius: 10px;
 132         border: 1px solid #eeeeee;
 133         width: 100%;
 134         padding: 5px;
 135     }
 136
 137     .deepColor {
 138         background-color: #f9f9f9;
 139     }
 140
 141     select {
 142         height: 30px;
 143         border-radius: 5px;
 144         border: 1px solid #e8e8e8;
 145         width: 135px;
 146         margin-top: 20px;
 147         margin-left: 20px;
 148     }
 149
 150     textarea {
 151         width: 100%;
 152         height: 350px;
 153         border-radius: 5px;
 154         border: 1px solid #e8e8e8;
 155     }
 156
 157     .label-type {
 158         display: inline;
 159         background-color: #2ecc71;
 160         color: #fff;
 161         border-radius: 5px;
 162         padding: 3px;
 163         font-size: 10px;
 164     }
 165
 166     .content {
 167         height: auto;
 168     }
 169 </style>