downList.html 3.8 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889
  1. <div class="task">
  2. <div class="transfer_recode" ng-if="!!tasklist.length">
  3. <div class="transfer_header">
  4. <i class="down_img"></i>
  5. <span>当前下载任务</span>
  6. </div>
  7. <div class="transfer_operator">
  8. <span ng-show="!showStartBtn" ng-click='stopQueue()'><i class="img_pause"></i>全部暂停</span>
  9. <span ng-show="showStartBtn" ng-click='startQueue()'><i class="img_start"></i>全部开始</span>
  10. <span ng-click='clearQueue()'><i class="img_delete"></i>全部取消</span>
  11. </div>
  12. </div>
  13. <ul ng-show="tasklist.length" class="downlist" style="position: relative;height: calc(100% - 50px);">
  14. <md-virtual-repeat-container id="complete_list-container">
  15. <li md-virtual-repeat="task in tasklist" md-item-size="20">
  16. <div class="y-row" >
  17. <div class="column progress" >
  18. <div class="name" title="{{task.name}}">
  19. {{task.name}}
  20. </div>
  21. <div class="progress-linear">
  22. <div class="inner-linear" style="width:{{(task.start_len / task.size)*100}}%">
  23. </div>
  24. </div>
  25. </div>
  26. <div class="initial time">
  27. <span>
  28. {{task.show_time|| '--'}}
  29. </span>
  30. </div>
  31. <div class="initial speed">
  32. <span style="color:red" ng-if="task.status===-5 ">
  33. 网络错误
  34. </span>
  35. <span ng-if="task.status === 0">
  36. 排队中
  37. </span>
  38. <span ng-if="task.status === -2">
  39. 停止
  40. </span>
  41. <span ng-if="task.status === -1">
  42. 已暂停
  43. </span>
  44. <span style="color:red" ng-if="task.status===404 ">
  45. 文件不存在
  46. </span>
  47. <span title="文件夹或者文件无权操作,请更换目录!" style="color:red" ng-if="task.status===777 ">
  48. 文件无权限
  49. </span>
  50. <span ng-if="task.status===1">
  51. {{ task.speed | formByteLength}}/s
  52. </span>
  53. </div>
  54. <div class="initial status">
  55. {{ task.start_len | formByteLength}} / {{ task.size | formByteLength}}
  56. </div>
  57. <div class="initial opt">
  58. <span title="暂停">
  59. <svg ng-click="pause(task)" ng-if="task.status >= 0" class="icon" aria-hidden="true" >
  60. <use xlink:href="#icon-zanting1"></use>
  61. </svg>
  62. </span>
  63. <span title="开始">
  64. <svg ng-click="pause(task)" ng-if="task.status < 0" class="icon" aria-hidden="true">
  65. <use xlink:href="#icon-zanting"></use>
  66. </svg>
  67. </span>
  68. <span title="删除">
  69. <svg ng-click="delTask(task,$index)" class="icon" aria-hidden="true" >
  70. <use xlink:href="#icon-recycle"></use>
  71. </svg>
  72. </span>
  73. </div>
  74. </div>
  75. </li>
  76. </md-virtual-repeat-container>
  77. </ul>
  78. <div ng-if="!tasklist.length && !!initPage" class="transfer-empty">
  79. </div>
  80. </div>