3 class="page-layout simple left-sidenav inner-sidenav motion-list"
7 class="header md-accent-bg"
9 layout-align="space-between center"
12 <div layout="row" layout-align="start center">
13 <div class="logo" layout="row" layout-align="start center">
14 <span class="logo-icon">
15 <md-icon md-font-icon="icon-cog" class="s24"></md-icon>
17 <span class="logo-text" translate="SETTINGS.NETWORKS">Networks</span>
25 class="search-input-wrapper"
27 layout-align="start center"
30 <md-icon md-font-icon="icon-magnify"></md-icon>
32 <md-input-container md-no-float class="m-0">
35 placeholder="Search for anyone"
37 ng-model="vm.query.filter"
38 ng-model-options="{ debounce: 1000 }"
40 translate-attr-placeholder="SETTINGS.SEARCH_FOR_ANYONE"
51 ng-show="vm.selectedNetworks.length > 0"
52 class="selected-bar header animate-slide-down md-accent-bg"
54 layout-align="start center"
56 <div class="close-button-wrapper" ng-click="vm.selectedNetworks =[]">
57 <md-button layout="row" layout-align="start center">
58 <md-icon md-font-icon="icon-arrow-left" class="mr-8"></md-icon>
59 <span translate="SETTINGS.BACK">Back</span>
63 <div flex layout="row" layout-align="space-between center">
65 <span class="selected-networks-count">
66 <span>{{vm.selectedNetworks.length}}</span>
67 <span translate="SETTINGS.SELECTED">selected</span>
70 <md-menu class="select-menu" ng-if="!vm.currentThread">
72 class="md-icon-button"
73 ng-click="$mdMenu.open($event)"
74 aria-label="multi select toggle"
76 translate-attr-aria-label="SETTINGS.MULTI_SELECT_TOGGLE"
78 <md-icon md-font-icon="icon-menu-down"></md-icon>
80 <md-menu-content width="3">
83 ng-click="vm.selectAllNetworks()"
84 translate="SETTINGS.SELECT_ALL"
91 ng-click="vm.deselectNetworks()"
92 translate="SETTINGS.SELECT_NONE"
101 <div class="multi-select-actions">
103 class="md-icon-button"
104 ng-csv="vm.exportSelectedNetworks"
106 filename="networks.csv"
108 <md-icon md-font-icon="icon-file-excel"></md-icon>
111 class="md-icon-button"
112 ng-click="vm.deleteSelectedNetworks($event)"
113 aria-label="delete selected"
115 translate-attr-label="SETTINGS.DELETE_SELECTED"
117 <md-icon md-font-icon="icon-delete"></md-icon>
122 <!-- / SELECTED BAR -->
125 <div class="content" md-background-bg layout="row" layout-align="start start">
127 <div class="main scrollable" ms-scroll>
128 <!-- NETWORK TABLE -->
135 ng-model="vm.selectedNetworks"
136 md-progress="vm.promise"
140 md-order="vm.query.sort"
141 md-on-reorder="vm.getNetworks"
146 ng-if="vm.table == 'users' || vm.table == 'agents'"
149 <th md-column md-order-by="id">
150 {{ 'SETTINGS.ID' | translate }}
152 <th md-column md-order-by="type">
153 {{ 'SETTINGS.TYPE' | translate }}
155 <th md-column md-order-by="value">
156 {{ 'SETTINGS.ADDRESS' | translate }}
158 <th md-column md-order-by="createdAt">
159 {{ 'SETTINGS.CREATED_AT' | translate }}
161 <th md-column width="10px"></th>
165 <tr md-row ng-hide="vm.networks.rows.length">
166 <td md-cell colspan="5">
167 <div layout="row" layout-align="center center">
168 <span translate="SETTINGS.NO_AVAILABLE_INFO"
169 >No Available Info</span
178 ng-repeat="network in vm.networks.rows"
180 <td md-cell ng-if="network.userpic">
183 alt="{{network.name}}"
184 ng-src="api/users/{{network.id}}/avatar"
189 ng-if="!network.userpic && (vm.table == 'users' || vm.table == 'agents')"
193 alt="{{network.name}}"
194 ng-src="assets/images/avatars/profile.png"
198 ng-click="vm.createOrEditNetwork($event, network)"
205 ng-click="vm.createOrEditNetwork($event, network)"
209 {{ vm.arraytype[network.type].option }}
212 ng-click="vm.createOrEditNetwork($event, network)"
219 ng-click="vm.createOrEditNetwork($event, network)"
223 {{network.createdAt | date:'medium' }}
226 <td md-cell class="actions">
229 class="md-icon-button"
232 translate-attr-aria-label="SETTINGS.MORE"
233 ng-click="$mdMenu.open($event)"
235 <md-icon md-font-icon="icon-dots-vertical"></md-icon>
238 <md-menu-content width="3">
245 ng-click="vm.editdialog(network, $event )"
246 translate="SETTINGS.EDIT_NETWORK"
258 ng-click="vm.deleteconfirm(network, $event )"
259 translate="SETTINGS.DELETE_NETWORK"
270 </md-table-container>
273 md-label="{page: '{{'SETTINGS.PAGE' | translate}}:', rowsPerPage: '{{'SETTINGS.ROWSPERPAGE' | translate}}:', of: '{{'SETTINGS.OF' | translate}}'}"
274 md-limit="vm.query.limit"
275 md-limit-options="[10, 15, 20, 50, 100, 250]"
276 md-page="vm.query.page"
277 md-total="{{vm.networks.count}}"
278 md-on-paginate="vm.getNetworks"
280 ></md-table-pagination>
282 <!-- / NETWORK TABLE -->
285 <!-- / NO RESULTS -->
291 <!-- ADD NETWORK BUTTON -->
293 class="md-fab md-accent add-item-button"
294 id="add-network-button"
295 ng-click="vm.createOrEditNetwork($event)"
296 aria-label="add network"
298 translate-attr-aria-label="SETTINGS.ADD_NETWORK"
300 <md-icon md-font-icon="icon-plus"></md-icon>
302 <!-- / ADD NETWORK BUTTON -->