1 <md-dialog class="salesforceConfiguration-dialog" aria-label="New SalesforceConfiguration">
2 <form name="salesforceConfigurationForm" class="md-inline-form" novalidate>
3 <md-toolbar class="md-accent md-hue-2">
4 <div class="md-toolbar-tools" layout="row" layout-align="space-between center">
5 <span class="title">{{ vm.title | translate }}</span>
6 <md-button class="md-icon-button" ng-click="vm.closeDialog()">
7 <md-icon md-font-icon="icon-close" aria-label="Close dialog"></md-icon>
12 <md-dialog-content ms-scroll>
13 <div class="error-list">
14 <div ng-repeat="error in vm.errors" class="error" layout="row" layout-align="space-between center">
16 <span class="message">{{error.message}}</span>
17 <span class="type">({{error.type}})</span>
19 <md-button class="md-icon-button">
20 <md-icon md-font-icon="icon-alert-box" aria-label="alert error" class="s16"></md-icon>
24 <md-input-container class="md-block">
25 <label translate="INTEGRATIONS.NAME">Name</label>
26 <input type="" name="name" ng-model="vm.salesforceConfiguration.name" required md-autofocus>
27 <div ng-messages="salesforceConfigurationForm.name.$error" ng-show="salesforceConfigurationForm.name.$touched" role="alert">
28 <div ng-message="required">
29 <span translate="INTEGRATIONS.ERRORS.NAME_REQUIRED">Name field is required</span>
33 <md-input-container class="md-block">
34 <label translate="INTEGRATIONS.CHANNEL">Channel</label>
35 <md-select ng-model="vm.salesforceConfiguration.channel" required>
37 <md-option ng-value="'voice'"> {{ 'INTEGRATIONS.VOICE' | translate }}</md-option>
39 <div ng-messages="salesforceConfigurationForm.channel.$error" ng-show="salesforceConfigurationForm.channel.$touched" role="alert">
40 <div ng-message="required">
41 <span translate="INTEGRATIONS.ERRORS.CHANNEL_REQUIRED">Channel field is required</span>
45 <md-input-container class="md-block">
46 <label translate="INTEGRATIONS.TYPE">Type</label>
47 <md-select ng-model="vm.salesforceConfiguration.type" required>
49 <md-option ng-value="'inbound'"> {{ 'INTEGRATIONS.INBOUND_IN_QUEUE' | translate }}</md-option>
51 <md-option ng-value="'outbound'"> {{ 'INTEGRATIONS.OUTBOUND_CALL' | translate }}</md-option>
53 <div ng-messages="salesforceConfigurationForm.type.$error" ng-show="salesforceConfigurationForm.type.$touched" role="alert">
54 <div ng-message="required">
55 <span translate="INTEGRATIONS.ERRORS.TYPE_REQUIRED">Type field is required</span>
60 <div class="error-list">
61 <div ng-repeat="error in vm.errors" class="error" layout="row" layout-align="space-between center">
63 <span class="message">{{error.message}}</span>
64 <span class="type">({{error.type}})</span>
66 <md-button class="md-icon-button">
67 <md-icon md-font-icon="icon-alert-box" aria-label="alert error" class="s16"></md-icon>
73 <md-dialog-actions layout="row" layout-align="space-between center">
74 <div layout="row" layout-align="start center">
75 <md-button type="submit" ng-if="!vm.newSalesforceConfiguration" ng-click="vm.saveSalesforceConfiguration()" class="send-button md-accent md-raised" ng-disabled="salesforceConfigurationForm.$invalid || salesforceConfigurationForm.$pristine" aria-label="SAVE"
76 translate="INTEGRATIONS.SAVE" translate-attr-aria-label="INTEGRATIONS.SAVE">
80 <md-button type="submit" ng-if="vm.newSalesforceConfiguration" ng-click="vm.addNewSalesforceConfiguration()" class="send-button md-accent md-raised" ng-disabled="salesforceConfigurationForm.$invalid" aria-label="ADD" translate="INTEGRATIONS.ADD_SALESFORCECONFIGURATION"
81 translate-attr-aria-label="INTEGRATIONS.ADD_SALESFORCECONFIGURATION">
82 ADD SALESFORCECONFIGURATION
86 <md-button class="md-icon-button" ng-if="!vm.newSalesforceConfiguration" ng-click="vm.deleteSalesforceConfiguration($event)" aria-label="DELETE" translate translate-attr-aria-label="INTEGRATIONS.DELETE">
87 <md-icon md-font-icon="icon-delete"></md-icon>
88 <md-tooltip><span translate="INTEGRATIONS.DELETE">DELETE</span></md-tooltip>