SAAS-290: Hosted SaaS widgets + javascript code generation

Slight improvements to description as well as element
positioning

airtime_mvc/application/forms/GeneralPreferences.php

@@ -42,7 +42,7 @@ class Application_Form_GeneralPreferences extends Zend_Form_SubForm
         ));
 
         $third_party_api = new Zend_Form_Element_Radio('thirdPartyApi');
-        $third_party_api->setLabel('Allow Remote Websites To Access "Schedule" Info?<br> (Enable this to make front-end widgets work.)');
+        $third_party_api->setLabel('Website Widgets:');
         $third_party_api->setMultiOptions(array("Disabled",
                                             "Enabled"));
         $third_party_api->setValue(Application_Model_Preference::GetAllow3rdPartyApi());

airtime_mvc/application/views/scripts/form/preferences_general.phtml

@@ -27,13 +27,18 @@
                 </ul>
             <?php endif; ?>
         </dd>
-        <dt id="thirdPartyApi-label" class="block-display">
+        <dt id="thirdPartyApi-label" class="block-display" style="width:140px;">
-            <label class="optional"><?php echo $this->element->getElement('thirdPartyApi')->getLabel() ?></label>
+            <label class="optional"><?php echo $this->element->getElement('thirdPartyApi')->getLabel() ?>
+                <span class="icecast_metadata_help_icon" id="thirdPartyApiInfo"></span>           
+            </label>
+            
         </dt>
+
         <dd id="thirdPartyApi-element" class="block-display  radio-inline-list">
             <?php $i=0;
                   $value = $this->element->getElement('thirdPartyApi')->getValue();
             ?>
+
             <?php foreach ($this->element->getElement('thirdPartyApi')->getMultiOptions() as $radio) : ?>
                 <label for="thirdPartyApi-<?php echo $i ?>">
                     <input type="radio" value="<?php echo $i ?>" id="thirdPartyApi-<?php echo $i ?>" name="thirdPartyApi" <?php if($i == $value){echo 'checked="checked"';}?>>
@@ -50,6 +55,7 @@
                 </ul>
             <?php endif; ?>
         </dd>
+
         <dt id="widgetCode-label" style="display:none;" class="block-display">
             <label class="optional" for="widgetCode"><?php echo $this->element->getElement('widgetCode')->getLabel() ?></label>
         </dt>

airtime_mvc/public/js/airtime/preferences/preferences.js

@@ -92,10 +92,36 @@ function setCollapsibleWidgetJsCode() {
             $('#widgetCode-label').hide("fast");
             $('#widgetCode-element').hide("fast");
         }
-        
      });
 }
 
+function createWidgetHelpDescription() {
+    $('#thirdPartyApiInfo').qtip({
+        content: {
+            text: "Enabling this feature will allow Airtime to " +
+            "provide schedule data to external widgets that can be embedded " +
+            "in your website. Enable this feature to reveal the embeddable " +
+            "code."
+        },
+        hide: {
+            delay: 500,
+            fixed: true
+        },
+        style: {
+            border: {
+                width: 0,
+                radius: 4
+            },
+            classes: "ui-tooltip-dark ui-tooltip-rounded"
+        },
+        position: {
+            my: "left bottom",
+            at: "right center"
+        },
+    });
+
+}
+
 $(document).ready(function() {
 
     $('.collapsible-header').live('click',function() {
@@ -111,4 +137,5 @@ $(document).ready(function() {
     setConfigureMailServerListener();
     setEnableSystemEmailsListener();
     setCollapsibleWidgetJsCode();
+    createWidgetHelpDescription();
 });