External-Mirrors/awx
2
0
Fork 0
mirror of https://github.com/ansible/awx.git synced 2026-01-11 10:00:01 -03:30
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #711 from jaredevantabor/jobs-page-tabs

Browse Source 
Jobs Page tabs re-styling
This commit is contained in:
Jared Tabor 2016-01-25 13:54:10 -08:00
commit 8b7fa62fb8
5 changed files with 58 additions and 29 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
awx/ui/client/src/controllers/Jobs.js
View File

@ -23,6 +23,8 @@ export function JobsListController ($rootScope, $log, $scope, $compile, $statePa
api_complete = false,
max_rows;
$scope.jobsSelected = true;
if ($scope.removeListLoaded) {
$scope.removeListLoaded();
}
@ -90,6 +92,20 @@ export function JobsListController ($rootScope, $log, $scope, $compile, $statePa
scheduled_scope.search('schedule');
};
function clearTabs() {
$scope.jobsSelected = false;
$scope.schedulesSelected = false;
}
$scope.toggleTab = function(tab) {
clearTabs();
if (tab === "jobs") {
$scope.jobsSelected = true;
} else if (tab === "scheduled") {
$scope.schedulesSelected = true;
}
};
if ($rootScope.removeJobStatusChange) {
$rootScope.removeJobStatusChange();
}

3
awx/ui/client/src/helpers/Jobs.js
View File

@ -396,7 +396,8 @@ export default
mode: 'edit',
id: id,
scope: scope,
showSearch: false
showSearch: false,
title: false
});
SearchInit({

3
awx/ui/client/src/helpers/Schedules.js
View File

@ -710,7 +710,8 @@ export default
id: id,
scope: scope,
searchSize: (searchSize) ? searchSize : 'col-lg-6 col-md-6 col-sm-6 col-xs-12',
showSearch: true
showSearch: true,
title: false
});
SearchInit({

25
awx/ui/client/src/partials/jobs.html
View File

@ -10,13 +10,21 @@
</div>
</div>
<div >
<ul id="jobs_tabs" class="nav nav-tabs">
<li class="active"><a id="active_jobs_link" ng-click="toggleTab($event, 'active_jobs_link', 'jobs_tabs')" href="#active-jobs-tab" data-toggle="tab">Jobs</a></li>
<li><a id="scheduled_jobs_link" ng-click="toggleTab($event, 'scheduled_jobs_link', 'job_status_tabs')" href="#scheduled-jobs-tab" data-toggle= "tab">Schedule</a></li>
</ul>
<div id="jobs-tab-content" class= "tab-content">
<div class="tab-pane active" id= "active-jobs-tab">
<div>
<div id="jobs_tabs" class="Form-tabHolder">
<div class= "Form-tab is-selected" id="active_jobs_link"
ng-class="{'is-selected': jobsSelected }"
ng-click="toggleTab('jobs')">
Jobs
</div>
<div id="scheduled_jobs_link" class="Form-tab"
ng-class="{'is-selected': schedulesSelected }"
ng-click="toggleTab('scheduled')">
Schedule
</div>
</div>
<div id="jobs-tab-content" class="Form-tabSection"
ng-class="{'is-selected': jobsSelected }">
<div class= "row search-row">
<div class="col-lg-4 col-md-4 " id="active-jobs-search-container">
</div>
@ -26,7 +34,8 @@
</div>
</div>
</div>
<div class= "tab-pane" id="scheduled-jobs-tab">
<div class= "Form-tabSection" id="scheduled-jobs-tab"
ng-class="{'is-selected': schedulesSelected }">
<div class= "row search-row">
<div class="col-lg-4 col-md-4 " id="scheduled-jobs-tab-search-container">
</div>

40
awx/ui/client/src/shared/list-generator/list-generator.factory.js
View File

@ -299,30 +299,32 @@ export default ['$location', '$compile', '$rootScope', 'SearchWidget', 'Paginate
list = this.list,
base, size, action, fld, cnt, field_action, fAction, itm;
html += "<div class=\"List-header\">";
html += "<div class=\"List-title\">";
if(options.title !== false){
html += "<div class=\"List-header\">";
html += "<div class=\"List-title\">";
if (list.listTitle) {
if (list.listTitle) {
html += "<div class=\"List-titleText\">" + list.listTitle + "</div>";
html += "<span class=\"badge List-titleBadge\">{{(" + list.iterator + "_total_rows | number:0)}}</span>";
html += "<div class=\"List-titleText\">" + list.listTitle + "</div>";
html += "<span class=\"badge List-titleBadge\">{{(" + list.iterator + "_total_rows | number:0)}}</span>";
}
html += "</div>";
html += "<div class=\"List-actions\">";
html += "<div class=\"list-actions\" ng-include=\"'" +
templateUrl('shared/list-generator/list-actions') +
"'\">\n";
for (action in list.actions) {
list.actions[action] = _.defaults(list.actions[action], { dataPlacement: "top" });
}
html += "</div>\n";
html += "</div>";
html += "</div>";
}
html += "</div>";
html += "<div class=\"List-actions\">";
html += "<div class=\"list-actions\" ng-include=\"'" +
templateUrl('shared/list-generator/list-actions') +
"'\">\n";
for (action in list.actions) {
list.actions[action] = _.defaults(list.actions[action], { dataPlacement: "top" });
}
html += "</div>\n";
html += "</div>";
html += "</div>";
if (options.mode === 'edit' && list.editInstructions) {
html += "<div class=\"alert alert-info alert-block\">\n";
html += "<button type=\"button\" class=\"close\" data-dismiss=\"alert\">&times;</button>\n";