1 <md-dialog class="customField-dialog" aria-label="New CustomField">
2 <form name="customFieldForm" class="md-inline-form" novalidate>
3 <md-toolbar class="md-accent md-hue-2">
5 class="md-toolbar-tools"
7 layout-align="space-between center"
9 <span class="title">{{ vm.title | translate }}</span>
10 <md-button class="md-icon-button" ng-click="vm.closeDialog()">
12 md-font-icon="icon-close"
13 aria-label="Close dialog"
19 <md-dialog-content ms-scroll>
20 <div class="error-list">
22 ng-repeat="error in vm.errors"
25 layout-align="space-between center"
28 <span class="message">{{error.message}}</span>
29 <span class="type">({{error.type}})</span>
31 <md-button class="md-icon-button">
33 md-font-icon="icon-alert-box"
34 aria-label="alert error"
40 <md-input-container class="md-block">
41 <label translate="APP.ALIAS">Alias</label>
45 ng-model="vm.customField.alias"
51 ng-messages="customFieldForm['alias'].$error"
52 ng-show="customFieldForm['alias'].$touched"
55 <div ng-message="required">
56 <span translate="APP.ERRORS.ALIAS_REQUIRED"
57 >Alias field is required</span
62 <md-input-container class="md-block">
63 <label translate="APP.TYPE">Type</label>
66 ng-model="vm.customField.type"
68 ng-disabled="!vm.newCustomField"
70 <md-option ng-value="'text'">Text</md-option>
71 <md-option ng-value="'select'">Select</md-option>
72 <md-option ng-value="'number'">Number</md-option>
73 <md-option ng-value="'switch'">Switch</md-option>
74 <md-option ng-value="'datetime'">Datetime</md-option>
77 ng-messages="customFieldForm['type'].$error"
78 ng-show="customFieldForm['type'].$touched"
81 <div ng-message="required">
82 <span translate="APP.ERRORS.TYPE_REQUIRED"
83 >Type field is required</span
88 <div ng-if="vm.customField.type == 'select'" class="md-block">
90 <md-list-item layout-margin>
92 class="md-fab md-mini md-secondary"
93 ng-click="vm.addItem(vm.customField.values);"
95 <md-tooltip><span translate="APP.ADD">ADD</span></md-tooltip>
97 md-font-icon="icon-plus"
98 aria-label="alert error"
102 ng-if="vm.customField.values.length"
103 class="md-fab md-mini md-warn md-secondary"
104 ng-click="vm.removeItems(vm.customField.values);"
107 ><span translate="CONTACTMANAGER.DELETE_ALL"
112 md-font-icon="icon-delete"
113 aria-label="alert error"
118 <md-list ng-sortable="vm.sortable">
120 ng-repeat="item in vm.customField.values"
121 style="border: 1px solid #ccc !important; border-radius: 7px"
128 md-font-icon="icon-drag"
131 <input type="text" ng-model="item.value" flex />
134 class="md-fab md-mini md-warn md-secondary"
135 ng-click="vm.removeItem(vm.customField.values, $index);"
138 ><span translate="APP.DELETE">DELETE</span></md-tooltip
141 md-font-icon="icon-delete"
142 aria-label="alert error"
149 ng-if="!vm.customField.values.length"
151 layout-align="center center"
153 <em translate="CONTACTMANAGER.NO_AVAILABLE_ITEMS"
154 >No Available Items</em
159 <md-input-container class="md-block">
160 <md-switch ng-model="vm.customField.required" aria-label="Required"
161 ><span translate="CONTACTMANAGER.REQUIRED">Required</span></md-switch
163 </md-input-container>
165 ng-if="vm.customField.type == 'text'"
169 ng-model="vm.customField.clickToAction"
170 aria-label="clickToAction"
171 ><span translate="CONTACTMANAGER.CLICKTOACTION"
175 </md-input-container>
176 <md-input-container ng-if="vm.customField.clickToAction" class="md-block">
177 <label translate="CONTACTMANAGER.ACTIONTYPE">actionType</label>
178 <md-select name="actionType" ng-model="vm.customField.actionType">
179 <md-option ng-value="'voice'">Voice</md-option>
182 ng-messages="customFieldForm['actionType'].$error"
183 ng-show="customFieldForm['actionType'].$touched"
186 <div ng-message="required">
187 <span translate="CONTACTMANAGER.ERRORS.ACTIONTYPE_REQUIRED"
188 >actionType field is required</span
192 </md-input-container>
194 <div class="error-list">
196 ng-repeat="error in vm.errors"
199 layout-align="space-between center"
202 <span class="message">{{error.message}}</span>
203 <span class="type">({{error.type}})</span>
205 <md-button class="md-icon-button">
207 md-font-icon="icon-alert-box"
208 aria-label="alert error"
218 layout-align="space-between center"
219 ng-if="!vm.crudPermissions.readOnly"
221 <div layout="row" layout-align="start center">
224 ng-if="vm.crudPermissions.canEdit && !vm.newCustomField"
225 ng-click="vm.saveCustomField()"
226 class="send-button md-accent md-raised"
227 ng-disabled="customFieldForm.$invalid || customFieldForm.$pristine"
230 translate-attr-aria-label="APP.SAVE"
237 ng-if="vm.crudPermissions.canEdit && vm.newCustomField"
238 ng-click="vm.addNewCustomField()"
239 class="send-button md-accent md-raised"
240 ng-disabled="customFieldForm.$invalid"
242 translate="CONTACTMANAGER.ADD_CUSTOMFIELD"
243 translate-attr-aria-label="CONTACTMANAGER.ADD_CUSTOMFIELD"
250 class="md-icon-button"
251 ng-if="vm.crudPermissions.canDelete && !vm.newCustomField"
252 ng-click="vm.deleteCustomField($event)"
255 translate-attr-aria-label="APP.DELETE"
257 <md-icon md-font-icon="icon-delete"></md-icon>
258 <md-tooltip><span translate="APP.DELETE">DELETE</span></md-tooltip>