public/templates/main/apps/sms/views/smsAccounts/smsAccounts.html/smsAccounts.html

   1 <div
   2   id="smsAccounts"
   3   class="page-layout simple left-sidenav inner-sidenav motion-list"
   4 >
   5   <!-- HEADER -->
   6   <div
   7     class="header md-accent-bg"
   8     layout="row"
   9     layout-align="space-between center"
  10   >
  11     <!-- APP TITLE -->
  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-message-text" class="s24"></md-icon>
  16         </span>
  17         <span class="logo-text" translate="SMS.SMSACCOUNTS">SmsAccounts</span>
  18       </div>
  19     </div>
  20     <!-- / APP TITLE -->
  21
  22     <div layout="row">
  23       <!-- SEARCH -->
  24       <div
  25         class="search-input-wrapper"
  26         layout="row"
  27         layout-align="start center"
  28       >
  29         <label for="search">
  30           <md-icon md-font-icon="icon-magnify"></md-icon>
  31         </label>
  32         <md-input-container md-no-float class="m-0">
  33           <input
  34             id="search"
  35             placeholder="Search for anyone"
  36             type="text"
  37             ng-model="vm.query.filter"
  38             ng-model-options="{ debounce: 1000 }"
  39             translate
  40             translate-attr-placeholder="APP.SEARCH_FOR_ANYONE"
  41           />
  42         </md-input-container>
  43       </div>
  44       <!-- / SEARCH -->
  45     </div>
  46   </div>
  47   <!-- / HEADER -->
  48
  49   <!-- SELECTED BAR -->
  50   <div
  51     ng-show="vm.selectedSmsAccounts.length > 0"
  52     class="selected-bar header animate-slide-down md-accent-bg"
  53     layout="row"
  54     layout-align="start center"
  55   >
  56     <div class="close-button-wrapper" ng-click="vm.selectedSmsAccounts =[]">
  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="APP.BACK">Back</span>
  60       </md-button>
  61     </div>
  62
  63     <div flex layout="row" layout-align="space-between center">
  64       <div>
  65         <span class="selected-smsAccounts-count">
  66           <span>{{vm.selectedSmsAccounts.length}}</span>
  67           <span translate="APP.SELECTED">selected</span>
  68         </span>
  69
  70         <md-menu class="select-menu" ng-if="!vm.currentThread">
  71           <md-button
  72             class="md-icon-button"
  73             ng-click="$mdMenu.open($event)"
  74             aria-label="multi select toggle"
  75             translate
  76             translate-attr-aria-label="SMS.MULTI_SELECT_TOGGLE"
  77           >
  78             <md-icon md-font-icon="icon-menu-down"></md-icon>
  79           </md-button>
  80           <md-menu-content width="3">
  81             <md-menu-item>
  82               <md-button
  83                 ng-click="vm.selectAllSmsAccounts()"
  84                 translate="APP.SELECT_ALL"
  85               >
  86                 Select all
  87               </md-button>
  88             </md-menu-item>
  89             <md-menu-item>
  90               <md-button
  91                 ng-click="vm.deselectSmsAccounts()"
  92                 translate="APP.SELECT_NONE"
  93               >
  94                 Select none
  95               </md-button>
  96             </md-menu-item>
  97           </md-menu-content>
  98         </md-menu>
  99       </div>
 100
 101       <div class="multi-select-actions">
 102         <button
 103           class="md-icon-button"
 104           ng-csv="vm.exportSelectedSmsAccounts"
 105           csv-label="true"
 106           filename="smsAccounts.csv"
 107         >
 108           <md-icon md-font-icon="icon-file-excel"></md-icon>
 109         </button>
 110         <md-button
 111           class="md-icon-button"
 112           ng-if="vm.crudPermissions.canDelete"
 113           ng-click="vm.deleteSelectedSmsAccounts($event)"
 114           aria-label="delete selected"
 115           translate
 116           translate-attr-label="APP.DELETE_SELECTED"
 117         >
 118           <md-icon md-font-icon="icon-delete"></md-icon>
 119         </md-button>
 120       </div>
 121     </div>
 122   </div>
 123   <!-- / SELECTED BAR -->
 124
 125   <!-- CONTENT -->
 126   <div class="content" md-background-bg layout="row" layout-align="start start">
 127     <!-- MAIN -->
 128     <div class="main scrollable" ms-scroll>
 129       <!-- SMSACCOUNT TABLE -->
 130       <md-card>
 131         <md-table-container>
 132           <table
 133             md-table
 134             md-row-select
 135             multiple
 136             ng-model="vm.selectedSmsAccounts"
 137             md-progress="vm.promise"
 138           >
 139             <thead
 140               md-head
 141               md-order="vm.query.sort"
 142               md-on-reorder="vm.getSmsAccounts"
 143             >
 144               <tr md-row>
 145                 <th
 146                   md-column
 147                   ng-if="vm.table == 'users' || vm.table == 'agents'"
 148                   width="20px"
 149                 ></th>
 150                 <th md-column md-order-by="id">{{ 'APP.ID' | translate }}</th>
 151                 <th md-column md-order-by="name">
 152                   {{ 'APP.NAME' | translate }}
 153                 </th>
 154                 <th md-column md-order-by="key">{{ 'APP.KEY' | translate }}</th>
 155                 <th md-column md-order-by="ListId">
 156                   {{ 'APP.LIST' | translate }}
 157                 </th>
 158                 <th md-column md-order-by="type">
 159                   {{ 'APP.TYPE' | translate }}
 160                 </th>
 161                 <th md-column md-order-by="phone">
 162                   {{ 'APP.PHONE' | translate }}
 163                 </th>
 164                 <th md-column md-order-by="description">
 165                   {{ 'APP.DESCRIPTION' | translate }}
 166                 </th>
 167                 <th md-column width="10px"></th>
 168               </tr>
 169             </thead>
 170             <tbody md-body>
 171               <tr md-row ng-hide="vm.smsAccounts.rows.length">
 172                 <td md-cell colspan="8">
 173                   <div layout="row" layout-align="center center">
 174                     <span translate="APP.NO_AVAILABLE_INFO"
 175                       >No Available Info</span
 176                     >
 177                   </div>
 178                 </td>
 179               </tr>
 180               <tr
 181                 md-row
 182                 md-select="smsAccount"
 183                 md-select-id="id"
 184                 ng-repeat="smsAccount in vm.smsAccounts.rows"
 185               >
 186                 <td md-cell ng-if="smsAccount.userpic">
 187                   <img
 188                     class="avatar"
 189                     alt="{{smsAccount.name}}"
 190                     ng-src="{{vm.baseUrl}}api/users/{{smsAccount.id}}/avatar"
 191                   />
 192                 </td>
 193                 <td
 194                   md-cell
 195                   ng-if="!smsAccount.userpic && (vm.table == 'users' || vm.table == 'agents')"
 196                 >
 197                   <img
 198                     class="avatar"
 199                     alt="{{smsAccount.name}}"
 200                     ng-src="assets/images/avatars/profile.png"
 201                   />
 202                 </td>
 203                 <td
 204                   ng-click="vm.crudPermissions.readOnly || (vm.crudPermissions.canDelete && !vm.crudPermissions.canEdit) ? vm.editstate(smsAccount, ev) : vm.createOrEditSmsAccount($event, smsAccount)"
 205                   md-cell
 206                   class="id"
 207                 >
 208                   {{smsAccount.id}}
 209                 </td>
 210                 <td
 211                   ng-click="vm.crudPermissions.readOnly || (vm.crudPermissions.canDelete && !vm.crudPermissions.canEdit) ? vm.editstate(smsAccount, ev) : vm.createOrEditSmsAccount($event, smsAccount)"
 212                   md-cell
 213                   class="name"
 214                 >
 215                   {{smsAccount.name}}
 216                 </td>
 217                 <td
 218                   ng-click="vm.crudPermissions.readOnly || (vm.crudPermissions.canDelete && !vm.crudPermissions.canEdit) ? vm.editstate(smsAccount, ev) : vm.createOrEditSmsAccount($event, smsAccount)"
 219                   md-cell
 220                   class="key"
 221                 >
 222                   {{smsAccount.key}}
 223                 </td>
 224                 <td
 225                   ng-click="vm.crudPermissions.readOnly || (vm.crudPermissions.canDelete && !vm.crudPermissions.canEdit) ? vm.editstate(smsAccount, ev) : vm.createOrEditSmsAccount($event, smsAccount)"
 226                   md-cell
 227                   class="ListId"
 228                 >
 229                   {{ (vm.lists | filter : {'id':smsAccount.ListId} :
 230                   true)[0].name }}
 231                 </td>
 232                 <td
 233                   ng-click="vm.crudPermissions.readOnly || (vm.crudPermissions.canDelete && !vm.crudPermissions.canEdit) ? vm.editstate(smsAccount, ev) : vm.createOrEditSmsAccount($event, smsAccount)"
 234                   md-cell
 235                   class="type"
 236                 >
 237                   {{ vm.arraytype[smsAccount.type].option }}
 238                 </td>
 239                 <td
 240                   ng-click="vm.crudPermissions.readOnly || (vm.crudPermissions.canDelete && !vm.crudPermissions.canEdit) ? vm.editstate(smsAccount, ev) : vm.createOrEditSmsAccount($event, smsAccount)"
 241                   md-cell
 242                   class="phone"
 243                 >
 244                   {{smsAccount.phone}}
 245                 </td>
 246                 <td
 247                   ng-click="vm.crudPermissions.readOnly || (vm.crudPermissions.canDelete && !vm.crudPermissions.canEdit) ? vm.editstate(smsAccount, ev) : vm.createOrEditSmsAccount($event, smsAccount)"
 248                   md-cell
 249                   class="description"
 250                 >
 251                   {{smsAccount.description}}
 252                 </td>
 253
 254                 <td md-cell class="actions">
 255                   <md-menu>
 256                     <md-button
 257                       class="md-icon-button"
 258                       aria-label="More"
 259                       translate
 260                       translate-attr-aria-label="APP.MORE"
 261                       ng-click="$mdMenu.open($event)"
 262                     >
 263                       <md-icon md-font-icon="icon-dots-vertical"></md-icon>
 264                     </md-button>
 265
 266                     <md-menu-content width="3">
 267                       <!-- SUBACTIONS -->
 268
 269                       <!-- ACTIONS -->
 270
 271                       <md-menu-item ng-if="vm.crudPermissions.canEdit">
 272                         <md-button
 273                           ng-click="vm.editstate(smsAccount, $event    )"
 274                           translate="SMS.EDIT_SMSACCOUNT"
 275                         >
 276                           Edit SmsAccount
 277                         </md-button>
 278                       </md-menu-item>
 279
 280                       <!-- SUBACTIONS -->
 281
 282                       <!-- ACTIONS -->
 283
 284                       <md-menu-item>
 285                         <md-button
 286                           ng-click="vm.interactionsgoto(smsAccount, $event    )"
 287                           translate="SMS.INTERACTIONS_SMSACCOUNT"
 288                         >
 289                           Interactions SmsAccount
 290                         </md-button>
 291                       </md-menu-item>
 292
 293                       <!-- SUBACTIONS -->
 294
 295                       <!-- ACTIONS -->
 296
 297                       <md-menu-item>
 298                         <md-button
 299                           ng-click="vm.agentadddialog(smsAccount, $event    )"
 300                           translate="SMS.AGENTADD_SMSACCOUNT"
 301                         >
 302                           AgentAdd SmsAccount
 303                         </md-button>
 304                       </md-menu-item>
 305
 306                       <!-- SUBACTIONS -->
 307
 308                       <!-- ACTIONS -->
 309
 310                       <md-menu-item ng-if="vm.crudPermissions.canDelete">
 311                         <md-button
 312                           ng-click="vm.deleteconfirm(smsAccount, $event    )"
 313                           translate="SMS.DELETE_SMSACCOUNT"
 314                         >
 315                           Delete SmsAccount
 316                         </md-button>
 317                       </md-menu-item>
 318                     </md-menu-content>
 319                   </md-menu>
 320                 </td>
 321               </tr>
 322             </tbody>
 323           </table>
 324         </md-table-container>
 325
 326         <md-table-pagination
 327           md-label="{page: '{{'SMS.PAGE' | translate}}:', rowsPerPage: '{{'SMS.ROWSPERPAGE' | translate}}:', of: '{{'SMS.OF' | translate}}'}"
 328           md-limit="vm.query.limit"
 329           md-limit-options="[10, 15, 20, 50, 100, 250]"
 330           md-page="vm.query.page"
 331           md-total="{{vm.smsAccounts.count}}"
 332           md-on-paginate="vm.getSmsAccounts"
 333           md-page-select
 334         ></md-table-pagination>
 335       </md-card>
 336       <!-- / SMSACCOUNT TABLE -->
 337       <!-- NO RESULTS -->
 338
 339       <!-- / NO RESULTS -->
 340     </div>
 341     <!-- / MAIN -->
 342   </div>
 343   <!-- / CONTENT -->
 344
 345   <!-- ADD SMSACCOUNT BUTTON -->
 346   <md-button
 347     ng-if="vm.crudPermissions.canEdit"
 348     class="md-fab md-accent add-item-button"
 349     id="add-smsAccount-button"
 350     ng-click="vm.createOrEditSmsAccount($event)"
 351     aria-label="add smsAccount"
 352     translate
 353     translate-attr-aria-label="SMS.ADD_SMSACCOUNT"
 354   >
 355     <md-icon md-font-icon="icon-plus"></md-icon>
 356   </md-button>
 357   <!-- / ADD SMSACCOUNT BUTTON -->
 358 </div>