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

Added Datatables.net style sorting to all lists and related lists

Browse Source
This commit is contained in:
chouseknecht
2013-06-07 16:50:07 -04:00
parent e58e80bbad
commit 7b0bbff376
5 changed files with 138 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
ansibleworks/ui/static/lib/ansible/form-generator.js
View File

@@ -709,12 +709,17 @@ angular.module('FormGenerator', ['GeneratorHelpers'])
// Start the list
html += "<div class=\"list\">\n";
html += "<table class=\"table table-condensed table-hover\">\n";
html += "<table class=\"" + form.related[itm].iterator + " table table-condensed table-hover\">\n";
html += "<thead>\n";
html += "<tr>\n";
html += "<th>#</th>\n";
for (var fld in form.related[itm].fields) {
html += "<th>" + form.related[itm]['fields'][fld].label + "</th>\n";
html += "<th class=\"list-header\" id=\"" + form.related[itm].iterator + '-' + fld + "-header\" " +
"ng-click=\"sort('" + form.related[itm].iterator + "', '" + fld + "')\">" +
form.related[itm]['fields'][fld].label;
html += " <i class=\"";
html += (form.related[itm].fields[fld].key) ? "icon-sort-up" : "icon-sort";
html += "\"></i></a></th>\n";
}
html += "<th></th>\n";
html += "</tr>\n";
@@ -863,12 +868,17 @@ angular.module('FormGenerator', ['GeneratorHelpers'])
// Start the list
html += "<div class=\"list\">\n";
html += "<table class=\"table table-condensed table-hover\">\n";
html += "<table class=\"" + form.related[itm].iterator + " table table-condensed table-hover\">\n";
html += "<thead>\n";
html += "<tr>\n";
html += "<th>#</th>\n";
for (var fld in form.related[itm].fields) {
html += "<th>" + form.related[itm]['fields'][fld].label + "</th>\n";
html += "<th class=\"list-header\" id=\"" + form.related[itm].iterator + '-' + fld + "-header\" " +
"ng-click=\"sort('" + form.related[itm].iterator + "', '" + fld + "')\">" +
form.related[itm]['fields'][fld].label;
html += " <i class=\"";
html += (form.related[itm].fields[fld].key) ? "icon-sort-up" : "icon-sort";
html += "\"></i></a></th>\n";
}
html += "<th></th>\n";
html += "</tr>\n";

5
ansibleworks/ui/static/lib/ansible/list-generator.js
View File

@@ -182,7 +182,10 @@ angular.module('ListGenerator', ['GeneratorHelpers',])
html += "<th>#</th>\n";
}
for (var fld in list.fields) {
html += "<th>" + list.fields[fld].label + "</th>\n";
html += "<th class=\"list-header\" id=\"" + fld + "-header\" ng-click=\"sort('" + fld + "')\">" + list.fields[fld].label;
html += " <i class=\"";
html += (list.fields[fld].key) ? "icon-sort-up" : "icon-sort";
html += "\"></i></a></th>\n";
}
if (options.mode == 'select') {
html += "<th>Select</th>";