Adding initial files for job results standard out panel

with some very rough dummy text in there for now
This commit is contained in:
jaredevantabor 2016-10-18 16:04:03 -07:00
parent bba253cdfc
commit e6c342d9ad
6 changed files with 97 additions and 1 deletions

View File

@ -0,0 +1,24 @@
@import '../../shared/branding/colors.default.less';
.JobResultsStdOut{
height: 100%;
margin-top: 15px;
}
.JobResultsStdOut-aLineOfStdOut{
display: flex;
}
.JobResultsStdOut-lineNumberColumn{
flex: 1 0 auto;
background-color: @d7grey;
text-align: right;
padding-right: 10px;
color: @default-icon;
}
.JobResultsStdOut-stdoutColumn{
background-color: @default-secondary-bg;
flex: 6 0 auto;
}

View File

@ -0,0 +1,19 @@
/*************************************************
* Copyright (c) 2016 Ansible, Inc.
*
* All Rights Reserved
*************************************************/
// import hostStatusBarController from './host-status-bar.controller';
export default [ 'templateUrl',
function(templateUrl) {
return {
scope: true,
templateUrl: templateUrl('job-results/job-results-stdout/job-results-stdout'),
restrict: 'E',
// controller: jobResultsStdOutController,
link: function(scope) {
}
};
}];

View File

@ -0,0 +1,39 @@
<div class="JobResultsStdOut">
<div class="JobResultsStdOut-aLineOfStdOut">
<div class="JobResultsStdOut-lineNumberColumn">
1
</div>
<div class="JobResultsStdOut-stdoutColumn">
this is some lines of stdout
</div>
</div>
<div class="JobResultsStdOut-aLineOfStdOut">
<div class="JobResultsStdOut-lineNumberColumn">
2
</div>
<div class="JobResultsStdOut-stdoutColumn">
this is some lines of stdout
</div>
</div>
<div class="JobResultsStdOut-aLineOfStdOut">
<div class="JobResultsStdOut-lineNumberColumn">
3
</div>
<div class="JobResultsStdOut-stdoutColumn">
this is some lines of stdout
</div>
</div>
<div class="JobResultsStdOut-aLineOfStdOut">
<div class="JobResultsStdOut-lineNumberColumn">
4
</div>
<div class="JobResultsStdOut-stdoutColumn">
this is some lines of stdout
</div>
</div>
</div>

View File

@ -0,0 +1,11 @@
/*************************************************
* Copyright (c) 2015 Ansible, Inc.
*
* All Rights Reserved
*************************************************/
import jobResultsStdOut from './job-results-stdout.directive';
export default
angular.module('jobResultStdOutDirective', [])
.directive('jobResultsStandardOut', jobResultsStdOut);

View File

@ -514,8 +514,10 @@
</div>
</div>
<host-status-bar></host-status-bar>
<job-results-standard-out></job-results-standard-out>
<!-- <standard-out-log stdout-endpoint="job.related.stdout"></standard-out-log> -->
</div>
</div>
</div>
</div>

View File

@ -5,6 +5,7 @@
*************************************************/
import hostStatusBar from './host-status-bar/main';
import jobResultsStdOut from './job-results-stdout/main';
import route from './job-results.route.js';
@ -14,7 +15,7 @@ import eventQueueService from './event-queue.service';
import durationFilter from './duration.filter';
export default
angular.module('jobResults', [hostStatusBar.name])
angular.module('jobResults', [hostStatusBar.name, jobResultsStdOut.name])
.run(['$stateExtender', function($stateExtender) {
$stateExtender.addState(route);
}])