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

     1  <div id="remove-modal" class="ui small modal transition">
     2  <i class="close icon"></i>
     3  <div class="header">
     4      Remove Account: {{ vm.selectedAccount.username }}
     5  </div>
     6  <div class="content">
     7      <p>Are you sure you want to remove this account?</p>
     8  </div>
     9  <div class="actions">
    10      <div class="ui negative button">
    11          No
    12      </div>
    13      <div ng-click="vm.removeAccount()" 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.addAccount" class="ui small green labeled icon button">
    27                  <i class="plus icon"></i> Add Account 
    28              </div>
    29          </div>
    30          <div class="right aligned right floated column">
    31              <div class="ui small icon input">
    32                  <input ng-model="tableFilter" placeholder="Search accounts..." reset-field/>
    33              </div>
    34          </div>
    35      </div>
    36  
    37      <div class="row" ng-show="vm.accounts.length === 0">
    38          <div class="column">
    39              <div class="ui icon message">
    40                  <i class="info icon"></i>
    41                  <div class="content">
    42                      <div class="header">
    43                          Accounts
    44                      </div>
    45                      <p>There are no accounts.</p>
    46                  </div>
    47              </div>
    48          </div>
    49      </div>
    50  
    51      <div class="row" ng-show="filteredAccounts.length>0">
    52          <div class="column">
    53              <table class="ui sortable celled table" ng-show="vm.accounts">
    54                  <thead>
    55                      <tr>
    56                          <th>Username</th>
    57                          <th>First Name</th>
    58                          <th>Last Name</th>
    59                          <th>Roles</th>
    60                          <th></th>
    61                      </tr>
    62                  </thead>
    63                  <tbody>
    64                      <tr ng-repeat="a in filteredAccounts = (vm.accounts | filter:tableFilter)">
    65                          <td>{{a.username}}</td>
    66                          <td>{{a.first_name}}</td>
    67                          <td>{{a.last_name}}</td>
    68                          <td><div ng-repeat="r in a.roles" class="ui horizontal label">{{r|roleDisplay}}</div></td>
    69                          <td class="collapsing">
    70                              <div ui-sref="dashboard.editAccount({username: a.username})" class="compact ui icon button">
    71                                  <i class="search icon"></i>
    72                              </div>
    73                              <div ng-click="vm.showRemoveAccountDialog(a)" class="compact ui icon button red">
    74                                  <i class="trash icon"></i>
    75                              </div>
    76                          </td>
    77                      </tr>
    78                  </tbody>
    79              </table>
    80          </div>
    81      </div>
    82  
    83      <div class="row" ng-show="vm.accounts.length > 0 && filteredAccounts.length === 0">
    84          <div class="column">
    85              <div class="ui icon message">
    86                  <i class="info icon"></i>
    87                  <div class="content">
    88                      <div class="header">
    89                          Accounts
    90                      </div>
    91                      <p>No accounts matched your filter query</p>
    92                  </div>
    93              </div>
    94          </div>
    95      </div>
    96  </div>
    97  
    98  <script>
    99  $('.ui.sortable.celled.table').tablesort();
   100  </script>