Callcenter submodule:

- fix popup titles
- fix styles

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

@@ -1099,7 +1099,6 @@
 			"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",
-			"queue_create": "Create Queue",
 			"agentResume": "Agent Resume",
 			"agentBreak": "Agent Break",
 			"logoutAgent": "Logout Agent",
@@ -1129,7 +1128,8 @@
 			"deleteConfirmMessage": "Are you sure you want to delete this queue?",
 			"save": "Save",
 			"thereIsCurrentlyNoUser": "There is currently no user in this queue",
-			"userLabel": "Users list"
+			"userLabel": "Users list",
+			"selectQueue": "Select Queue"
 		}
 	},
 	"oldCallflows": {

src/apps/callflows/style/app.css

@@ -81,6 +81,7 @@
 
 #ws_callflow .callflow .root > .content .number_column.first {
 	width: 159px;
+	color: white;
 }
 
 #ws_callflow .callflow .root > .content .number_column.empty {
@@ -230,8 +231,8 @@
 }
 
 #ws_callflow .tools .tool .action:hover {
-	background: #303039;
-	border: 1px solid #303039;
+	background: #0081D6;
+	border: 1px solid #0081D6;
 }
 
 #ws_callflow .tools .app_list_nav {
@@ -361,11 +362,13 @@
 	line-height: 15px;
 	width: 100%;
 	padding-top: 5px;
+	color: white;
 }
 
 #ws_callflow .details {
 	font-size: 10px;
 	overflow: hidden;
+	color: white;
 }
 
 /* Add number and Edit name popups */
@@ -532,7 +535,6 @@
 
 #ws_callflow #callflow_header #pending_change span {
 	color: #22A5FF;
-	font-weight: lighter;
 	font-style: italic;
 }
 
@@ -668,6 +670,7 @@
 	width: 160px;
 	top: 100px;
 	display: none;
+	z-index: 100;
 }
 
 #callflow_container .callflow_helpbox_wrapper .tip_box {
@@ -679,6 +682,7 @@
 	text-align: left;
 	font-size: 10px;
 	line-height: 12px;
+	color: white;
 }
 
 #callflow_container .tooltip {
@@ -699,13 +703,13 @@
 }
 
 @-webkit-keyframes pulse-box {
-	0% { box-shadow: 0px 0px 0px #73F03C inset, 0px 0px 0px #14FF00; }
-	100% { box-shadow: 0px 0px 30px #73F03C inset, 0px 0px 10px #14FF00; }
+	0% { box-shadow: 0px 0px 0px #0081D6 inset, 0px 0px 0px #0081D6; }
+	100% { box-shadow: 0px 0px 30px #0081D6 inset, 0px 0px 10px #0081D6; }
 }
 
 @keyframes pulse-box {
-	0% { box-shadow: 0px 0px 0px #73F03C inset, 0px 0px 0px #14FF00; }
-	100% { box-shadow: 0px 0px 30px #73F03C inset, 0px 0px 10px #14FF00; }
+	0% { box-shadow: 0px 0px 0px #0081D6 inset, 0px 0px 0px #0081D6; }
+	100% { box-shadow: 0px 0px 30px #0081D6 inset, 0px 0px 10px #0081D6; }
 }
 
 /* JR's customization */
@@ -1728,4 +1732,12 @@
 
 .callflows-port .link-with-icon .fa {
 	margin-right: 5px;
+}
+
+.ui-dialog-content .monster-link:not(.disabled):hover,
+.ui-dialog-content .monster-link:not(.disabled):hover .fa,
+.ui-dialog-content .monster-link:not(.disabled):focus,
+.ui-dialog-content .monster-link:not(.disabled):focus .fa {
+	background: transparent;
+	color: #22A5FF;
 }

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

@@ -15,4 +15,8 @@
 
 .callflows-port .add-user-panel .callflow-panel_body {
 	text-align: center;
+}
+
+.callflows-callcenter-popup .inline_content.main_content {
+	width: auto;
 }

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

@@ -159,7 +159,7 @@ define(function(require){
 							});
 
 							popup = monster.ui.dialog(popup_html, {
-								title: self.i18n.active().callflows.callcenter.select_queue,
+								title: self.i18n.active().callflows.callcenter.selectQueue,
 								minHeight: '0',
 								beforeClose: function() {
 									if(typeof callback == 'function') {
@@ -318,7 +318,7 @@ define(function(require){
 
 		queuePopupEdit: function(args) {
 			var self = this,
-				popup_html = $('<div class="inline_popup callflows-queue"><div class="inline_content main_content"></div></div>'),
+				popup_html = $('<div class="callflows-callcenter-popup inline_popup callflows-port"><div class="inline_content main_content"></div></div>'),
 				callback = args.callback,
 				popup,
 				data = args.data,
@@ -350,7 +350,7 @@ define(function(require){
 					},
 					after_render: function() {
 						popup = monster.ui.dialog(popup_html, {
-							title: (data.id) ? self.i18n.active().callflows.callcenter.queue_edit : self.i18n.active().callflows.callcenter.queue_create
+							title: (data.id) ? self.i18n.active().callflows.callcenter.editQueue : self.i18n.active().callflows.callcenter.createQueue
 						});
 					}
 				},

src/apps/callflows/views/addNumber.html

@@ -14,7 +14,7 @@
 				<ul class="nav pull-right number-selection-sidelink">
 					<li class="dropdown">
 						<a href="#" class="dropdown-toggle buy-dropdown monster-link" data-toggle="dropdown" data-target="#">
-							<i class="fa fa-shopping-cart monster-green fa-lg"></i>
+							<i class="fa fa-shopping-cart fa-lg"></i>
 							{{ i18n.callflows.buyNumbers }}
 						</a>
 						<ul class="dropdown-menu" role="menu">

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

@@ -17,7 +17,7 @@
                             <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.queue_create }}</a></div>
+                            <div><a class="inline_action" data-action="create" href="#">{{ i18n.callflows.callcenter.createQueue }}</a></div>
                         </div>
                     </div>
                 </div>