KAZOO-2497: Add helper explaining drag and drop for codecs

i18n/en-US.json

@@ -98,6 +98,7 @@
 			"advancedTitle": "Advanced",
 			"basicTitle": "Basic Settings",
 			"basicSectionTitle": "Basic Settings",
+			"dragAndDrop": "To select a codec, drag and drop from the available codecs box to selected codecs box",
 			"options": {
 				"menuTitle": "Options"
 			},

i18n/fr-FR.json

@@ -98,6 +98,7 @@
 			"advancedTitle": "Avancés",
 			"basicTitle": "Réglages",
 			"basicSectionTitle": "Réglages basiques",
+			"dragAndDrop": "Pour sélectionner un codec, glisser-déposer depuis la boite des codecs disponilbes jusqu'à celle des codecs sélectionnés",
 			"options": {
 				"menuTitle": "Réglages"
 			},

submodules/devices/devices.css

@@ -245,6 +245,17 @@
     text-shadow: 1px 0 1px #CCCCCC;
 }
 
+.edit-device .content .tabs-section .helper {
+	position: relative;
+	margin: 0 40px 15px 40px;
+}
+
+.edit-device .content .tabs-section .helper i {
+	position: absolute;
+	top: 0;
+	left: -25px;
+}
+
 .edit-device .content .tabs-section .number-address {
 	display: none;
 }

views/devices-ata.html

@@ -66,6 +66,11 @@
 					{{ i18n.devices.popupSettings.audio.sectionTitle }}
 				</div>
 
+				<div class="helper">
+					<i class="icon-info-sign"></i>
+					{{ i18n.devices.popupSettings.dragAndDrop }}
+				</div>
+
 				<div class="items-selector codec-selector" id="audio_codec_selector">
 					<div class="box-selector">
 						<div class="box-title">{{ i18n.devices.popupSettings.audio.unselectedCodecs }}</div>

views/devices-fax.html

@@ -77,6 +77,11 @@
 					{{ i18n.devices.popupSettings.audio.sectionTitle }}
 				</div>
 
+				<div class="helper">
+					<i class="icon-info-sign"></i>
+					{{ i18n.devices.popupSettings.dragAndDrop }}
+				</div>
+
 				<div class="items-selector codec-selector" id="audio_codec_selector">
 					<div class="box-selector">
 						<div class="box-title">{{ i18n.devices.popupSettings.audio.unselectedCodecs }}</div>

views/devices-mobile.html

@@ -75,6 +75,11 @@
 					{{ i18n.devices.popupSettings.audio.sectionTitle }}
 				</div>
 
+				<div class="helper">
+					<i class="icon-info-sign"></i>
+					{{ i18n.devices.popupSettings.dragAndDrop }}
+				</div>
+
 				<div class="items-selector codec-selector clearfix" id="audio_codec_selector">
 					<div class="box-selector">
 						<div class="box-title">{{ i18n.devices.popupSettings.audio.unselectedCodecs }}</div>
@@ -100,6 +105,10 @@
 				<div class="title">
 					{{ i18n.devices.popupSettings.video.sectionTitle }}
 				</div>
+				<div class="helper">
+					<i class="icon-info-sign"></i>
+					{{ i18n.devices.popupSettings.dragAndDrop }}
+				</div>
 				<div class="items-selector codec-selector" id="video_codec_selector">
 					<div class="box-selector">
 						<div class="box-title">{{ i18n.devices.popupSettings.video.unselectedCodecs }}</div>

views/devices-sip_device.html

@@ -111,6 +111,11 @@
 					{{ i18n.devices.popupSettings.audio.sectionTitle }}
 				</div>
 
+				<div class="helper">
+					<i class="icon-info-sign"></i>
+					{{ i18n.devices.popupSettings.dragAndDrop }}
+				</div>
+
 				<div class="items-selector codec-selector clearfix" id="audio_codec_selector">
 					<div class="box-selector">
 						<div class="box-title">{{ i18n.devices.popupSettings.audio.unselectedCodecs }}</div>
@@ -136,6 +141,10 @@
 				<div class="title">
 					{{ i18n.devices.popupSettings.video.sectionTitle }}
 				</div>
+				<div class="helper">
+					<i class="icon-info-sign"></i>
+					{{ i18n.devices.popupSettings.dragAndDrop }}
+				</div>
 				<div class="items-selector codec-selector" id="video_codec_selector">
 					<div class="box-selector">
 						<div class="box-title">{{ i18n.devices.popupSettings.video.unselectedCodecs }}</div>

views/devices-smartphone.html

@@ -103,6 +103,11 @@
 					{{ i18n.devices.popupSettings.audio.sectionTitle }}
 				</div>
 
+				<div class="helper">
+					<i class="icon-info-sign"></i>
+					{{ i18n.devices.popupSettings.dragAndDrop }}
+				</div>
+
 				<div class="items-selector codec-selector" id="audio_codec_selector">
 					<div class="box-selector">
 						<div class="box-title">{{ i18n.devices.popupSettings.audio.unselectedCodecs }}</div>
@@ -128,6 +133,10 @@
 				<div class="title">
 					{{ i18n.devices.popupSettings.video.sectionTitle }}
 				</div>
+				<div class="helper">
+					<i class="icon-info-sign"></i>
+					{{ i18n.devices.popupSettings.dragAndDrop }}
+				</div>
 				<div class="items-selector codec-selector" id="video_codec_selector">
 					<div class="box-selector">
 						<div class="box-title">{{ i18n.devices.popupSettings.video.unselectedCodecs }}</div>

views/devices-softphone.html

@@ -68,6 +68,11 @@
 					{{ i18n.devices.popupSettings.audio.sectionTitle }}
 				</div>
 
+				<div class="helper">
+					<i class="icon-info-sign"></i>
+					{{ i18n.devices.popupSettings.dragAndDrop }}
+				</div>
+
 				<div class="items-selector codec-selector clearfix" id="audio_codec_selector">
 					<div class="box-selector">
 						<div class="box-title">{{ i18n.devices.popupSettings.audio.unselectedCodecs }}</div>
@@ -93,6 +98,10 @@
 				<div class="title">
 					{{ i18n.devices.popupSettings.video.sectionTitle }}
 				</div>
+				<div class="helper">
+					<i class="icon-info-sign"></i>
+					{{ i18n.devices.popupSettings.dragAndDrop }}
+				</div>
 				<div class="items-selector codec-selector" id="video_codec_selector">
 					<div class="box-selector">
 						<div class="box-title">{{ i18n.devices.popupSettings.video.unselectedCodecs }}</div>