1 <div id="freshdeskAccounts" class="page-layout simple left-sidenav inner-sidenav">
4 <div class="header md-accent-bg" layout="row" layout-align="space-between center">
7 <div layout="row" layout-align="start center">
8 <div class="logo" layout="row" layout-align="start center">
9 <span class="logo-icon">
10 <md-icon md-font-icon="icon-heart" class="s24"></md-icon>
12 <span class="logo-text" translate="INTEGRATIONS.FRESHDESKACCOUNTS">FreshdeskAccounts</span>
18 <div class="search-input-wrapper" layout="row" layout-align="start center">
20 <md-icon md-font-icon="icon-magnify"></md-icon>
22 <md-input-container md-no-float class="m-0">
23 <input id="search" placeholder="Search for anyone" type="text" ng-model="vm.query.filter" ng-model-options="{ debounce: 300 }" translate translate-attr-placeholder="INTEGRATIONS.SEARCH_FOR_ANYONE">
32 <div ng-show="vm.selectedFreshdeskAccounts.length > 0" class="selected-bar header animate-slide-down md-accent-bg" layout="row" layout-align="start center">
34 <div class="close-button-wrapper" ng-click="vm.selectedFreshdeskAccounts =[]">
35 <md-button layout="row" layout-align="start center">
36 <md-icon md-font-icon="icon-arrow-left" class="mr-8"></md-icon>
37 <span translate="INTEGRATIONS.BACK">Back</span>
41 <div flex layout="row" layout-align="space-between center">
44 <span class="selected-freshdeskAccounts-count">
45 <span>{{vm.selectedFreshdeskAccounts.length}}</span>
46 <span translate="INTEGRATIONS.SELECTED">selected</span>
49 <md-menu class="select-menu" ng-if="!vm.currentThread">
50 <md-button class="md-icon-button" ng-click="$mdOpenMenu($event)" aria-label="multi select toggle" translate translate-attr-aria-label="FRESHDESKACCOUNTS.MULTI_SELECT_TOGGLE">
51 <md-icon md-font-icon="icon-menu-down"></md-icon>
53 <md-menu-content width="3">
55 <md-button ng-click="vm.selectAllFreshdeskAccounts()" translate="INTEGRATIONS.SELECT_ALL">
60 <md-button ng-click="vm.deselectFreshdeskAccounts()" translate="INTEGRATIONS.SELECT_NONE">
68 <div class="multi-select-actions">
69 <button class="md-icon-button" ng-csv="vm.exportSelectedFreshdeskAccounts" filename="freshdeskAccounts.csv">
70 <md-icon md-font-icon="icon-download"></md-icon>
72 <md-button class="md-icon-button" ng-click="vm.deleteSelectedFreshdeskAccounts($event)" aria-label="delete selected" translate translate-attr-label="FRESHDESKACCOUNTS.DELETE_SELECTED">
73 <md-icon md-font-icon="icon-delete"></md-icon>
78 <!-- / SELECTED BAR -->
81 <div class="content" md-background-bg layout="row" layout-align="start start">
84 <div class="main scrollable" ms-scroll>
86 <!-- FRESHDESKACCOUNT TABLE -->
89 <table md-table md-row-select multiple ng-model="vm.selectedFreshdeskAccounts" md-progress="vm.promise">
90 <thead md-head md-order="vm.query.sort" md-on-reorder="vm.getFreshdeskAccounts">
92 <th md-column ng-if="vm.table == 'users' || vm.table == 'agents'" width="20px"></th>
93 <th md-column md-order-by="id">{{ 'INTEGRATIONS.ID' | translate }}</th>
94 <th md-column md-order-by="name">{{ 'INTEGRATIONS.NAME' | translate }}</th>
95 <th md-column md-order-by="username">{{ 'INTEGRATIONS.USERNAME' | translate }}</th>
96 <th md-column md-order-by="remoteUri">{{ 'INTEGRATIONS.URI' | translate }}</th>
97 <th md-column width="10px"></th>
101 <tr md-row ng-hide="vm.freshdeskAccounts.rows.length">
102 <td md-cell colspan="5">
103 <div layout="row" layout-align="center center">
104 <span tranlsate="INTEGRATIONS.NO_AVAILABLE_INFO">No Available Info</span>
108 <tr md-row md-select="freshdeskAccount" md-select-id="id" ng-repeat="freshdeskAccount in vm.freshdeskAccounts.rows">
109 <td md-cell ng-if="freshdeskAccount.userpic"><img class="avatar" alt="{{freshdeskAccount.name}}" ng-src="api/users/{{freshdeskAccount.id}}/avatar" /></td>
110 <td md-cell ng-if="!freshdeskAccount.userpic && (vm.table == 'users' || vm.table == 'agents')"><img class="avatar" alt="{{freshdeskAccount.name}}" ng-src="assets/images/avatars/profile.jpg" /></td>
111 <td ng-click="vm.createOrEditFreshdeskAccount($event, freshdeskAccount)" md-cell class="id ">{{freshdeskAccount.id}}</td>
112 <td ng-click="vm.createOrEditFreshdeskAccount($event, freshdeskAccount)" md-cell class="name ">{{freshdeskAccount.name}}</td>
113 <td ng-click="vm.createOrEditFreshdeskAccount($event, freshdeskAccount)" md-cell class="username ">{{freshdeskAccount.username}}</td>
114 <td ng-click="vm.createOrEditFreshdeskAccount($event, freshdeskAccount)" md-cell class="remoteUri ">{{freshdeskAccount.remoteUri}}</td>
115 <td md-cell class="actions">
117 <md-button class="md-icon-button" aria-label="More" translate translate-attr-aria-label="INTEGRATIONS.MORE">
118 <md-icon md-font-icon="icon-dots-vertical" ng-click="$mdOpenMenu($event)"></md-icon>
121 <md-menu-content width="3">
123 <md-button ng-click="vm.editstate(freshdeskAccount, $event)" translate="INTEGRATIONS.EDIT_FRESHDESKACCOUNT">
124 Edit FreshdeskAccount
128 <md-button ng-click="vm.deleteconfirm(freshdeskAccount, $event)" translate="INTEGRATIONS.DELETE_FRESHDESKACCOUNT">
129 Delete FreshdeskAccount
138 </md-table-container>
140 <md-table-pagination md-limit="vm.query.limit" md-limit-options="[10, 15, 20]" md-page="vm.query.page" md-total="{{vm.freshdeskAccounts.count}}" md-on-paginate="vm.getFreshdeskAccounts" md-page-select></md-table-pagination>
142 <!-- / FRESHDESKACCOUNT TABLE -->
145 <!-- / NO RESULTS -->
152 <!-- ADD FRESHDESKACCOUNT BUTTON -->
153 <md-button class="md-fab md-accent" id="add-freshdeskAccount-button" ng-click="vm.createOrEditFreshdeskAccount($event)" aria-label="add freshdeskAccount" translate translate-attr-aria-label="INTEGRATIONS.ADD_FRESHDESKACCOUNT">
154 <md-icon md-font-icon="icon-plus"></md-icon>
156 <!-- / ADD FRESHDESKACCOUNT BUTTON -->