github.com/fanux/shipyard@v0.0.0-20161009071005-6515ce223235/controller/static/app/nodes/nodes.html (about)

     1  <div class="ui padded grid">
     2  <div class="two column row">
     3      <div class="left floated column">
     4          <div ng-click="vm.refresh()" class="ui small blue labeled icon button">
     5              <i class="refresh icon"></i> Refresh
     6          </div>
     7      </div>
     8      <div class="right aligned right floated column">
     9          <div class="ui small icon input">
    10              <input ng-model="tableFilter" placeholder="Search nodes..." reset-field/>
    11          </div>
    12      </div>
    13  </div>
    14  
    15  <div class="row" ng-show="vm.error">
    16      <div class="sixteen wide column">
    17          <div class="ui error message">
    18              <div class="header">Error...</div>
    19              <p>{{vm.error}}</p>
    20          </div>
    21      </div>
    22  </div>
    23  
    24  <div class="row" ng-show="vm.nodes.length === 0">
    25      <div class="column">
    26          <div class="ui icon message">
    27              <i class="info icon"></i>
    28              <div class="content">
    29                  <div class="header">
    30                      Nodes
    31                  </div>
    32                  <p>There are no cluster nodes.</p>
    33              </div>
    34          </div>
    35      </div>
    36  </div>
    37  
    38  <div class="row" ng-show="filteredNodes.length>0">
    39      <div class="column">
    40          <table class="ui sortable celled table" ng-show="vm.nodes">
    41              <thead>
    42                  <tr>
    43                      <th>Name</th>
    44                      <th>Address</th>
    45                      <th>Containers</th>
    46                      <th>Reserved CPUs</th>
    47                      <th>Reserved Memory</th>
    48                      <th>Labels</th>
    49                  </tr>
    50              </thead>
    51              <tbody>
    52                  <tr ng-repeat="n in filteredNodes = (vm.nodes | filter:tableFilter)">
    53                      <td>{{n.name}}</td>
    54                      <td>{{n.addr}}</td>
    55                      <td>{{n.containers}}</td>
    56                      <td>{{n.reserved_cpus}}</td>
    57                      <td>{{n.reserved_memory}}</td>
    58                      <td>{{n.labels.join(', ')}}</td>
    59                  </tr>
    60              </tbody>
    61          </table>
    62      </div>
    63  </div>
    64  
    65  <div class="row" ng-show="vm.nodes.length > 0 && filteredNodes.length === 0">
    66      <div class="column">
    67          <div class="ui icon message">
    68              <i class="info icon"></i>
    69              <div class="content">
    70                  <div class="header">
    71                      Nodes
    72                  </div>
    73                  <p>No nodes matched your filter query</p>
    74              </div>
    75          </div>
    76      </div>
    77  </div>
    78  </div>
    79  
    80  <script>
    81  $('.ui.sortable.celled.table').tablesort();
    82  </script>