Shout: Add some animation to the dialplan manager

diff --git a/shout/dialplan.php b/shout/dialplan.php
index c8b86e1..ed242a2 100644 (file)
--- a/shout/dialplan.php
+++ b/shout/dialplan.php
@@ -82,6 +82,7 @@ if ($action == 'edit') {
 
 Horde::addScriptFile('stripe.js', 'horde');
 Horde::addScriptFile('prototype.js', 'horde');
+Horde::addScriptFile('scriptaculous.js', 'horde');
 
 require SHOUT_TEMPLATES . '/common-header.inc';
 require SHOUT_TEMPLATES . '/menu.inc';

diff --git a/shout/templates/dialplan/edit.inc b/shout/templates/dialplan/edit.inc
index e24803f..12fff22 100644 (file)
--- a/shout/templates/dialplan/edit.inc
+++ b/shout/templates/dialplan/edit.inc
@@ -31,12 +31,12 @@
             </tr>
             <tr>
                 <td><div class="button" onclick="saveMenuInfo()"><?php echo _("Save"); ?></div></td>
-                <td><div class="button" onclick="$('editMenu').hide()"><?php echo _("Cancel"); ?></div></td>
+                <td><div class="button" onclick="Effect.BlindUp('editMenu')"><?php echo _("Cancel"); ?></div></td>
             </tr>
         </table>
         </form>
         <br style="clear:both;">
-        <ul id="controls">
+        <ul id="dialplanControls" class="controls">
         <?php
         $addurl = Horde::applicationUrl('dialplan.php');
         $addurl = Horde_Util::addParameter($addurl, 'action', 'add');
@@ -101,7 +101,7 @@ var recordings = $H(<?php echo Horde_Serialize::serialize($recordings, Horde_Ser
 
 function empty(p)
 {
-    while ((e = $(p).childNodes[0]) != null) {
+    while ($(p) && (e = $(p).childNodes[0]) != null) {
         $(p).removeChild(e);
     }
 }
@@ -491,7 +491,7 @@ function refreshMenu()
 
 function editMenu()
 {
-    $('editMenu').show();
+    Effect.BlindDown('editMenu');
 }
 
 function deleteMenu()
@@ -531,7 +531,7 @@ function saveMenuInfo()
         method: 'post',
         parameters: params,
         onSuccess: function(r) {
-            $('editMenu').hide();
+            Effect.BlindUp('editMenu');
             new Ajax.Request(ajax_url + 'getMenus',
             {
                 method: 'get',