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>