gui/app/views/taskList.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     <h3>Detail</h3>
   4     <hr/>
   5     <div style="display:flex;flex-direction:row">
   6         <div>
   7             <h4>{{taskDetailData.name}}</h4>
   8             <div style="margin-top:5px;">{{taskDetailData.time}}</div>
   9         </div>
  10         <div class="progree-parent" ng-show="taskDetailData.status!=2" style="margin-top:34px;margin-left:30px;">
  11             <div class="progree-child" ng-style="{'width':taskDetailData.stausWidth}">
  12             </div>
  13
  14         </div>
  15         <div class="progree-parent" ng-show="taskDetailData.status==2" style="background-color:red;margin-top:34px;margin-left:30px;">
  16             <div class="progree-child" style="width:0">
  17             </div>
  18         </div>
  19         <i class="fa fa-check" aria-hidden="true" style="margin-top:34px;margin-left:5px;color: #2ecc71;" ng-show="taskDetailData.status==1">finish</i>
  20         <i class="fa fa-spinner" aria-hidden="true" style="margin-top:34px;margin-left:5px;color: #2ecc71;" ng-show="taskDetailData.status==0">runing</i>
  21         <i class="fa fa-exclamation-triangle" aria-hidden="true" style="margin-top:34px;margin-left:5px;color: red;" ng-show="taskDetailData.status==2">failed</i>
  22     </div>
  23
  24     <div style="margin-top:5px;">Environment : {{displayEnv.name}} </div>
  25     <div ng-show="taskDetailData.case_name!=false" style="margin-top:5px;margin-bottom:5px;"> Name : {{taskDetailData.case_name}}</div>
  26     <textarea ng-model="taskDetailData.content" spellcheck="false">
  27
  28     </textarea>
  29
  30     <div style="text-align:center;margin-top:20px;">
  31         <button class="btn btn-default" ng-click="createTask(name)" ng-show="">Run</button>
  32     </div>
  33 </div>
  34
  35
  36 <style>
  37     input {
  38         border-radius: 10px;
  39         border: 1px solid #eeeeee;
  40         width: 100%;
  41     }
  42
  43     select {
  44         height: 30px;
  45         border-radius: 5px;
  46         border: 1px solid #e8e8e8;
  47         width: 135px;
  48         margin-top: 20px;
  49         margin-left: 20px;
  50     }
  51
  52     textarea {
  53         width: 100%;
  54         height: 350px;
  55         border-radius: 5px;
  56         border: 1px solid #e8e8e8;
  57     }
  58
  59     .content {
  60         height: 90%;
  61     }
  62 </style>