gui/app/views/projectdetail.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
   4     <h3>Project -- Task
   5
   6     </h3>
   7
   8     <hr/>
   9
  10     <div>
  11
  12         <h4>{{projectData.name}}</h4>
  13         <h5>{{projectData.time}}</h5>
  14         <hr/>
  15         <h4>Tasks
  16             <button class="btn btn-default btn-sm" style="margin-left:30px;" ng-click="openCreate()">Create</button>
  17         </h4>
  18         <div ng-show="projectData.tasks.length==0">No task in this project</div>
  19         <table class="table " width="100%" dw-loading="key" dw-loading-options="{text:'loading'}">
  20             <tr style="background-color:#f9f9f9">
  21                 <td style="font-weight:700">Name</td>
  22                 <td style="font-weight:700"> Status</td>
  23                 <td style="font-weight:700">Action</td>
  24             </tr>
  25             <tr dir-paginate="task in finalTaskListDisplay | orderBy:'-id' | itemsPerPage: 6 " pagination-id="table">
  26
  27                 <td width="20%"> <a ng-click="gotoDetail(task.uuid)" style="color:#4dc5cf"> {{task.name}} </a></td>
  28                 <td width="70%">
  29                     <div class="progree-parent" ng-show="task.status!=2">
  30                         <div class="progree-child" ng-style="{'width':task.stausWidth}">
  31                         </div>
  32                     </div>
  33                     <div class="progree-parent" ng-show="task.status==2" style="background-color:red">
  34                         <div class="progree-child" style="width:0">
  35                         </div>
  36                     </div>
  37                 </td>
  38
  39
  40                 <td width="10%">
  41
  42                     <div class="btn-group" uib-dropdown is-open="status.isopen">
  43                         <button id="single-button" type="button" class="btn btn-default btn-sm" uib-dropdown-toggle>
  44                             modify <span class="caret"></span>
  45                         </button>
  46                         <ul class="dropdown-menu" uib-dropdown-menu role="menu" aria-labelledby="single-button">
  47                             <li role="menuitem" ng-show="task.status!=0"><a ng-click="runAtaskForTable(task.uuid)">run</a></li>
  48
  49                             <li role="menuitem" ng-show="task.status!=0"><a ng-click="gotoModify(task.uuid)">modify</a></li>
  50                             <li role="menuitem" ng-show="task.status!=-1 && task.status!=0"><a ng-click="gotoReport(task.uuid)" style="color:#2ecc71">reporting</a></li>
  51                             <li role="menuitem"><a ng-click="openDeleteEnv(task.uuid,'task')">delete</a></li>
  52
  53
  54                         </ul>
  55                     </div>
  56                     <!-- <button class="btn btn-default btn-sm" ng-click="runAtask(task.uuid)" ng-disabled="task.status!=-1">run</button>
  57                     <button class="btn btn-default btn-sm" ng-click="gotoDetail(task.uuid)">detail</button>
  58                     <button class="btn btn-default btn-sm" ng-click="gotoModify(task.uuid)" ng-disabled="task.status==0">modify</button>
  59                     <button class="btn btn-default btn-sm" ng-click="gotoReport(task.uuid)" style="color:#2ecc71" ng-disabled="task.status==-1 || task.status==0">reporting</button>
  60                     <button class="btn btn-default btn-sm" ng-click="openDeleteEnv(task.uuid,'task')">delete</button>   -->
  61
  62                 </td>
  63
  64             </tr>
  65         </table>
  66
  67
  68
  69     </div>
  70     <center>
  71         <dir-pagination-controls pagination-id="table"></dir-pagination-controls>
  72     </center>
  73
  74 </div>
  75
  76
  77
  78 </div>
  79
  80 <toaster-container></toaster-container>
  81
  82 <style>
  83     .progree-parent {
  84         width: 50%;
  85         background-color: #dfe3e4;
  86         height: 10px;
  87         border-radius: 10px;
  88     }
  89
  90     .progree-child {
  91         width: 50%;
  92         background-color: #2ecc71;
  93         /* background-color: white; */
  94         height: 10px;
  95         border-radius: 5px;
  96     }
  97 </style>