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

     1  <div class="ui small remove modal transition" style="margin-top: -98px;">
     2  <i class="close icon"></i>
     3  <div class="header">
     4      Remove Registry: {{ vm.selectedRegistry.name }}
     5  </div>
     6  <div class="content">
     7      <p>Are you sure you want to remove this registry?</p>
     8  </div>
     9  <div class="actions">
    10      <div class="ui negative button">
    11          No
    12      </div>
    13      <div ng-click="vm.removeRegistry()" class="ui positive right labeled icon button">
    14          Yes
    15          <i class="checkmark icon"></i>
    16      </div>
    17  </div>
    18  </div>
    19  
    20  <div class="ui padded grid">
    21      <div class="two column row">
    22          <div class="left floated column">
    23              <div ng-click="vm.refresh()" class="ui small blue labeled icon button">
    24                  <i class="refresh icon"></i> Refresh 
    25              </div>
    26              <div ui-sref="dashboard.addRegistry" class="ui small green labeled icon button">
    27                  <i class="plus icon"></i> Add Registry 
    28              </div>
    29          </div>
    30  
    31          <div class="right aligned right floated column">
    32              <div class="ui small icon input">
    33                  <input ng-model="tableFilter" placeholder="Search registries..." reset-field/>
    34              </div>
    35          </div>
    36      </div>
    37  
    38      <div class="row" ng-show="vm.registries.length === 0">
    39          <div class="column">
    40              <div class="ui icon message">
    41                  <i class="info icon"></i>
    42                  <div class="content">
    43                      <div class="header">
    44                          Registries
    45                      </div>
    46                      <p>There are no registries.</p>
    47                  </div>
    48              </div>
    49          </div>
    50      </div>
    51  
    52      <div class="row" ng-hide="filteredRegistries.length === 0">
    53          <div class="column">
    54              <table class="ui sortable celled table">
    55                  <thead ng-hide="">
    56                      <tr>
    57                          <th>Name</th>
    58                          <th>Address</th>
    59                          <th></th>
    60                      </tr>
    61                  </thead>
    62                  <tbody>
    63                      <tr ng-repeat="r in filteredRegistries = (vm.registries | filter:tableFilter)">
    64                          <td>{{r.name}}</td>
    65                          <td>{{r.addr}}</td>
    66                          <td class="collapsing">
    67                              <div ui-sref="dashboard.inspectRegistry(r)" class="compact ui icon button">
    68                                  <i class="search icon"></i>
    69                              </div>
    70                              <div ng-click="vm.showRemoveRegistryDialog(r)" class="compact ui icon button red">
    71                                  <i class="trash icon"></i>
    72                              </div>
    73                          </td>
    74                      </tr>
    75                  </tbody>
    76              </table>
    77          </div>
    78      </div>
    79  
    80      <div class="row" ng-show="vm.registries.length > 0 && filteredContainers.length === 0">
    81          <div class="column">
    82              <div class="ui icon message">
    83                  <i class="info icon"></i>
    84                  <div class="content">
    85                      <div class="header">
    86                          Registries
    87                      </div>
    88                      <p>No registries matched your filter query</p>
    89                  </div>
    90              </div>
    91          </div>
    92      </div>
    93  </div>
    94  
    95  <script>
    96  $('.ui.sortable.celled.table').tablesort();
    97  </script>