gui/app/views/taskLog.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>Log</h3>
   4     <hr/>
   5     <div style="display:flex;flex-direction:row">
   6         <div>
   7             <div style="margin-top:5px;">Task: {{ taskId }}</div>
   8         </div>
   9         <div class="progree-parent"  style="margin-top:10px;margin-left:20px">
  10             <div class="progree-child" ng-show="taskStatus==0" style="width:50%"></div>
  11             <div class="progree-child" ng-show="taskStatus==1" style="width:100%"></div>
  12         </div>
  13         <i class="fa fa-check" aria-hidden="true" style="margin-top:10px;margin-left:5px;color: #2ecc71;" ng-show="taskStatus==1">finish</i>
  14         <i class="fa fa-spinner" aria-hidden="true" style="margin-top:10px;margin-left:5px;color: #2ecc71;" ng-show="taskStatus==0">runing</i>
  15     </div>
  16     <div class="box">
  17         <div class="line-block" ng-repeat="line in logLines track by $index">
  18             <span>{{ line }}</span>
  19         </div>
  20     </div>
  21 </div>
  22
  23 <style>
  24     .box {
  25         width: 90%%;
  26         border-radius: 5px;
  27         border: 1px solid #e8e8e8;
  28         line-height: 180%;
  29         margin-top: 20px;
  30     }
  31
  32     .line-block {
  33         margin-left: 10px;
  34     }
  35
  36     .content {
  37         height: 90%;
  38     }
  39 </style>