| {{! |
| * Licensed to the Apache Software Foundation (ASF) under one |
| * or more contributor license agreements. See the NOTICE file |
| * distributed with this work for additional information |
| * regarding copyright ownership. The ASF licenses this file |
| * to you under the Apache License, Version 2.0 (the |
| * "License"); you may not use this file except in compliance |
| * with the License. You may obtain a copy of the License at |
| * |
| * http://www.apache.org/licenses/LICENSE-2.0 |
| * |
| * Unless required by applicable law or agreed to in writing, software |
| * distributed under the License is distributed on an "AS IS" BASIS, |
| * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. |
| * See the License for the specific language governing permissions and |
| * limitations under the License. |
| }} |
| |
| <div class="row"> |
| <div class="col-md-12"> |
| {{app-timeout-bar app=model.app}} |
| </div> |
| </div> |
| |
| <div class="row"> |
| <div class="col-md-12 container-fluid"> |
| <div class="panel panel-default"> |
| <div class="panel-heading"> |
| Basic Info |
| </div> |
| <div class="x-scroll"> |
| <table class="display table table-striped table-bordered" |
| cellspacing="0" width="100%"> |
| <thead> |
| <tr> |
| <th>Application ID</th> |
| <th>Name</th> |
| <th>User</th> |
| <th>Queue</th> |
| <th>State</th> |
| <th>Final Status</th> |
| <th>Start Time</th> |
| <th>Elapsed Time</th> |
| <th>Finished Time</th> |
| <th>Priority</th> |
| {{#unless model.serviceName}} |
| <th>Progress</th> |
| <th>Is Unmanaged AM</th> |
| {{/unless}} |
| </tr> |
| </thead> |
| |
| <tbody> |
| <tr> |
| <td>{{model.app.id}}</td> |
| <td>{{model.app.appName}}</td> |
| <td>{{model.app.user}}</td> |
| <td>{{model.app.queue}}</td> |
| <td>{{model.app.state}}</td> |
| <td> |
| <span class={{model.app.finalStatusStyle}}> |
| {{model.app.finalStatus}} |
| </span> |
| </td> |
| <td>{{model.app.startTime}}</td> |
| <td>{{model.app.formattedElapsedTime}}</td> |
| <td>{{model.app.validatedFinishedTs}}</td> |
| <td>{{model.app.priority}}</td> |
| {{#unless model.serviceName}} |
| <td> |
| <div class="progress" style="margin-bottom: 0;"> |
| <div class="progress-bar" role="progressbar" |
| aria-valuenow="60" aria-valuemin="0" |
| aria-valuemax="100" |
| style={{model.app.progressStyle}}> |
| {{model.app.progress}}% |
| </div> |
| </div> |
| </td> |
| <td>{{model.app.unmanagedApplication}}</td> |
| {{/unless}} |
| </tr> |
| </tbody> |
| </table> |
| </div> |
| </div> |
| </div> |
| </div> |
| |
| <div class="row"> |
| {{#if model.app.diagnostics}} |
| <div class="col-md-12 container-fluid"> |
| {{#if model.app.isFailed}} |
| <div class="panel panel-danger"> |
| <div class="panel-heading"> |
| Diagnostics |
| </div> |
| <div class="panel-body">{{model.app.diagnostics}}</div> |
| </div> |
| {{else}} |
| <div class="panel panel-default"> |
| <div class="panel-heading"> |
| Diagnostics |
| </div> |
| <div class="panel-body">{{model.app.diagnostics}}</div> |
| </div> |
| {{/if}} |
| </div> |
| {{/if}} |
| </div> |
| |
| <div class="row"> |
| <div class="col-md-12 container-fluid"> |
| <div class="panel panel-default"> |
| <div class="panel-heading">Scheduling Info</div> |
| <table class="display table table-striped table-bordered" |
| cellspacing="0" width="100%"> |
| <thead> |
| <tr> |
| <th>Allocated Resource</th> |
| <th>Running Containers</th> |
| <th>Preempted Resource</th> |
| <th>Num Non-AM container preempted</th> |
| <th>Num AM container preempted</th> |
| <th>Aggregated Resource Usage</th> |
| </tr> |
| </thead> |
| <tbody> |
| <tr> |
| <td>{{model.app.allocatedResource}}</td> |
| <td>{{model.app.runningContainersNumber}}</td> |
| <td>{{model.app.preemptedResource}}</td> |
| <td>{{model.app.numAMContainerPreempted}}</td> |
| <td>{{model.app.numAMContainerPreempted}}</td> |
| <td>{{model.app.aggregatedResourceUsage}}</td> |
| </tr> |
| </tbody> |
| </table> |
| </div> |
| </div> |
| |
| </div> |
| |
| <div class="row"> |
| <div class="col-md-6 container-fluid"> |
| <div class="panel panel-default"> |
| <div class="panel-heading">Application Master Info</div> |
| <table class="display table table-striped table-bordered" |
| cellspacing="0" width="100%"> |
| <thead> |
| <tr> |
| <th>Master Container Log</th> |
| <th>Master Node</th> |
| <th>Master Node Label Expression</th> |
| </tr> |
| </thead> |
| <tbody> |
| <tr> |
| <td><a href="{{model.app.amContainerLogs}}" target="_blank">Link</a></td> |
| <td><a href="{{amHostHttpAddressFormatted}}" target="_blank">Link</a></td> |
| <td>{{model.app.amNodeLabelExpression}}</td> |
| </tr> |
| </tbody> |
| </table> |
| </div> |
| </div> |
| </div> |