External-Mirrors/awx
2
0
Fork 0
mirror of https://github.com/ansible/awx.git synced 2026-05-23 16:47:45 -02:30
Code Issues Packages Projects Releases Wiki Activity

Job detail page refactor

Browse Source 
Added custom scrollbar to task list and made it do the endless scroll thing. Switched tasks and plays from objects back to arrays, in support of endless scroll.  Still need to apply scrollbar to play list and enable endless scroll. Modified calls to job_tasks endpoint to use the 'paginated' structure. Will need to do the same to plays. None of this is tested yet.
This commit is contained in:
Chris Houseknecht
2014-06-17 18:21:18 -04:00
parent 461e4d5e2a
commit c138f8006a
3 changed files with 384 additions and 230 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
awx/ui/static/partials/job_detail.html
View File

@@ -67,7 +67,7 @@
</div>
<div class="row" ng-show="objectIsEmpty(playList)">
<div class="col-lg-12">
<div class="loading-info">No plays matched</div>
<div class="loading-info">No matching plays</div>
</div>
</div>
</div>
@@ -83,7 +83,8 @@
<div class="col-lg-5 col-md-5 hidden-xs hidden-sm">Host Status</div>
</div>
</div>
<div id="tasks-table-detail" aw-custom-scroll class="table-detail">
<div id="tasks-table-detail" class="table-detail" aw-custom-scroll data-on-total-scroll="TasksOnTotalScroll"
data-on-total-scroll-back="TasksOnTotalScrollBack">
<div class="row cursor-pointer"
ng-repeat="(task_id, task) in tasks track by task_id"
ng-class="task.taskActiveClass" ng-click="selectTask(task.id)">
@@ -102,7 +103,7 @@
</div>
<div class="row" ng-show="objectIsEmpty(tasks)">
<div class="col-lg-12">
<div class="loading-info">No tasks matched</div>
<div class="loading-info">No matching tasks</div>
</div>
</div>
</div>
@@ -131,7 +132,7 @@
</div>
<div class="row" ng-show="hostResults.length == 0">
<div class="col-lg-12">
<div class="loading-info">No hosts matched</div>
<div class="loading-info">No matching hosts</div>
</div>
</div>
</div>
@@ -205,7 +206,7 @@
</div>
<div class="row" ng-show="hosts.length === 0">
<div class="col-lg-12">
<div class="loading-info">No hosts matched</div>
<div class="loading-info">No matching hosts</div>
</div>
</div>
</div>