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

fixed alignment of download standard out button in modals

Browse Source
This commit is contained in:
John Mitchell
2015-08-10 15:42:21 -04:00
parent f7b0da7be5
commit 9105612c6a
4 changed files with 12 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
awx/ui/static/js/helpers/LogViewer.js
View File

@@ -366,8 +366,10 @@ export default
html = ""; html = "";
if (params.standardOut) { if (params.standardOut) {
html += '<a href="' + params.jobUrl + 'stdout?format=txt_download" class="btn btn-primary btn-xs DownloadStandardOut DownloadStandardOut--onModal" id="download-stdout-button" type="button" aw-tool-tip="Download standard out as a .txt file" data-placement="top" ng-show="status === \'cancelled\' || status === \'failed\' || status === \'error\' || status === \'successful\'"><i class="fa fa-download DownloadStandardOut-icon DownloadStandardOut-icon--withText"></i>Download</a>'; html += '<a href="' + params.jobUrl + 'stdout?format=txt_download" class="btn btn-primary btn-xs DownloadStandardOut DownloadStandardOut--onModal" id="download-stdout-button" type="button" aw-tool-tip="Download standard out as a .txt file" data-placement="top" ng-show="status === \'cancelled\' || status === \'failed\' || status === \'error\' || status === \'successful\'"><i class="fa fa-download DownloadStandardOut-icon DownloadStandardOut-icon--withText"></i>Download</a>';
html += "<pre class='DownloadStandardOut-pre' ng-non-bindable>" + val + "</pre>\n";
} else {
html += "<pre ng-non-bindable>" + val + "</pre>\n";
} }
html += "<pre ng-non-bindable>" + val + "</pre>\n";
$('#' + id).empty().html(html); $('#' + id).empty().html(html);
}; };
}]) }])

5
awx/ui/static/js/shared/download-standard.out.block.less
View File

@@ -12,6 +12,7 @@
.DownloadStandardOut--onModal { .DownloadStandardOut--onModal {
margin-bottom: 10px; margin-bottom: 10px;
float: right;
} }
.DownloadStandardOut-icon { .DownloadStandardOut-icon {
@@ -21,3 +22,7 @@
.DownloadStandardOut-icon--withText { .DownloadStandardOut-icon--withText {
margin-right: 5px; margin-right: 5px;
} }
.DownloadStandardOut-pre {
width: 100%;
}

2
awx/ui/static/partials/eventviewer.html
View File

@@ -1,4 +1,4 @@
<div id="eventviewer-modal-dialog" title="Log View" style="display: none;"> <div id="eventviewer-modal-dialog" style="display: none;">
<ul id="eventview-tabs" class="nav nav-tabs"> <ul id="eventview-tabs" class="nav nav-tabs">
<li class="active"><a href="#status" id="status-link" data-toggle="tab" ng-click="toggleTab($event, 'status-link', 'eventview-tabs')">Event</a></li> <li class="active"><a href="#status" id="status-link" data-toggle="tab" ng-click="toggleTab($event, 'status-link', 'eventview-tabs')">Event</a></li>
<li><a href="#results" id="results-link" data-toggle="tab" ng-click="toggleTab($event, 'results-link', 'eventview-tabs')">Results</a></li> <li><a href="#results" id="results-link" data-toggle="tab" ng-click="toggleTab($event, 'results-link', 'eventview-tabs')">Results</a></li>

3
awx/ui/static/partials/logviewer.html
View File

@@ -1,5 +1,4 @@
<div id="eventviewer-modal-dialog" style="display: none;">
<div id="logviewer-modal-dialog" title="Log View" style="display: none;">
<ul id="logview-tabs" class="nav nav-tabs"> <ul id="logview-tabs" class="nav nav-tabs">
<li class="active"><a href="#status" id="status-link" data-toggle="tab" ng-click="toggleTab($event, 'status-link', 'logview-tabs')">Status</a></li> <li class="active"><a href="#status" id="status-link" data-toggle="tab" ng-click="toggleTab($event, 'status-link', 'logview-tabs')">Status</a></li>
<li><a href="#stdout" id="stdout-link" data-toggle="tab" ng-click="toggleTab($event, 'stdout-link', 'logview-tabs')">Standard Out</a></li> <li><a href="#stdout" id="stdout-link" data-toggle="tab" ng-click="toggleTab($event, 'stdout-link', 'logview-tabs')">Standard Out</a></li>