|
|
@@ -85,7 +85,7 @@ ${ commonheader("Job Browser", "jobbrowser", user, request) | n,unicode }
|
|
|
<li data-bind="css: {'active': interface() === 'workflows'}"><a class="pointer" data-bind="click: function(){ selectInterface('workflows'); }">${ _('Workflows') }</a></li>
|
|
|
<li data-bind="css: {'active': interface() === 'schedules'}"><a class="pointer" data-bind="click: function(){ selectInterface('schedules'); }">${ _('Schedules') }</a></li>
|
|
|
<li data-bind="css: {'active': interface() === 'bundles'}"><a class="pointer" data-bind="click: function(){ selectInterface('bundles'); }">${ _('Bundles') }</a></li>
|
|
|
- <li data-bind="css: {'active': interface() === 'slas'}"><a class="pointer" data-bind="click: function(){ selectInterface('slas'); }">${ _('SLAs') }</a></li>
|
|
|
+ <li data-bind="css: {'active': interface() === 'slas'}"><a class="pointer" data-bind="click: function(){ }">${ _('SLAs') }</a></li>
|
|
|
</ul>
|
|
|
% if not hiveserver2_impersonation_enabled:
|
|
|
<div class="pull-right alert alert-warning" style="margin-top: 4px">${ _("Hive jobs are running as the 'hive' user") }</div>
|
|
|
@@ -208,9 +208,6 @@ ${ commonheader("Job Browser", "jobbrowser", user, request) | n,unicode }
|
|
|
<div data-bind="template: { name: 'bundle-page' }"></div>
|
|
|
<!-- /ko -->
|
|
|
|
|
|
- <!-- ko if: mainType() == 'sla' -->
|
|
|
- <div data-bind="template: { name: 'sla-page' }"></div>
|
|
|
- <!-- /ko -->
|
|
|
<!-- /ko -->
|
|
|
<!-- /ko -->
|
|
|
|
|
|
@@ -864,111 +861,6 @@ ${ commonheader("Job Browser", "jobbrowser", user, request) | n,unicode }
|
|
|
</script>
|
|
|
|
|
|
|
|
|
-<script type="text/html" id="slas-page">
|
|
|
-<div class="container-fluid">
|
|
|
- <div class="card card-small">
|
|
|
-
|
|
|
- <div class="card-body">
|
|
|
- <p>
|
|
|
- <div class="search-something center empty-wrapper">
|
|
|
- <a href="http://gethue.com/hadoop-tutorial-monitor-and-get-alerts-for-your-workflows-with-the-oozie-slas/" target="_blank" title="${ _('Click to learn more') }">
|
|
|
- <i class="fa fa-exclamation"></i>
|
|
|
- </a>
|
|
|
- <h1>${_('Oozie is not setup to create SLAs')}</h1>
|
|
|
- <br/>
|
|
|
- </div>
|
|
|
- </p>
|
|
|
- </div>
|
|
|
-
|
|
|
- <h1 class="card-heading simple">
|
|
|
- <div class="pull-left" style="margin-right: 20px;margin-top: 2px">${_('Search')}</div>
|
|
|
- <form class="form-inline" id="searchForm" method="GET" action="." style="margin-bottom: 4px">
|
|
|
- <label>
|
|
|
- ${_('Name or Id')}
|
|
|
- <input type="text" name="job_name" class="searchFilter input-xlarge search-query" placeholder="${_('Job Name or Id (required)')}">
|
|
|
- </label>
|
|
|
- <span style="padding-left:25px">
|
|
|
- <label class="label-with-margin">
|
|
|
- ${ _('Start') }
|
|
|
- <input type="text" name="start_0" class="input-small date" value="" placeholder="${_('Date in GMT')}" data-bind="enable: useDates">
|
|
|
- <input type="text" name="start_1" class="input-small time" value="" data-bind="enable: useDates">
|
|
|
- </label>
|
|
|
- <label>
|
|
|
- ${ _('End') }
|
|
|
- <input type="text" name="end_0" class="input-small date" value="" placeholder="${_('Date in GMT')}" data-bind="enable: useDates">
|
|
|
- <input type="text" name="end_1" class="input-small time" value="" data-bind="enable: useDates">
|
|
|
- </label>
|
|
|
- </span>
|
|
|
- <label class="checkbox label-with-margin">
|
|
|
- <input type="checkbox" name="useDates" class="searchFilter" data-bind="checked: useDates, click: performSearch()">
|
|
|
- ${ _('Date filter') }
|
|
|
- </label>
|
|
|
- </form>
|
|
|
- </h1>
|
|
|
- <div class="card-body">
|
|
|
- <p>
|
|
|
- <div class="loader hide" style="text-align: center;margin-top: 20px">
|
|
|
- <i class="fa fa-spinner fa-spin big-spinner"></i>
|
|
|
- </div>
|
|
|
-
|
|
|
- <div class="search-something center empty-wrapper">
|
|
|
- <i class="fa fa-search"></i>
|
|
|
- <h1>${_('Use the form above to search for SLAs.')}</h1>
|
|
|
- <br/>
|
|
|
- </div>
|
|
|
-
|
|
|
- <div class="no-results center empty-wrapper hide">
|
|
|
- <h1>${_('The server returned no results.')}</h1>
|
|
|
- <br/>
|
|
|
- </div>
|
|
|
-
|
|
|
- <div class="results hide">
|
|
|
- <ul class="nav nav-tabs">
|
|
|
- <li class="active"><a href="#slaListTab" data-toggle="tab">${ _('List') }</a></li>
|
|
|
- <li><a href="#chartTab" data-toggle="tab">${ _('Chart') }</a></li>
|
|
|
- </ul>
|
|
|
-
|
|
|
- <div class="tab-content" style="padding-bottom:200px">
|
|
|
- <div class="tab-pane active" id="slaListTab">
|
|
|
- <div class="tabbable">
|
|
|
- <div class="tab-content">
|
|
|
- <table id="slaTable" class="table table-striped table-condensed">
|
|
|
- <thead>
|
|
|
- <th>${_('Status')}</th>
|
|
|
- <th>${_('Name')}</th>
|
|
|
- <th>${_('Type')}</th>
|
|
|
- <th>${_('ID')}</th>
|
|
|
- <th>${_('Nominal Time')}</th>
|
|
|
- <th>${_('Expected Start')}</th>
|
|
|
- <th>${_('Actual Start')}</th>
|
|
|
- <th>${_('Expected End')}</th>
|
|
|
- <th>${_('Actual End')}</th>
|
|
|
- <th>${_('Expected Duration')}</th>
|
|
|
- <th>${_('Actual Duration')}</th>
|
|
|
- <th>${_('Job Status')}</th>
|
|
|
- <th>${_('User')}</th>
|
|
|
- <th>${_('Last Modified')}</th>
|
|
|
- </thead>
|
|
|
- <tbody>
|
|
|
- </tbody>
|
|
|
- </table>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
-
|
|
|
- <div class="tab-pane" id="chartTab" style="padding-left: 20px">
|
|
|
- <div id="yAxisLabel" class="hide">${_('Time since Nominal Time in min')}</div>
|
|
|
- <div id="slaChart"></div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </p>
|
|
|
- </div>
|
|
|
-
|
|
|
- </div>
|
|
|
-</div>
|
|
|
-</script>
|
|
|
-
|
|
|
|
|
|
<script type="text/javascript">
|
|
|
|