Callcenter submodule - Add priority param to queue

src/apps/callflows/i18n/en-US.json

@@ -1324,6 +1324,8 @@
 		"callcenter": {
 			"queue": "Queue",
 			"category": "Callcenter",
+			"priority": "Priority",
+			"priority_tooltip": "Assign a priority to the caller",
 			"tooltip": "Ask the caller to input the first letters of the name of the person that he wants to reach.",
 			"connect_caller_to_queue": "Connect caller to queue...",
 			"queue_edit_options": "Edit queue options",

src/apps/callflows/style/app.css

@@ -1083,10 +1083,6 @@
 	margin-top: 3px;
 }
 
-.dialog_popup .form_content .popup_field {
-	padding-bottom: 15px;
-}
-
 .dialog_popup .parameter_div {
 	padding: 10px 0px 10px 0px;
 	width: auto;
@@ -1377,6 +1373,37 @@
 	color: #333;
 }
 
+.dialog_popup.callflows-port form label.monster-switch {
+	width: inherit;
+	margin-bottom: 7px;
+}
+
+.dialog_popup .form_content .field_wrapper {
+	float: left;
+	text-align: left;
+	width: 214px;
+}
+
+.dialog_popup .form_content .field_wrapper input[type="text"],
+.dialog_popup .form_content .field_wrapper input[type="number"] {
+	width: 200px;
+}
+
+.dialog_popup .form_content .field_wrapper select {
+	width: 214px !important;
+	max-width: 214px;
+}
+
+
+.dialog_popup .form_content .checkbox-label-wrapper {
+	padding-left: 140px;
+	text-align: left;
+	width: 200px;
+	margin-right: 0;
+	margin-bottom: 13px;
+	padding-top: 0;
+}
+
 .callflows-port form label:not(.monster-invalid) {
 	float: left;
 	font-size: 15px;

src/apps/callflows/submodules/callcenter/callcenter.css

@@ -19,4 +19,8 @@
 
 .callflows-callcenter-popup .inline_content.main_content {
 	width: auto;
-}
+}
+
+.queue-callflow-dialog .action_links_div {
+	margin-bottom: 15px;
+}

src/apps/callflows/submodules/callcenter/callcenter.js

@@ -127,7 +127,8 @@ define(function(require) {
 									i18n: self.i18n.active(),
 									objects: {
 										items: queues,
-										selected: node.getMetadata('id') || ''
+										selected: node.getMetadata('id') || '',
+										priority: node.getMetadata('priority') || '',
 									}
 								},
 								submodule: 'callcenter'
@@ -138,14 +139,21 @@ define(function(require) {
 							}
 
 							$('.inline_action', popup_html).click(function(ev) {
-								var _data = ($(this).data('action') === 'edit') ? { id: $('#queue_selector', popup_html).val() } : {};
-
 								ev.preventDefault();
 
+								var _data = {};
+								if ($(this).data('action') === 'edit') {
+									_data = {
+										id: $('#queue_selector', popup_html).val(),
+										priority: $('#queue_priority', popup_html).val()
+									}
+								}
+
 								self.queuePopupEdit({
 									data: _data,
 									callback: function(_data) {
 										node.setMetadata('id', _data.id || 'null');
+										_data.priority && node.setMetadata('priority', _data.priority);
 										node.caption = _data.name || '';
 
 										popup.dialog('close');
@@ -155,6 +163,7 @@ define(function(require) {
 
 							$('#add', popup_html).click(function() {
 								node.setMetadata('id', $('#queue_selector', popup).val());
+								node.setMetadata('priority', parseInt($('#queue_priority', popup).val()));
 								node.caption = $('#queue_selector option:selected', popup).text();
 								popup.dialog('close');
 							});
@@ -168,6 +177,8 @@ define(function(require) {
 									}
 								}
 							});
+
+							monster.ui.tooltips(popup);
 						});
 					},
 					listEntities: function(callback) {

src/apps/callflows/submodules/callcenter/views/queue-callflow.html

@@ -1,30 +1,41 @@
-<div>
-    <div class="dialog_popup">
-		<h1>{{ i18n.callflows.callcenter.connect_caller_to_queue }}</h1>
-        <form name="form" method="post" action="#">
-            <div class="form_content">
-                <div class="popup_field">
-                    <label for="queue_selector">{{ i18n.callflows.callcenter.queue }}</label>
-                    <div class="select_wrapper">
-                        <select id="queue_selector">
-							{{#select objects.selected}}
-								{{#each objects.items}}
-									<option value="{{id}}">{{name}}</option>
-								{{/each}}
-							{{/select}}
-                        </select>
-                        <div class="action_links_div">
-                            <div id="edit_link">
-								<a class="inline_action" data-action="edit" href="javascript:void(0);">{{ i18n.callflows.callcenter.queue_edit_options }}</a>
-							</div>
-                            <div><a class="inline_action" data-action="create" href="#">{{ i18n.callflows.callcenter.createQueue }}</a></div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </form>
-        <div class="buttons-center">
-            <button id="add" class="monster-button monster-button-primary">OK</button>
-        </div>
-    </div>
+<div class="dialog_popup callflows-port queue-callflow-dialog">
+	<h3>{{ i18n.callflows.callcenter.connect_caller_to_queue }}</h3>
+	<form name="form" method="post" action="#">
+		<div class="form_content">
+			<div class="popup_field clear">
+				<label for="queue_selector">{{ i18n.callflows.callcenter.queue }}</label>
+				<div class="field_wrapper">
+					<select id="queue_selector">
+						{{#select objects.selected}}
+							{{#each objects.items}}
+								<option value="{{id}}">{{name}}</option>
+							{{/each}}
+						{{/select}}
+					</select>
+					<div class="action_links_div">
+						<div id="edit_link">
+							<a class="inline_action" data-action="edit" href="javascript:void(0);">{{ i18n.callflows.callcenter.queue_edit_options }}</a>
+						</div>
+						<div><a class="inline_action" data-action="create" href="#">{{ i18n.callflows.callcenter.createQueue }}</a></div>
+					</div>
+				</div>
+			</div>
+			<div class="popup_field clear">
+				<label for="queue_priority">
+					{{ i18n.callflows.callcenter.priority }}
+					<i class="help-popover fa fa-question-circle"
+					   data-original-title="{{ i18n.callflows.callcenter.priority_tooltip}}"
+					   data-placement="right"
+					   data-toggle="tooltip"></i>
+				</label>
+				<div class="field_wrapper">
+					<input name="priority" type="number" value="{{ objects.priority }}" id="queue_priority"/>
+				</div>
+			</div>
+		</div>
+	</form>
+	<div class="buttons-center">
+		<button id="add" class="monster-button monster-button-primary">OK</button>
+	</div>
 </div>
+