-
Notifications
You must be signed in to change notification settings - Fork 20
/
tasks.html
101 lines (101 loc) · 5.76 KB
/
tasks.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
<div ng-if="clusterData === null && !isAPINotFoundError" class="spinner spinner-lg"></div>
<div ng-if="clusterData !== null" class="tendrl-task-list-view-container container-fluid">
<h1 class="bold-text">Tasks</h1>
<div class="row toolbar-pf">
<div class="col-sm-12">
<form class="toolbar-pf-actions">
<div class="form-group toolbar-pf-filter filter-section">
<label class="sr-only" for="filter">Name</label>
<div class="input-group">
<div class="input-group-btn">
<select ng-init="taskCntrl.filterBy = 'flow'" ng-disabled="taskCntrl.taskList.length === 0" ng-model="taskCntrl.filterBy" class="btn btn-default dropdown-toggle" ng-change="taskCntrl.searchBy = {}">
<option value="flow">Name</option>
</select>
</div>
<input type="text" class="form-control" id="filter" ng-model="taskCntrl.searchBy[taskCntrl.filterBy]" placeholder="Filter By {{taskCntrl.filterBy}}...">
</div>
</div>
<div class="form-group">
From:
<div pf-datepicker options="taskCntrl.fromDateOptions" date="taskCntrl.date.fromDate" ng-model="taskCntrl.date.fromDate" ng-click="taskCntrl.resetCount()"></div>
</div>
<div class="form-group remove-right-border">
To:
<div pf-datepicker options="taskCntrl.toDateOptions" date="taskCntrl.date.toDate" ng-model="taskCntrl.date.toDate" ng-click="taskCntrl.resetCount()"></div>
</div>
<div class="form-group invalid-msg" ng-if="taskCntrl.invalidToDate">
<span class="error-msg">*To date cannot be greater than from date</span>
</div>
</form>
<div class="row">
<div class="col-md-12 horizontal-line"></div>
</div>
<div class="row toolbar-pf-results">
<div class="status-options">
Show:
</div>
<div class="status-options">
<label>
<input type="checkbox" name="status1" id="status1" ng-click="taskCntrl.updateStatus('processing')" ng-checked="createFileShareCntrl.isSelectedStatus('processing')"> In progress
</label>
</div>
<div class="status-options">
<label>
<input type="checkbox" name="status2" id="status2" ng-click="taskCntrl.updateStatus('finished')" ng-checked="createFileShareCntrl.isSelectedStatus('finished')"> Succeeded
</label>
</div>
<div class="status-options">
<label>
<input type="checkbox" name="status3" id="status3" ng-click="taskCntrl.updateStatus('failed')" ng-checked="createFileShareCntrl.isSelectedStatus('failed')"> Failed
</label>
</div>
</div>
<div class="row">
<div class="col-md-12 horizontal-line"></div>
</div>
<div class="row toolbar-pf-results">
<div class="col-sm-12">
<h5>{{taskCntrl.filteredTaskList.length}}
<ng-pluralize count="taskCntrl.filteredTaskList.length" when="{'one': 'Task',
'other': 'Tasks'}"></ng-pluralize>
</h5>
</div>
</div>
</div>
</div>
<center ng-if="taskCntrl.taskList.length === 0">
<div class="blank-slate-pf">
<div class="blank-slate-pf-icon">
<i class="pficon pficon-cluster"></i>
</div>
<h1>No Tasks Detected.</h1>
</div>
</center>
<div ng-if="taskCntrl.isDataLoading" class="spinner spinner-lg"></div>
<div class="flex-table list-group list-view-pf list-view-pf-view task-list-table" ng-show="!taskCntrl.isDataLoading">
<div class="ft-row list-group-item" ng-repeat="task in taskCntrl.filteredTaskList = (taskCntrl.taskList | filter: taskCntrl.searchBy | filter:taskCntrl.filterByStatus | filter: taskCntrl.filterByCreatedDate| orderBy: ['-created_at', 'job_id'])">
<div class="ft-column ft-icon ">
<i ng-class="{ 'pficon pficon-error-circle-o': (task.status==='failed' ), 'pficon pficon-ok': (task.status==='finished' ), 'pficon pficon-warning-triangle-o': (task.status==='warning' ), 'fa fa-spinner': (task.status==='processing' || task.status==='new' )} "></i>
</div>
<div class="ft-column ft-main list-view-pf-additional-info-item list-view-pf-additional-info-item-stacked task-flow ">
<p class="bold-text " ng-show="task.flow ">{{task.flow}}</p>
<div class="bold-text " ng-if="!task.flow ">NA</div>
<p>Task ID: {{task.job_id || "NA "}} </p>
</div>
<div class="ft-column status-col">
<div class="bold-text ">Submitted</div>
<div class="pull-left ">{{task.created_at| date: 'dd MMM yyyy HH:mm:ss'}}</div>
</div>
<div class="ft-column status-col ">
<div class="bold-text ">{{taskCntrl.getStatusText(task.status)}}</div>
<div class="pull-left ">{{task.updatedAt | date: 'dd MMM yyyy HH:mm:ss'}}</div>
</div>
<div class="ft-column ft-actions ">
<button class="btn btn-default task-btn " ng-click="taskCntrl.goToTaskDetail(task.job_id) ">Task Details</button>
</div>
</div>
</div>
<div class="row ">
<div class="col-md-12 horizontal-line "></div>
</div>
</div>