Built motion from commit e493b9a4954b50a8ee6d0034ba3601cd210d989d. Version 3.0.0...
[motion-next.git] / public / templates / main / apps / fax / views / faxAccounts / faxAccounts.html / faxAccounts.html
diff --git a/public/templates/main/apps/fax/views/faxAccounts/faxAccounts.html/faxAccounts.html b/public/templates/main/apps/fax/views/faxAccounts/faxAccounts.html/faxAccounts.html
new file mode 100644 (file)
index 0000000..83820bc
--- /dev/null
@@ -0,0 +1,361 @@
+<div
+  id="faxAccounts"
+  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-deskphone" class="s24"></md-icon>
+        </span>
+        <span class="logo-text" translate="FAX.FAXACCOUNTS">FaxAccounts</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.selectedFaxAccounts.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.selectedFaxAccounts =[]">
+      <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-faxAccounts-count">
+          <span>{{vm.selectedFaxAccounts.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="FAX.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.selectAllFaxAccounts()"
+                translate="APP.SELECT_ALL"
+              >
+                Select all
+              </md-button>
+            </md-menu-item>
+            <md-menu-item>
+              <md-button
+                ng-click="vm.deselectFaxAccounts()"
+                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.exportSelectedFaxAccounts"
+          csv-label="true"
+          filename="faxAccounts.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.deleteSelectedFaxAccounts($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>
+      <!-- FAXACCOUNT TABLE -->
+      <md-card>
+        <md-table-container>
+          <table
+            md-table
+            md-row-select
+            multiple
+            ng-model="vm.selectedFaxAccounts"
+            md-progress="vm.promise"
+          >
+            <thead
+              md-head
+              md-order="vm.query.sort"
+              md-on-reorder="vm.getFaxAccounts"
+            >
+              <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="TrunkId">
+                  {{ 'APP.TRUNK' | translate }}
+                </th>
+                <th md-column md-order-by="localstationid">
+                  {{ 'FAX.LOCALSTATIONID' | 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.faxAccounts.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="faxAccount"
+                md-select-id="id"
+                ng-repeat="faxAccount in vm.faxAccounts.rows"
+              >
+                <td md-cell ng-if="faxAccount.userpic">
+                  <img
+                    class="avatar"
+                    alt="{{faxAccount.name}}"
+                    ng-src="{{vm.baseUrl}}api/users/{{faxAccount.id}}/avatar"
+                  />
+                </td>
+                <td
+                  md-cell
+                  ng-if="!faxAccount.userpic && (vm.table == 'users' || vm.table == 'agents')"
+                >
+                  <img
+                    class="avatar"
+                    alt="{{faxAccount.name}}"
+                    ng-src="assets/images/avatars/profile.png"
+                  />
+                </td>
+                <td
+                  ng-click="vm.crudPermissions.readOnly || (vm.crudPermissions.canDelete && !vm.crudPermissions.canEdit) ? vm.editstate(faxAccount, ev) : vm.createOrEditFaxAccount($event, faxAccount)"
+                  md-cell
+                  class="id"
+                >
+                  {{faxAccount.id}}
+                </td>
+                <td
+                  ng-click="vm.crudPermissions.readOnly || (vm.crudPermissions.canDelete && !vm.crudPermissions.canEdit) ? vm.editstate(faxAccount, ev) : vm.createOrEditFaxAccount($event, faxAccount)"
+                  md-cell
+                  class="name"
+                >
+                  {{faxAccount.name}}
+                </td>
+                <td
+                  ng-click="vm.crudPermissions.readOnly || (vm.crudPermissions.canDelete && !vm.crudPermissions.canEdit) ? vm.editstate(faxAccount, ev) : vm.createOrEditFaxAccount($event, faxAccount)"
+                  md-cell
+                  class="key"
+                >
+                  {{faxAccount.key}}
+                </td>
+                <td
+                  ng-click="vm.crudPermissions.readOnly || (vm.crudPermissions.canDelete && !vm.crudPermissions.canEdit) ? vm.editstate(faxAccount, ev) : vm.createOrEditFaxAccount($event, faxAccount)"
+                  md-cell
+                  class="TrunkId"
+                >
+                  {{ (vm.trunks | filter : {'id':faxAccount.TrunkId} :
+                  true)[0].name }}
+                </td>
+                <td
+                  ng-click="vm.crudPermissions.readOnly || (vm.crudPermissions.canDelete && !vm.crudPermissions.canEdit) ? vm.editstate(faxAccount, ev) : vm.createOrEditFaxAccount($event, faxAccount)"
+                  md-cell
+                  class="localstationid"
+                >
+                  {{faxAccount.localstationid}}
+                </td>
+                <td
+                  ng-click="vm.crudPermissions.readOnly || (vm.crudPermissions.canDelete && !vm.crudPermissions.canEdit) ? vm.editstate(faxAccount, ev) : vm.createOrEditFaxAccount($event, faxAccount)"
+                  md-cell
+                  class="description"
+                >
+                  {{faxAccount.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(faxAccount, $event    )"
+                          translate="FAX.EDIT_FAXACCOUNT"
+                        >
+                          Edit FaxAccount
+                        </md-button>
+                      </md-menu-item>
+
+                      <!-- SUBACTIONS -->
+
+                      <!-- ACTIONS -->
+
+                      <md-menu-item>
+                        <md-button
+                          ng-click="vm.interactionsgoto(faxAccount, $event    )"
+                          translate="FAX.INTERACTIONS_FAXACCOUNT"
+                        >
+                          Interactions FaxAccount
+                        </md-button>
+                      </md-menu-item>
+
+                      <!-- SUBACTIONS -->
+
+                      <!-- ACTIONS -->
+
+                      <md-menu-item>
+                        <md-button
+                          ng-click="vm.gotorealtimegoto(faxAccount, $event    )"
+                          translate="FAX.GOTOREALTIME_FAXACCOUNT"
+                        >
+                          goToRealtime FaxAccount
+                        </md-button>
+                      </md-menu-item>
+
+                      <!-- SUBACTIONS -->
+
+                      <!-- ACTIONS -->
+
+                      <md-menu-item>
+                        <md-button
+                          ng-click="vm.agentadddialog(faxAccount, $event    )"
+                          translate="FAX.AGENTADD_FAXACCOUNT"
+                        >
+                          AgentAdd FaxAccount
+                        </md-button>
+                      </md-menu-item>
+
+                      <!-- SUBACTIONS -->
+
+                      <!-- ACTIONS -->
+
+                      <md-menu-item ng-if="vm.crudPermissions.canDelete">
+                        <md-button
+                          ng-click="vm.deleteconfirm(faxAccount, $event    )"
+                          translate="FAX.DELETE_FAXACCOUNT"
+                        >
+                          Delete FaxAccount
+                        </md-button>
+                      </md-menu-item>
+                    </md-menu-content>
+                  </md-menu>
+                </td>
+              </tr>
+            </tbody>
+          </table>
+        </md-table-container>
+
+        <md-table-pagination
+          md-label="{page: '{{'FAX.PAGE' | translate}}:', rowsPerPage: '{{'FAX.ROWSPERPAGE' | translate}}:', of: '{{'FAX.OF' | translate}}'}"
+          md-limit="vm.query.limit"
+          md-limit-options="[10, 15, 20, 50, 100, 250]"
+          md-page="vm.query.page"
+          md-total="{{vm.faxAccounts.count}}"
+          md-on-paginate="vm.getFaxAccounts"
+          md-page-select
+        ></md-table-pagination>
+      </md-card>
+      <!-- / FAXACCOUNT TABLE -->
+      <!-- NO RESULTS -->
+
+      <!-- / NO RESULTS -->
+    </div>
+    <!-- / MAIN -->
+  </div>
+  <!-- / CONTENT -->
+
+  <!-- ADD FAXACCOUNT BUTTON -->
+  <md-button
+    ng-if="vm.crudPermissions.canEdit"
+    class="md-fab md-accent add-item-button"
+    id="add-faxAccount-button"
+    ng-click="vm.createOrEditFaxAccount($event)"
+    aria-label="add faxAccount"
+    translate
+    translate-attr-aria-label="FAX.ADD_FAXACCOUNT"
+  >
+    <md-icon md-font-icon="icon-plus"></md-icon>
+  </md-button>
+  <!-- / ADD FAXACCOUNT BUTTON -->
+</div>