github.com/billybanfield/evergreen@v0.0.0-20170525200750-eeee692790f7/service/templates/host.html (about)

     1  {{define "scripts"}}
     2  <style type="text/css">
     3    body{ background: #f5f6f7; }
     4  </style>
     5  <script type="text/javascript" src="{{Static "js" "host.js"}}?hash={{ StaticsMD5 }}"></script>
     6  {{if .User }}
     7  <script type="text/javascript" src="{{Static "js" "host_admin.js"}}?hash={{ StaticsMD5 }}"></script>
     8  {{end}}
     9  <script type="text/javascript">
    10    var host = {{.Host}}
    11    var events = {{.Events}}.reverse()
    12    var userTz = {{GetTimezone $.User}}
    13    var runningTask = {{.RunningTask}}
    14  </script>
    15  {{end}}
    16  
    17  {{define "title"}}
    18  Evergreen - Host {{.Host.Id}}
    19  {{end}}
    20  
    21  {{define "content"}}
    22  <div id="content" class="container-fluid" ng-controller="HostCtrl">
    23    {{template "flash" . }}
    24    <header class="clearfix">
    25    <div class="row">
    26      <div class="col-lg-12">
    27      <h1>
    28        <span class="label status-label" ng-class="getStatusLabel(host)" style="margin-right: 10px">
    29          [[host.status]]
    30        </span>
    31        Host:
    32        <strong>
    33          [[host.id]]
    34        </strong>
    35      </h1>
    36      {{if .User }}
    37        <div ng-controller="AdminOptionsCtrl" ng-init="setHost(host)" class="pull-right page-actions">
    38          <div id="admin-dropdown" class="dropdown pull-right">
    39            <a id="admin-options" class="btn btn-default" data-toggle="dropdown">
    40              <i class="fa fa-gear"></i>
    41              <i class="fa fa-caret-down"></i>
    42            </a>
    43  
    44            <ul class="dropdown-menu" role="menu">
    45              <li><a tabindex="-1" href="#" ng-click="openAdminModal('statusChange')">Update Status</a></li>
    46            </ul>
    47          </div>
    48          <admin-modal>
    49            <admin-update-status ng-if="adminOption=='statusChange'"></admin-update-status>
    50          </admin-modal>
    51        </div>
    52      {{end}}
    53        </div>
    54      </div>
    55    </header>
    56    <div class="row">
    57      <div class="col-lg-7 col-md-7">
    58        <div class="mci-pod">
    59          <div class="row">
    60            <div class="host-info col-lg-3 col-md-3 col-sm-3"><b>User</b> </div>
    61            <div class="host-info col-lg-9 col-md-9 col-sm-9">[[host.user]]</div>
    62          </div>
    63          <div class="row">
    64            <div class="host-info col-lg-3 col-md-3 col-sm-3"><b>Hostname</b> </div>
    65            <div class="host-info col-lg-9 col-md-9 col-sm-9">[[host.host]]</div>
    66          </div>
    67          <div class="row">
    68            <div class="host-info col-lg-3 col-md-3 col-sm-3" style="margin-top: 5px;"><b>SSH Command</b> </div>
    69            <div class="entry col-lg-9 col-md-9 col-sm-9" ng-show="!host.isTerminated && host.host.length > 0">
    70              <pre readonly>ssh [[host.user]]@[[host.host]]</pre>
    71            </div>
    72          </div>
    73          <div class="row" ng-show="host.last_reachability_check != 'N/A'">
    74            <div class="host-info col-lg-3 col-md-3 col-sm-3"><b>Last Reachability Check</b> </div>
    75            <div class="host-info col-lg-9 col-md-9 col-sm-9">[[host.last_reachability_check]]</div>
    76          </div>
    77        </div>
    78      </div>
    79      <div class="col-lg-5 col-md-5">
    80        <div class="mci-pod">
    81          <div class="row">
    82            <div class="host-info col-lg-4 col-md-4 col-sm-3"><b>Started By</b> </div>
    83            <div class="host-info col-lg-8 col-md-8 col-sm-9">[[host.started_by]]</div>
    84          </div>
    85          <div class="row">
    86            <div class="host-info col-lg-4 col-md-4 col-sm-3"><b>Cloud Provider</b> </div>
    87            <div class="host-info col-lg-8 col-md-8 col-sm-9">[[host.host_type]]</div>
    88          </div>
    89          <div class="row">
    90            <div class="host-info col-lg-4 col-md-4 col-sm-3"><b>Distro</b> </div>
    91            <a ng-href="/distros##[[host.distro._id]]">
    92              <div class="host-info col-lg-8 col-md-8 col-sm-9">[[host.distro._id]]</div>
    93            <a>
    94          </div>
    95        </div>
    96        </div>
    97    </div>
    98    <div class="row">
    99      <div class="col-lg-7 col-md-7" ng-show="(running_task && running_task.id) || host.elapsed != 'N/A' || host.uptime != 'N/A'">
   100        <div class="mci-pod">
   101          <div class="row" ng-show="running_task && running_task.id">
   102            <div class="host-info col-lg-3 col-md-3 col-sm-3"><b>Running Task</b> </div>
   103            <div class="host-info col-lg-9 col-md-9 col-sm-9">
   104            <a ng-href="/task/[[running_task.id]]"> [[running_task.display_name]]</a>
   105            <span class="muted">| [[running_task.branch]]</span>
   106          </div>
   107          </div>
   108          <div class="row" ng-show="host.elapsed != 'N/A'">
   109            <div class="host-info col-lg-3 col-md-3 col-sm-3"><b>Elapsed</b> </div>
   110            <div class="host-info col-lg-9 col-md-9 col-sm-9">[[host.elapsed]]</div>
   111          </div>
   112          <div class="row" ng-show="host.uptime != 'N/A'">
   113            <div class="host-info col-lg-3 col-md-3 col-sm-3"><b>Uptime</b> </div>
   114            <div class="host-info col-lg-9 col-md-9 col-sm-9">[[host.uptime]]</div>
   115          </div>
   116          <div class="row" ng-show="host.termination_time > 0">
   117            <div class="host-info col-lg-3 col-md-3 col-sm-3"><b>Terminated at</b></div>
   118            <div class="host-info col-lg-9 col-md-9 col-sm-9">[[host.termination_time | dateFromNanoseconds | convertDateToUserTimezone:userTz:"MMM D, YYYY h:mm:ss a"]]</div>
   119          </div>
   120        </div>
   121      </div>
   122    </div>
   123  
   124    <div class="mci-pod">
   125      <div>
   126        <span class="h3">Recent Events</span>
   127        &nbsp;<a ng-href="/event_log/host/[[host.id]]">view all</a>
   128      </div>
   129  
   130      <div>
   131        <div ng-repeat="event in events">
   132           <hostevent event="event" tz="userTz"></hostevent>
   133        </div>
   134      </div>
   135    </div>
   136  
   137  </div>
   138  {{end}}