1 <md-dialog class="chatWebsite-dialog" aria-label="New ChatWebsite">
2 <form name="chatWebsiteForm" 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="CHAT.NAME">Name</label>
26 <input type="text" name="name" ng-model="vm.chatWebsite.name" required autofocus>
27 <div ng-messages="chatWebsiteForm.name.$error" ng-show="chatWebsiteForm.name.$touched" role="alert">
28 <div ng-message="required">
29 <span translate="CHAT.ERRORS.NAME_REQUIRED">Name field is required</span>
33 <md-input-container class="md-block">
34 <label translate="CHAT.ADDRESS">address</label>
35 <input type="url" name="address" ng-model="vm.chatWebsite.address" required>
36 <div ng-messages="chatWebsiteForm.address.$error" ng-show="chatWebsiteForm.address.$touched" role="alert">
37 <div ng-message="required">
38 <span translate="CHAT.ERRORS.ADDRESS_REQUIRED">address field is required</span>
40 <div ng-message="url">
41 <span translate="CHAT.ERRORS.ADDRESS_MUST_VALID_URL">address must be a valid url http://www.xcally.com</span>
45 <md-input-container class="md-block">
46 <label translate="CHAT.MOTIONADDRESS">MotionAddress</label>
47 <input type="url" name="remote" ng-model="vm.chatWebsite.remote" required>
48 <div class="hint"><span translate="CHAT.HELP.MOTIONADDRESS"></span></div>
49 <div ng-messages="chatWebsiteForm.remote.$error" ng-show="chatWebsiteForm.remote.$touched" role="alert">
50 <div ng-message="required">
51 <span translate="CHAT.ERRORS.MOTIONADDRESS_REQUIRED">MotionAddress field is required</span>
53 <div ng-message="url">
54 <span translate="CHAT.ERRORS.MOTIONADDRESS_MUST_VALID_URL">MotionAddress must be a valid url http://www.xcally.com</span>
58 <md-input-container class="md-block">
59 <label translate="CHAT.DESCRIPTION">Description</label>
60 <input type="text" name="description" ng-model="vm.chatWebsite.description">
61 <div ng-messages="chatWebsiteForm.description.$error" ng-show="chatWebsiteForm.description.$touched" role="alert">
62 <div ng-message="required">
63 <span translate="CHAT.ERRORS.DESCRIPTION_REQUIRED">Description field is required</span>
68 <div class="error-list">
69 <div ng-repeat="error in vm.errors" class="error" layout="row" layout-align="space-between center">
71 <span class="message">{{error.message}}</span>
72 <span class="type">({{error.type}})</span>
74 <md-button class="md-icon-button">
75 <md-icon md-font-icon="icon-alert-box" aria-label="alert error" class="s16"></md-icon>
81 <md-dialog-actions layout="row" layout-align="space-between center">
82 <div layout="row" layout-align="start center">
83 <md-button type="submit" ng-if="!vm.newChatWebsite" ng-click="vm.saveChatWebsite()" class="send-button md-accent md-raised" ng-disabled="chatWebsiteForm.$invalid || chatWebsiteForm.$pristine" aria-label="SAVE" translate="CHAT.SAVE" translate-attr-aria-label="CHAT.SAVE">
87 <md-button type="submit" ng-if="vm.newChatWebsite" ng-click="vm.addNewChatWebsite()" class="send-button md-accent md-raised" ng-disabled="chatWebsiteForm.$invalid" aria-label="ADD" translate="CHAT.ADD_CHATWEBSITE" translate-attr-aria-label="CHAT.ADD_CHATWEBSITE">
92 <md-button class="md-icon-button" ng-if="!vm.newChatWebsite" ng-click="vm.deleteChatWebsite($event)" aria-label="DELETE" translate translate-attr-aria-label="CHAT.DELETE">
93 <md-icon md-font-icon="icon-delete"></md-icon>
94 <md-tooltip><span translate="CHAT.DELETE">DELETE</span></md-tooltip>