Built motion from commit e493b9a4954b50a8ee6d0034ba3601cd210d989d. Version 3.0.0...
[motion-next.git] / public / templates / main / apps / whatsapp / views / whatsappQueues / create / dialog.html / dialog.html
diff --git a/public/templates/main/apps/whatsapp/views/whatsappQueues/create/dialog.html/dialog.html b/public/templates/main/apps/whatsapp/views/whatsappQueues/create/dialog.html/dialog.html
new file mode 100644 (file)
index 0000000..7f42e68
--- /dev/null
@@ -0,0 +1,222 @@
+<md-dialog class="whatsappQueue-dialog" aria-label="New WhatsappQueue">
+  <form name="whatsappQueueForm" class="md-inline-form" novalidate>
+    <md-toolbar class="md-accent md-hue-2">
+      <div
+        class="md-toolbar-tools"
+        layout="row"
+        layout-align="space-between center"
+      >
+        <span class="title">{{ vm.title | translate }}</span>
+        <md-button class="md-icon-button" ng-click="vm.closeDialog()">
+          <md-icon
+            md-font-icon="icon-close"
+            aria-label="Close dialog"
+          ></md-icon>
+        </md-button>
+      </div>
+    </md-toolbar>
+
+    <md-dialog-content ms-scroll>
+      <div class="error-list">
+        <div
+          ng-repeat="error in vm.errors"
+          class="error"
+          layout="row"
+          layout-align="space-between center"
+        >
+          <div>
+            <span class="message">{{error.message}}</span>
+            <span class="type">({{error.type}})</span>
+          </div>
+          <md-button class="md-icon-button">
+            <md-icon
+              md-font-icon="icon-alert-box"
+              aria-label="alert error"
+              class="s16"
+            ></md-icon>
+          </md-button>
+        </div>
+      </div>
+      <md-input-container class="md-block">
+        <label translate="APP.NAME">Name</label>
+        <input
+          type="text"
+          name="name"
+          ng-model="vm.whatsappQueue.name"
+          ng-pattern="/^[A-Za-z0-9\.\_]+$/i"
+          ng-required="true"
+          autofocus
+          ng-disabled="!vm.newWhatsappQueue"
+        />
+
+        <div class="hint"><span translate="APP.HELP.NAME"></span></div>
+        <div
+          ng-messages="whatsappQueueForm['name'].$error"
+          ng-show="whatsappQueueForm['name'].$touched"
+          role="alert"
+        >
+          <div ng-message="required">
+            <span translate="APP.ERRORS.NAME_REQUIRED"
+              >Name field is required</span
+            >
+          </div>
+          <div ng-message="pattern">
+            <span
+              translate="APP.ERRORS.NAME_MUST_VALID_PATTERN"
+              translate-values="{ regex: '/^[A-Za-z0-9\.\_]+$/i' }"
+              >Name must be valid pattern
+            </span>
+          </div>
+        </div>
+      </md-input-container>
+      <md-input-container class="md-block">
+        <label translate="APP.STRATEGY">Strategy</label>
+        <md-select
+          name="strategy"
+          ng-model="vm.whatsappQueue.strategy"
+          required
+        >
+          <md-option ng-value="'beepall'">Beepall</md-option>
+          <md-option ng-value="'rrmemory'">RR Memory</md-option>
+        </md-select>
+        <div
+          ng-messages="whatsappQueueForm['strategy'].$error"
+          ng-show="whatsappQueueForm['strategy'].$touched"
+          role="alert"
+        >
+          <div ng-message="required">
+            <span translate="WHATSAPP.ERRORS.STRATEGY_REQUIRED"
+              >Strategy field is required</span
+            >
+          </div>
+        </div>
+      </md-input-container>
+      <md-input-container class="md-block">
+        <label translate="APP.AGENT_TIMEOUT">Agent_Timeout</label>
+        <input
+          type="number"
+          name="timeout"
+          ng-model="vm.whatsappQueue.timeout"
+          min="1"
+          max="2147483"
+          value="10"
+          ng-required="true"
+        />
+
+        <div
+          ng-messages="whatsappQueueForm['timeout'].$error"
+          ng-show="whatsappQueueForm['timeout'].$touched"
+          role="alert"
+        >
+          <div ng-message="required">
+            <span translate="APP.ERRORS.AGENT_TIMEOUT_REQUIRED"
+              >Agent_Timeout field is required</span
+            >
+          </div>
+          <div ng-message="min">
+            <span
+              translate="APP.ERRORS.AGENT_TIMEOUT_MUST_BE_GREATER_THAN_OR_EQUAL_TO"
+              >Agent_Timeout must be a valid greater or equal than</span
+            >
+            <span>1</span>
+          </div>
+          <div ng-message="max">
+            <span
+              translate="APP.ERRORS.AGENT_TIMEOUT_MUST_BE_LESS_THAN_OR_EQUAL_TO"
+              >Agent_Timeout must be a valid greater or equal than</span
+            >
+            <span>2147483</span>
+          </div>
+        </div>
+      </md-input-container>
+      <md-input-container class="md-block">
+        <label translate="APP.DESCRIPTION">Description</label>
+        <input
+          type="text"
+          name="description"
+          ng-model="vm.whatsappQueue.description"
+        />
+
+        <div
+          ng-messages="whatsappQueueForm['description'].$error"
+          ng-show="whatsappQueueForm['description'].$touched"
+          role="alert"
+        >
+          <div ng-message="required">
+            <span translate="WHATSAPP.ERRORS.DESCRIPTION_REQUIRED"
+              >Description field is required</span
+            >
+          </div>
+        </div>
+      </md-input-container>
+
+      <div class="error-list">
+        <div
+          ng-repeat="error in vm.errors"
+          class="error"
+          layout="row"
+          layout-align="space-between center"
+        >
+          <div>
+            <span class="message">{{error.message}}</span>
+            <span class="type">({{error.type}})</span>
+          </div>
+          <md-button class="md-icon-button">
+            <md-icon
+              md-font-icon="icon-alert-box"
+              aria-label="alert error"
+              class="s16"
+            ></md-icon>
+          </md-button>
+        </div>
+      </div>
+    </md-dialog-content>
+
+    <md-dialog-actions
+      layout="row"
+      layout-align="space-between center"
+      ng-if="!vm.crudPermissions.readOnly"
+    >
+      <div layout="row" layout-align="start center">
+        <md-button
+          type="submit"
+          ng-if="vm.crudPermissions.canEdit && !vm.newWhatsappQueue"
+          ng-click="vm.saveWhatsappQueue()"
+          class="send-button md-accent md-raised"
+          ng-disabled="whatsappQueueForm.$invalid || whatsappQueueForm.$pristine"
+          aria-label="SAVE"
+          translate="APP.SAVE"
+          translate-attr-aria-label="APP.SAVE"
+        >
+          SAVE
+        </md-button>
+
+        <md-button
+          type="submit"
+          ng-if="vm.crudPermissions.canEdit && vm.newWhatsappQueue"
+          ng-click="vm.addNewWhatsappQueue()"
+          class="send-button md-accent md-raised"
+          ng-disabled="whatsappQueueForm.$invalid"
+          aria-label="ADD"
+          translate="WHATSAPP.ADD_WHATSAPPQUEUE"
+          translate-attr-aria-label="WHATSAPP.ADD_WHATSAPPQUEUE"
+        >
+          ADD WHATSAPPQUEUE
+        </md-button>
+      </div>
+      <div layout="row">
+        <md-button
+          class="md-icon-button"
+          ng-if="vm.crudPermissions.canDelete && !vm.newWhatsappQueue"
+          ng-click="vm.deleteWhatsappQueue($event)"
+          aria-label="DELETE"
+          translate
+          translate-attr-aria-label="APP.DELETE"
+        >
+          <md-icon md-font-icon="icon-delete"></md-icon>
+          <md-tooltip><span translate="APP.DELETE">DELETE</span></md-tooltip>
+        </md-button>
+      </div>
+    </md-dialog-actions>
+  </form>
+</md-dialog>