Add JS for conference radio-table toggle

- semantically re-name the inputs in the conference applet radio-table (they
  were copied from the dial applet and retained the names).
- add JS to toggle between on/off states of the input table. A future update
  should make this code generic so that individual applets don't need to
  implement this feature.

Author: Gipetto

plugins/standard/applets/conference/script.js

@@ -0,0 +1,11 @@
+jQuery(function($) {
+
+	// Highlights the region for radio-tables
+	$(".flow-instance .conference-applet input.conference-record-selector-radio").live('click', function() {
+		$(this).closest('tr').siblings('tr').each(function(i, elem) {
+				$(elem).removeClass('on').addClass('off');
+			})
+			.end().addClass('on').removeClass('off');
+	});
+
+});

plugins/standard/applets/conference/ui.php

@@ -17,7 +17,7 @@
 					  );
 $record = AppletInstance::getValue('record','do-not-record');
 ?>
-<div class="vbx-applet">
+<div class="vbx-applet conference-applet">
 		<h2>Moderator</h2>
 		<p>If you set a moderator, callers are placed on hold until a moderator calls in from one of their configured devices.</p>
 		<?php echo AppletUI::UserGroupPicker('moderator'); ?>
@@ -40,15 +40,15 @@
 			<table>
 				<tr class="radio-table-row first <?php echo ($record === 'record-from-start') ? 'on' : 'off' ?>">
 					<td class="radio-cell">
-						<input type="radio" class='dial-whom-selector-radio' name="record" value="record-from-start" <?php echo ($record === 'record-from-start') ? 'checked="checked"' : '' ?> />
+						<input type="radio" class='conference-record-selector-radio' name="record" value="record-from-start" <?php echo ($record === 'record-from-start') ? 'checked="checked"' : '' ?> />
 					</td>
 					<td class="content-cell">
 						<h4>Enable</h4>
 					</td>
 				</tr>
 				<tr class="radio-table-row last <?php echo ($record === 'do-not-record') ? 'on' : 'off' ?>">
 					<td class="radio-cell">
-						<input type="radio" class='dial-whom-selector-radio' name="record" value="do-not-record" <?php echo ($record === 'do-not-record') ? 'checked="checked"' : '' ?> />
+						<input type="radio" class='conference-record-selector-radio' name="record" value="do-not-record" <?php echo ($record === 'do-not-record') ? 'checked="checked"' : '' ?> />
 					</td>
 					<td class="content-cell">
 						<h4>Disable</h4>