|
@@ -164,7 +164,7 @@ ${ commonheader("Job Browser", "jobbrowser", user, request) | n,unicode }
|
|
|
<!-- ko if: $root.isMini -->
|
|
<!-- ko if: $root.isMini -->
|
|
|
<ul class="unstyled status-border-container" id="jobsTable" data-bind="foreach: jobs.apps">
|
|
<ul class="unstyled status-border-container" id="jobsTable" data-bind="foreach: jobs.apps">
|
|
|
<li class="status-border pointer" data-bind="css: {'completed': apiStatus() == 'SUCCEEDED', 'running': isRunning(), 'failed': apiStatus() == 'FAILED'}, click: fetchJob">
|
|
<li class="status-border pointer" data-bind="css: {'completed': apiStatus() == 'SUCCEEDED', 'running': isRunning(), 'failed': apiStatus() == 'FAILED'}, click: fetchJob">
|
|
|
- <span class="muted pull-left" data-bind="momentFromNow: {data: submitted, interval: 10000, titleFormat: 'LLL'}"></span><span data-bind="text: status"></span></td>
|
|
|
|
|
|
|
+ <span class="muted pull-left" data-bind="momentFromNow: {data: submitted, interval: 10000, titleFormat: 'LLL'}"></span><span class="muted"> - </span><span class="muted" data-bind="text: status"></span></td>
|
|
|
<span class="muted pull-right" data-bind="text: duration().toHHMMSS()"></span>
|
|
<span class="muted pull-right" data-bind="text: duration().toHHMMSS()"></span>
|
|
|
<div class="clearfix"></div>
|
|
<div class="clearfix"></div>
|
|
|
<strong class="pull-left" data-bind="text: type"></strong>
|
|
<strong class="pull-left" data-bind="text: type"></strong>
|
|
@@ -467,6 +467,8 @@ ${ commonheader("Job Browser", "jobbrowser", user, request) | n,unicode }
|
|
|
<li class="pull-right" data-bind="template: { name: 'job-actions' }"></li>
|
|
<li class="pull-right" data-bind="template: { name: 'job-actions' }"></li>
|
|
|
</ul>
|
|
</ul>
|
|
|
|
|
|
|
|
|
|
+ <div class="clearfix"></div>
|
|
|
|
|
+
|
|
|
<div class="tab-content">
|
|
<div class="tab-content">
|
|
|
<div class="tab-pane active" id="job-mapreduce-page-logs">
|
|
<div class="tab-pane active" id="job-mapreduce-page-logs">
|
|
|
% for name in ['stdout', 'stderr', 'syslog']:
|
|
% for name in ['stdout', 'stderr', 'syslog']:
|
|
@@ -774,33 +776,33 @@ ${ commonheader("Job Browser", "jobbrowser", user, request) | n,unicode }
|
|
|
<div class="btn-group">
|
|
<div class="btn-group">
|
|
|
<!-- ko if: hasResume -->
|
|
<!-- ko if: hasResume -->
|
|
|
<button class="btn" title="${ _('Resume selected') }" data-bind="click: function() { control('resume'); }, enable: resumeEnabled">
|
|
<button class="btn" title="${ _('Resume selected') }" data-bind="click: function() { control('resume'); }, enable: resumeEnabled">
|
|
|
- <i class="fa fa-play"></i> ${ _('Resume') }
|
|
|
|
|
|
|
+ <i class="fa fa-play"></i> <!-- ko ifnot: $root.isMini -->${ _('Resume') }<!-- /ko -->
|
|
|
</button>
|
|
</button>
|
|
|
<!-- /ko -->
|
|
<!-- /ko -->
|
|
|
|
|
|
|
|
<!-- ko if: hasPause -->
|
|
<!-- ko if: hasPause -->
|
|
|
<button class="btn" title="${ _('Suspend selected') }" data-bind="click: function() { control('suspend'); }, enable: pauseEnabled">
|
|
<button class="btn" title="${ _('Suspend selected') }" data-bind="click: function() { control('suspend'); }, enable: pauseEnabled">
|
|
|
- <i class="fa fa-pause"></i> ${ _('Suspend') }
|
|
|
|
|
|
|
+ <i class="fa fa-pause"></i> <!-- ko ifnot: $root.isMini -->${ _('Suspend') }<!-- /ko -->
|
|
|
</button>
|
|
</button>
|
|
|
<!-- /ko -->
|
|
<!-- /ko -->
|
|
|
|
|
|
|
|
<!-- ko if: hasRerun -->
|
|
<!-- ko if: hasRerun -->
|
|
|
<button class="btn" title="${ _('Rerun selected') }" data-bind="click: function() { control('rerun'); }, enable: rerunEnabled">
|
|
<button class="btn" title="${ _('Rerun selected') }" data-bind="click: function() { control('rerun'); }, enable: rerunEnabled">
|
|
|
- <i class="fa fa-repeat"></i> ${ _('Rerun') }
|
|
|
|
|
|
|
+ <i class="fa fa-repeat"></i> <!-- ko ifnot: $root.isMini -->${ _('Rerun') }<!-- /ko -->
|
|
|
</button>
|
|
</button>
|
|
|
<!-- /ko -->
|
|
<!-- /ko -->
|
|
|
|
|
|
|
|
<!-- ko if: hasKill -->
|
|
<!-- ko if: hasKill -->
|
|
|
<button class="btn btn-danger" title="${_('Stop selected')}" data-bind="click: function() { control('kill'); }, enable: killEnabled">
|
|
<button class="btn btn-danger" title="${_('Stop selected')}" data-bind="click: function() { control('kill'); }, enable: killEnabled">
|
|
|
## TODO confirmation
|
|
## TODO confirmation
|
|
|
- <i class="fa fa-times"></i> ${_('Kill')}
|
|
|
|
|
|
|
+ <i class="fa fa-times"></i> <!-- ko ifnot: $root.isMini -->${_('Kill')}<!-- /ko -->
|
|
|
</button>
|
|
</button>
|
|
|
<!-- /ko -->
|
|
<!-- /ko -->
|
|
|
|
|
|
|
|
<!-- ko if: hasIgnore -->
|
|
<!-- ko if: hasIgnore -->
|
|
|
<button class="btn btn-danger" title="${_('Ignore selected')}" data-bind="click: function() { control('ignore'); }, enable: ignoreEnabled">
|
|
<button class="btn btn-danger" title="${_('Ignore selected')}" data-bind="click: function() { control('ignore'); }, enable: ignoreEnabled">
|
|
|
## TODO confirmation
|
|
## TODO confirmation
|
|
|
- <i class="fa fa-eraser"></i> ${_('Ignore')}
|
|
|
|
|
|
|
+ <i class="fa fa-eraser"></i> <!-- ko ifnot: $root.isMini -->${_('Ignore')}<!-- /ko -->
|
|
|
</button>
|
|
</button>
|
|
|
<!-- /ko -->
|
|
<!-- /ko -->
|
|
|
</div>
|
|
</div>
|
|
@@ -810,7 +812,7 @@ ${ commonheader("Job Browser", "jobbrowser", user, request) | n,unicode }
|
|
|
<script type="text/html" id="workflow-page">
|
|
<script type="text/html" id="workflow-page">
|
|
|
|
|
|
|
|
<div class="row-fluid">
|
|
<div class="row-fluid">
|
|
|
- <div class="span2">
|
|
|
|
|
|
|
+ <div data-bind="css:{'span2': !$root.isMini(), 'span12': $root.isMini() }">
|
|
|
<div class="sidebar-nav">
|
|
<div class="sidebar-nav">
|
|
|
<ul class="nav nav-list">
|
|
<ul class="nav nav-list">
|
|
|
<li class="nav-header">${ _('Id') }</li>
|
|
<li class="nav-header">${ _('Id') }</li>
|
|
@@ -861,7 +863,7 @@ ${ commonheader("Job Browser", "jobbrowser", user, request) | n,unicode }
|
|
|
</ul>
|
|
</ul>
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
- <div class="span10">
|
|
|
|
|
|
|
+ <div data-bind="css:{'span10': !$root.isMini(), 'span12': $root.isMini() }">
|
|
|
|
|
|
|
|
<ul class="nav nav-pills margin-top-20">
|
|
<ul class="nav nav-pills margin-top-20">
|
|
|
<li class="active"><a href="#workflow-page-graph" data-toggle="tab">${ _('Graph') }</a></li>
|
|
<li class="active"><a href="#workflow-page-graph" data-toggle="tab">${ _('Graph') }</a></li>
|
|
@@ -872,6 +874,8 @@ ${ commonheader("Job Browser", "jobbrowser", user, request) | n,unicode }
|
|
|
<li class="pull-right" data-bind="template: { name: 'job-actions' }"></li>
|
|
<li class="pull-right" data-bind="template: { name: 'job-actions' }"></li>
|
|
|
</ul>
|
|
</ul>
|
|
|
|
|
|
|
|
|
|
+ <div class="clearfix"></div>
|
|
|
|
|
+
|
|
|
|
|
|
|
|
<div class="tab-content">
|
|
<div class="tab-content">
|
|
|
<div class="tab-pane active dashboard-container" id="workflow-page-graph">
|
|
<div class="tab-pane active dashboard-container" id="workflow-page-graph">
|
|
@@ -1051,6 +1055,8 @@ ${ commonheader("Job Browser", "jobbrowser", user, request) | n,unicode }
|
|
|
<li class="pull-right" data-bind="template: { name: 'job-actions' }"></li>
|
|
<li class="pull-right" data-bind="template: { name: 'job-actions' }"></li>
|
|
|
</ul>
|
|
</ul>
|
|
|
|
|
|
|
|
|
|
+ <div class="clearfix"></div>
|
|
|
|
|
+
|
|
|
<div class="tab-content">
|
|
<div class="tab-content">
|
|
|
<div class="tab-pane active" id="schedule-page-calendar">
|
|
<div class="tab-pane active" id="schedule-page-calendar">
|
|
|
<!-- ko with: coordinatorActions() -->
|
|
<!-- ko with: coordinatorActions() -->
|
|
@@ -1165,6 +1171,8 @@ ${ commonheader("Job Browser", "jobbrowser", user, request) | n,unicode }
|
|
|
<li class="pull-right" data-bind="template: { name: 'job-actions' }"></li>
|
|
<li class="pull-right" data-bind="template: { name: 'job-actions' }"></li>
|
|
|
</ul>
|
|
</ul>
|
|
|
|
|
|
|
|
|
|
+ <div class="clearfix"></div>
|
|
|
|
|
+
|
|
|
<div class="tab-content">
|
|
<div class="tab-content">
|
|
|
<div class="tab-pane active" id="bundle-page-coordinators">
|
|
<div class="tab-pane active" id="bundle-page-coordinators">
|
|
|
<input type="text" class="input-xlarge search-query" placeholder="${_('Filter by id, name, user...')}" />
|
|
<input type="text" class="input-xlarge search-query" placeholder="${_('Filter by id, name, user...')}" />
|