--- /dev/null
+<div
+ id="mailAccounts"
+ class="page-layout simple left-sidenav inner-sidenav motion-list"
+>
+ <!-- HEADER -->
+ <div
+ class="header md-accent-bg"
+ layout="row"
+ layout-align="space-between center"
+ >
+ <!-- APP TITLE -->
+ <div layout="row" layout-align="start center">
+ <div class="logo" layout="row" layout-align="start center">
+ <span class="logo-icon">
+ <md-icon md-font-icon="icon-email" class="s24"></md-icon>
+ </span>
+ <span class="logo-text" translate="MAIL.MAILACCOUNTS"
+ >MailAccounts</span
+ >
+ </div>
+ </div>
+ <!-- / APP TITLE -->
+
+ <div layout="row">
+ <!-- SEARCH -->
+ <div
+ class="search-input-wrapper"
+ layout="row"
+ layout-align="start center"
+ >
+ <label for="search">
+ <md-icon md-font-icon="icon-magnify"></md-icon>
+ </label>
+ <md-input-container md-no-float class="m-0">
+ <input
+ id="search"
+ placeholder="Search for anyone"
+ type="text"
+ ng-model="vm.query.filter"
+ ng-model-options="{ debounce: 1000 }"
+ translate
+ translate-attr-placeholder="APP.SEARCH_FOR_ANYONE"
+ />
+ </md-input-container>
+ </div>
+ <!-- / SEARCH -->
+ </div>
+ </div>
+ <!-- / HEADER -->
+
+ <!-- SELECTED BAR -->
+ <div
+ ng-show="vm.selectedMailAccounts.length > 0"
+ class="selected-bar header animate-slide-down md-accent-bg"
+ layout="row"
+ layout-align="start center"
+ >
+ <div class="close-button-wrapper" ng-click="vm.selectedMailAccounts =[]">
+ <md-button layout="row" layout-align="start center">
+ <md-icon md-font-icon="icon-arrow-left" class="mr-8"></md-icon>
+ <span translate="APP.BACK">Back</span>
+ </md-button>
+ </div>
+
+ <div flex layout="row" layout-align="space-between center">
+ <div>
+ <span class="selected-mailAccounts-count">
+ <span>{{vm.selectedMailAccounts.length}}</span>
+ <span translate="APP.SELECTED">selected</span>
+ </span>
+
+ <md-menu class="select-menu" ng-if="!vm.currentThread">
+ <md-button
+ class="md-icon-button"
+ ng-click="$mdMenu.open($event)"
+ aria-label="multi select toggle"
+ translate
+ translate-attr-aria-label="MAIL.MULTI_SELECT_TOGGLE"
+ >
+ <md-icon md-font-icon="icon-menu-down"></md-icon>
+ </md-button>
+ <md-menu-content width="3">
+ <md-menu-item>
+ <md-button
+ ng-click="vm.selectAllMailAccounts()"
+ translate="APP.SELECT_ALL"
+ >
+ Select all
+ </md-button>
+ </md-menu-item>
+ <md-menu-item>
+ <md-button
+ ng-click="vm.deselectMailAccounts()"
+ translate="APP.SELECT_NONE"
+ >
+ Select none
+ </md-button>
+ </md-menu-item>
+ </md-menu-content>
+ </md-menu>
+ </div>
+
+ <div class="multi-select-actions">
+ <button
+ class="md-icon-button"
+ ng-csv="vm.exportSelectedMailAccounts"
+ csv-label="true"
+ filename="mailAccounts.csv"
+ >
+ <md-icon md-font-icon="icon-file-excel"></md-icon>
+ </button>
+ <md-button
+ class="md-icon-button"
+ ng-if="vm.crudPermissions.canDelete"
+ ng-click="vm.deleteSelectedMailAccounts($event)"
+ aria-label="delete selected"
+ translate
+ translate-attr-label="APP.DELETE_SELECTED"
+ >
+ <md-icon md-font-icon="icon-delete"></md-icon>
+ </md-button>
+ </div>
+ </div>
+ </div>
+ <!-- / SELECTED BAR -->
+
+ <!-- CONTENT -->
+ <div class="content" md-background-bg layout="row" layout-align="start start">
+ <!-- MAIN -->
+ <div class="main scrollable" ms-scroll>
+ <!-- MAILACCOUNT TABLE -->
+ <md-card>
+ <md-table-container>
+ <table
+ md-table
+ md-row-select
+ multiple
+ ng-model="vm.selectedMailAccounts"
+ md-progress="vm.promise"
+ >
+ <thead
+ md-head
+ md-order="vm.query.sort"
+ md-on-reorder="vm.getMailAccounts"
+ >
+ <tr md-row>
+ <th
+ md-column
+ ng-if="vm.table == 'users' || vm.table == 'agents'"
+ width="20px"
+ ></th>
+ <th md-column md-order-by="id">{{ 'APP.ID' | translate }}</th>
+ <th md-column md-order-by="name">
+ {{ 'APP.NAME' | translate }}
+ </th>
+ <th md-column md-order-by="key">{{ 'APP.KEY' | translate }}</th>
+ <th md-column md-order-by="email">
+ {{ 'MAIL.EMAIL_ADDRESS' | translate }}
+ </th>
+ <th md-column md-order-by="active">
+ {{ 'APP.ACTIVE' | translate }}
+ </th>
+ <th md-column md-order-by="description">
+ {{ 'APP.DESCRIPTION' | translate }}
+ </th>
+ <th md-column width="10px"></th>
+ </tr>
+ </thead>
+ <tbody md-body>
+ <tr md-row ng-hide="vm.mailAccounts.rows.length">
+ <td md-cell colspan="7">
+ <div layout="row" layout-align="center center">
+ <span translate="APP.NO_AVAILABLE_INFO"
+ >No Available Info</span
+ >
+ </div>
+ </td>
+ </tr>
+ <tr
+ md-row
+ md-select="mailAccount"
+ md-select-id="id"
+ ng-repeat="mailAccount in vm.mailAccounts.rows"
+ >
+ <td md-cell ng-if="mailAccount.userpic">
+ <img
+ class="avatar"
+ alt="{{mailAccount.name}}"
+ ng-src="{{vm.baseUrl}}api/users/{{mailAccount.id}}/avatar"
+ />
+ </td>
+ <td
+ md-cell
+ ng-if="!mailAccount.userpic && (vm.table == 'users' || vm.table == 'agents')"
+ >
+ <img
+ class="avatar"
+ alt="{{mailAccount.name}}"
+ ng-src="assets/images/avatars/profile.png"
+ />
+ </td>
+ <td
+ ng-click="vm.crudPermissions.readOnly || (vm.crudPermissions.canDelete && !vm.crudPermissions.canEdit) ? vm.editstate(mailAccount, ev) : vm.createOrEditMailAccount($event, mailAccount)"
+ md-cell
+ class="id"
+ >
+ {{mailAccount.id}}
+ </td>
+ <td
+ ng-click="vm.crudPermissions.readOnly || (vm.crudPermissions.canDelete && !vm.crudPermissions.canEdit) ? vm.editstate(mailAccount, ev) : vm.createOrEditMailAccount($event, mailAccount)"
+ md-cell
+ class="name"
+ >
+ {{mailAccount.name}}
+ </td>
+ <td
+ ng-click="vm.crudPermissions.readOnly || (vm.crudPermissions.canDelete && !vm.crudPermissions.canEdit) ? vm.editstate(mailAccount, ev) : vm.createOrEditMailAccount($event, mailAccount)"
+ md-cell
+ class="key"
+ >
+ {{mailAccount.key}}
+ </td>
+ <td
+ ng-click="vm.crudPermissions.readOnly || (vm.crudPermissions.canDelete && !vm.crudPermissions.canEdit) ? vm.editstate(mailAccount, ev) : vm.createOrEditMailAccount($event, mailAccount)"
+ md-cell
+ class="email"
+ >
+ {{mailAccount.email}}
+ </td>
+ <td
+ ng-click="vm.crudPermissions.readOnly || (vm.crudPermissions.canDelete && !vm.crudPermissions.canEdit) ? vm.editstate(mailAccount, ev) : vm.createOrEditMailAccount($event, mailAccount)"
+ md-cell
+ class="active"
+ >
+ <md-icon
+ md-colors="{color: {{mailAccount.active ? '\'green\'' : '\'grey\''}}}"
+ md-font-icon="{{mailAccount.active ? 'icon-check' : 'icon-close'}}"
+ ></md-icon>
+ </td>
+ <td
+ ng-click="vm.crudPermissions.readOnly || (vm.crudPermissions.canDelete && !vm.crudPermissions.canEdit) ? vm.editstate(mailAccount, ev) : vm.createOrEditMailAccount($event, mailAccount)"
+ md-cell
+ class="description"
+ >
+ {{mailAccount.description}}
+ </td>
+
+ <td md-cell class="actions">
+ <md-menu>
+ <md-button
+ class="md-icon-button"
+ aria-label="More"
+ translate
+ translate-attr-aria-label="APP.MORE"
+ ng-click="$mdMenu.open($event)"
+ >
+ <md-icon md-font-icon="icon-dots-vertical"></md-icon>
+ </md-button>
+
+ <md-menu-content width="3">
+ <!-- SUBACTIONS -->
+
+ <!-- ACTIONS -->
+
+ <md-menu-item ng-if="vm.crudPermissions.canEdit">
+ <md-button
+ ng-click="vm.editstate(mailAccount, $event )"
+ translate="MAIL.EDIT_MAILACCOUNT"
+ >
+ Edit MailAccount
+ </md-button>
+ </md-menu-item>
+
+ <!-- SUBACTIONS -->
+
+ <!-- ACTIONS -->
+
+ <md-menu-item>
+ <md-button
+ ng-click="vm.verifysmtpverifysmtp(mailAccount, $event )"
+ translate="MAIL.VERIFYSMTP_MAILACCOUNT"
+ >
+ verifysmtp MailAccount
+ </md-button>
+ </md-menu-item>
+
+ <!-- SUBACTIONS -->
+
+ <!-- ACTIONS -->
+
+ <md-menu-item>
+ <md-button
+ ng-click="vm.interactionsgoto(mailAccount, $event )"
+ translate="MAIL.INTERACTIONS_MAILACCOUNT"
+ >
+ Interactions MailAccount
+ </md-button>
+ </md-menu-item>
+
+ <!-- SUBACTIONS -->
+
+ <!-- ACTIONS -->
+
+ <md-menu-item>
+ <md-button
+ ng-click="vm.gotorealtimegoto(mailAccount, $event )"
+ translate="MAIL.GOTOREALTIME_MAILACCOUNT"
+ >
+ goToRealtime MailAccount
+ </md-button>
+ </md-menu-item>
+
+ <!-- SUBACTIONS -->
+
+ <!-- ACTIONS -->
+
+ <md-menu-item>
+ <md-button
+ ng-click="vm.agentadddialog(mailAccount, $event )"
+ translate="MAIL.AGENTADD_MAILACCOUNT"
+ >
+ AgentAdd MailAccount
+ </md-button>
+ </md-menu-item>
+
+ <!-- SUBACTIONS -->
+
+ <!-- ACTIONS -->
+
+ <md-menu-item ng-if="vm.crudPermissions.canDelete">
+ <md-button
+ ng-click="vm.deleteconfirm(mailAccount, $event )"
+ translate="MAIL.DELETE_MAILACCOUNT"
+ >
+ Delete MailAccount
+ </md-button>
+ </md-menu-item>
+ </md-menu-content>
+ </md-menu>
+ </td>
+ </tr>
+ </tbody>
+ </table>
+ </md-table-container>
+
+ <md-table-pagination
+ md-label="{page: '{{'MAIL.PAGE' | translate}}:', rowsPerPage: '{{'MAIL.ROWSPERPAGE' | translate}}:', of: '{{'MAIL.OF' | translate}}'}"
+ md-limit="vm.query.limit"
+ md-limit-options="[10, 15, 20, 50, 100, 250]"
+ md-page="vm.query.page"
+ md-total="{{vm.mailAccounts.count}}"
+ md-on-paginate="vm.getMailAccounts"
+ md-page-select
+ ></md-table-pagination>
+ </md-card>
+ <!-- / MAILACCOUNT TABLE -->
+ <!-- NO RESULTS -->
+
+ <!-- / NO RESULTS -->
+ </div>
+ <!-- / MAIN -->
+ </div>
+ <!-- / CONTENT -->
+
+ <!-- ADD MAILACCOUNT BUTTON -->
+ <md-button
+ ng-if="vm.crudPermissions.canEdit"
+ class="md-fab md-accent add-item-button"
+ id="add-mailAccount-button"
+ ng-click="vm.createOrEditMailAccount($event)"
+ aria-label="add mailAccount"
+ translate
+ translate-attr-aria-label="MAIL.ADD_MAILACCOUNT"
+ >
+ <md-icon md-font-icon="icon-plus"></md-icon>
+ </md-button>
+ <!-- / ADD MAILACCOUNT BUTTON -->
+</div>