UI-2664: added chosen to next action dropdown, also added devices as an option

i18n/en-US.json

@@ -94,7 +94,10 @@
 			"menu": "Menu",
 			"mainMenu": "Main Menu (Open hours)",
 			"voicemails": "Voicemail Boxes",
-			"users": "Users"
+			"users": "Users",
+			"__comment": "UI-2664: Adding devices as next action",
+			"__version": "4.1",
+			"devices": "Devices"
 		},
 		"__comment": "UI-819, v3.19_s1: Showing an error popup when group data is outdated.",
 		"outdatedGroupsError": "Your Group's data is outdated and can not be rendered. Please contact your administrator to update your data.",

submodules/groups/groups.css

@@ -544,6 +544,10 @@
 	margin-left: 10px;
 }
 
+/* Had to add this hack so the chosen dialog shows up correctly */
+.next-action-group-dialog .ui-dialog-content {
+	overflow: visible;
+}
 
 /* Allow Call Forward Feature */
 .monster-feature-popup-container[data-feature="forward"] .help-box {

submodules/groups/groups.js

@@ -790,6 +790,8 @@ define(function(require){
 				switchFeature = featureTemplate.find('.switch-state'),
 				popup;
 
+			featureTemplate.find('.next-action-select').chosen({ search_contains: true, width: '220px' });
+
 			featureTemplate.find('.cancel-link').on('click', function() {
 				popup.dialog('close').remove();
 			});
@@ -847,6 +849,7 @@ define(function(require){
 			});
 
 			popup = monster.ui.dialog(featureTemplate, {
+				dialogClass: 'next-action-group-dialog',
 				title: data.group.extra.mapFeatures.next_action.title,
 				position: ['center', 20]
 			});
@@ -1334,10 +1337,32 @@ define(function(require){
 			});
 		},
 
+		groupsListDevices: function(callback) {
+			var self = this;
+
+			self.callApi({
+				resource: 'device.list',
+				data: {
+					accountId: self.accountId,
+					filters: {
+						paginate: 'false'
+					}
+				},
+				success: function(data) {
+					callback && callback(data.data);
+				}
+			});
+		},
+
 		groupsGetFeaturesData: function(groupId, callback) {
 			var self = this;
 
 			monster.parallel({
+					devices: function(callback) {
+						self.groupsListDevices(function(data) {
+							callback(null, data);
+						});
+					},
 					group: function(callback) {
 						self.groupsGetGroup(groupId, function(data) {
 							callback(null, data);

views/groups-feature-next_action.html

@@ -31,6 +31,11 @@
 					<option value="{{id}}" data-module="callflow" {{#compare ../selectedEntity '===' id}}selected{{/compare}}>{{userName}}</option>
 					{{/each}}
 				</optgroup>
+				<optgroup label="{{ i18n.groups.nextAction.devices }}">
+					{{#each devices}}
+					<option value="{{id}}" data-module="device" {{#compare ../selectedEntity '===' id}}selected{{/compare}}>{{name}}</option>
+					{{/each}}
+				</optgroup>
 			</select>
 		</div>
 	</div>