github.com/justinjmoses/evergreen@v0.0.0-20170530173719-1d50e381ff0d/service/templates/hosts.html (about)

     1  {{define "scripts"}}
     2  <script type="text/javascript" src="{{Static "js" "tablesorter.js"}}"></script>
     3  <script type="text/javascript" src="{{Static "js" "hosts.js"}}?hash={{ StaticsMD5 }}"></script>
     4  {{if .User }}
     5  <script type="text/javascript" src="{{Static "js" "hosts_admin.js"}}?hash={{ StaticsMD5 }}"></script>
     6  {{end}}
     7  <script type="text/javascript">
     8    window.hosts = {{ .Hosts }};
     9  </script>
    10  {{end}}
    11  
    12  {{define "title"}}
    13  Evergreen - Hosts
    14  {{end}}
    15  
    16  {{define "content"}}
    17  <div id="content" class="container-fluid" ng-controller="HostsCtrl">
    18    {{template "flash" . }}
    19    <header class="clearfix">
    20      <h1>Evergreen Hosts <span><small>(Showing [[filteredHosts.length]])</small></span></h1>
    21  
    22      <!-- the filter inputs -->
    23      <form class="form-inline header-form" role="form">
    24        <div class="form-group">
    25          <input class="form-control input-sm" type="text" ng-keyup="clearSelectAll()" ng-model="filter.hosts" placeholder="Filter hosts..." />
    26        </div>
    27  
    28        <div class="checkbox">
    29          <label>
    30            <input type="checkbox" {{if .IncludeSpawnedHosts}}checked{{end}}
    31                   ng-click="toggleIncludeSpawnedHosts({{if .IncludeSpawnedHosts}}false{{else}}true{{end}});"> Show user spawned hosts
    32          </label>
    33        </div>
    34      </form>
    35  
    36  
    37      {{if .User }}
    38        <div ng-controller="AdminOptionsCtrl" class="pull-right page-actions">
    39          <div id="admin-dropdown" class="dropdown pull-right">
    40            <a id="admin-options" class="btn btn-default" data-toggle="dropdown">
    41              <i class="fa fa-gear"></i>
    42              <i class="fa fa-caret-down"></i>
    43            </a>
    44  
    45            <ul class="dropdown-menu" role="menu">
    46              <li><a tabindex="-1" href="#" ng-click="openAdminModal('statusChange')">Update Status</a></li>
    47            </ul>
    48          </div>
    49          <admin-modal>
    50            <admin-update-status ng-if="adminOption=='statusChange'"></admin-update-status>
    51          </admin-modal>
    52        </div>
    53      {{end}}
    54    </header>
    55  
    56    <table id="hosts-table" class="table table-new table-hover">
    57      <thead>
    58        <tr>
    59          {{if .User}}
    60          <th class="hosts-select-all">
    61              <label>
    62                  <input style="margin-left: 0.95em" type="checkbox" ng-checked="selectAll" ng-click="toggleSelectAll()"/> Select All &nbsp
    63              </label>
    64          </th>
    65          {{end}}
    66          <th ng-repeat="headerField in headerFields" ng-click="setSelectedHeader(headerField)">
    67            [[headerField.name]] <i class="fa" ng-class="selectedClass(headerField)" style="margin-left:2px;"></i>
    68          </th>
    69        </tr>
    70      </thead>
    71      <tbody>
    72        <tr ng-repeat="host in filteredHosts = (hosts | filter:filter.hosts | orderBy:selectedHeader.by:selectedHeader.order)" class="host-row">
    73          {{if .User}}
    74            <td>
    75              &nbsp;&nbsp;
    76              <input type="checkbox" ng-checked="host.checked" ng-click="toggleHostCheck(host)"/>&nbsp;&nbsp;
    77            </td>
    78          {{end}}
    79          <td>
    80            <div class="host-type-icon">
    81              <img ng-src="/static/img/[[host.host_type]].png" class="pull-right" width="32" height="32" title="[[host.host_type]]" alt="">
    82            </div>
    83            <span ng-switch="host.host">
    84              <span ng-switch-when="">
    85                <a ng-href="/host/[[host.id]]" target="_blank" class="pull-left">[[host.id]]</a>
    86              </span>
    87              <span ng-switch-default>
    88                <a ng-href="/host/[[host.id]]" target="_blank" class="pull-left">[[host.host]]</a>
    89              </span>
    90            </span>
    91          </td>
    92          <td>[[host.distro._id]]</td>
    93          <td>[[host.status]]</td>
    94          <td>
    95            <span ng-show="host.running_task">
    96              <a ng-href="/task/[[host.running_task.id]]" target="_blank">[[host.running_task.display_name]]</a>
    97              <div class="muted" style="font-size: 10px">[[host.running_task.branch]]</div>
    98            </span>
    99          </td>
   100          <td>[[host.elapsed]]</td>
   101          <td>[[host.uptime]]</td>
   102          <td>[[host.started_by]]</td>
   103        </tr>
   104      </tbody>
   105    </table>
   106  
   107    <p class="text-center" ng-show="hosts.length==0">No Hosts</p>
   108  </div>
   109  {{end}}