+++ /dev/null
-<div
- id="cloudProviders"
- 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-cog" class="s24"></md-icon>
- </span>
- <span class="logo-text" translate="SETTINGS.AITOOLS">AiTools</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.selectedAiTools.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.selectedAiTools =[]">
- <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-cloudProviders-count">
- <span>{{vm.selectedAiTools.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="SETTINGS.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.selectAllAiTools()"
- translate="APP.SELECT_ALL"
- >
- Select all
- </md-button>
- </md-menu-item>
- <md-menu-item>
- <md-button
- ng-click="vm.deselectAiTools()"
- 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.exportSelectedAiTools"
- csv-label="true"
- filename="cloudProviders.csv"
- >
- <md-icon md-font-icon="icon-file-excel"></md-icon>
- </button>
- <md-button
- class="md-icon-button"
- ng-click="vm.deleteSelectedAiTools($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>
- <!-- CLOUDPROVIDER TABLE -->
- <md-card>
- <md-table-container>
- <table
- md-table
- md-row-select
- multiple
- ng-model="vm.selectedAiTools"
- md-progress="vm.promise"
- >
- <thead
- md-head
- md-order="vm.query.sort"
- md-on-reorder="vm.getAiTools"
- >
- <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="service">
- {{ 'APP.SERVICE' | translate }}
- </th>
- <th md-column width="10px"></th>
- </tr>
- </thead>
- <tbody md-body>
- <tr md-row ng-hide="vm.cloudProviders.rows.length">
- <td md-cell colspan="4">
- <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="cloudProvider"
- md-select-id="id"
- ng-repeat="cloudProvider in vm.cloudProviders.rows"
- >
- <td md-cell ng-if="cloudProvider.userpic">
- <img
- class="avatar"
- alt="{{cloudProvider.name}}"
- ng-src="api/users/{{cloudProvider.id}}/avatar"
- />
- </td>
- <td
- md-cell
- ng-if="!cloudProvider.userpic && (vm.table == 'users' || vm.table == 'agents')"
- >
- <img
- class="avatar"
- alt="{{cloudProvider.name}}"
- ng-src="assets/images/avatars/profile.png"
- />
- </td>
- <td
- ng-click="vm.createOrEditCloudProvider($event, cloudProvider)"
- md-cell
- class="id"
- >
- {{cloudProvider.id}}
- </td>
- <td
- ng-click="vm.createOrEditCloudProvider($event, cloudProvider)"
- md-cell
- class="name"
- >
- {{cloudProvider.name}}
- </td>
- <td
- ng-click="vm.createOrEditCloudProvider($event, cloudProvider)"
- md-cell
- class="service"
- >
- {{ vm.arrayservice[cloudProvider.service].option }}
- </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>
- <md-button
- ng-click="vm.editdialog(cloudProvider, $event )"
- translate="SETTINGS.EDIT_CLOUDPROVIDER"
- >
- Edit CloudProvider
- </md-button>
- </md-menu-item>
-
- <!-- SUBACTIONS -->
-
- <!-- ACTIONS -->
-
- <md-menu-item>
- <md-button
- ng-click="vm.deleteconfirm(cloudProvider, $event )"
- translate="SETTINGS.DELETE_CLOUDPROVIDER"
- >
- Delete CloudProvider
- </md-button>
- </md-menu-item>
- </md-menu-content>
- </md-menu>
- </td>
- </tr>
- </tbody>
- </table>
- </md-table-container>
-
- <md-table-pagination
- md-label="{page: '{{'SETTINGS.PAGE' | translate}}:', rowsPerPage: '{{'SETTINGS.ROWSPERPAGE' | translate}}:', of: '{{'SETTINGS.OF' | translate}}'}"
- md-limit="vm.query.limit"
- md-limit-options="[10, 15, 20, 50, 100, 250]"
- md-page="vm.query.page"
- md-total="{{vm.cloudProviders.count}}"
- md-on-paginate="vm.getAiTools"
- md-page-select
- ></md-table-pagination>
- </md-card>
- <!-- / CLOUDPROVIDER TABLE -->
- <!-- NO RESULTS -->
-
- <!-- / NO RESULTS -->
- </div>
- <!-- / MAIN -->
- </div>
- <!-- / CONTENT -->
-
- <!-- ADD CLOUDPROVIDER BUTTON -->
- <md-button
- class="md-fab md-accent add-item-button"
- id="add-cloudProvider-button"
- ng-click="vm.createOrEditCloudProvider($event)"
- aria-label="add cloudProvider"
- translate
- translate-attr-aria-label="SETTINGS.ADD_CLOUDPROVIDER"
- >
- <md-icon md-font-icon="icon-plus"></md-icon>
- </md-button>
- <!-- / ADD CLOUDPROVIDER BUTTON -->
-</div>