fancy transitions

classes/WhatDidTheySayAdmin.inc

@@ -26,7 +26,8 @@ class WhatDidTheySayAdmin {
     'hide_transcript' => array(
       'home' => true,
       'single' => false
-    )
+    ),
+    'transcript_effects' => false
   );
   
   var $capabilities = array();
@@ -193,6 +194,7 @@ class WhatDidTheySayAdmin {
   function template_redirect() {
     wp_enqueue_script('wdts-script', get_bloginfo('url') . '?wdts[script]=true', array('prototype'));
     wp_enqueue_script('toggle-transcript', plugin_dir_url(dirname(__FILE__)) . 'js/toggle-transcript.js', array('prototype', 'wdts-script'), false, true);
+
     if (current_user_can('submit_transcriptions')) {
       wp_enqueue_script('scriptaculous-effects');
       wp_enqueue_script('edit-transcripts', plugin_dir_url(dirname(__FILE__)) . 'js/edit-transcripts.js', array('scriptaculous-effects', 'wdts-script'));
@@ -201,7 +203,11 @@ class WhatDidTheySayAdmin {
     
     $options = get_option('what-did-they-say-options');
     if (!empty($options['load_default_styles'])) {
-      wp_enqueue_style('wdts-defaults', plugin_dir_url(dirname(__FILE__)) . 'css/wdts-defaults.css');
+      wp_enqueue_style('wdts-defaults', plugin_dir_url(dirname(__FILE__)) . 'css/wdts-defaults.css');      
+    }
+
+    if ($options['transcript_effects']) {
+      wp_enqueue_script('scriptaculous-effects');
     }
   }
 
@@ -565,9 +571,9 @@ class WhatDidTheySayAdmin {
     if (current_user_can('edit_themes')) {
       $options = get_option('what-did-they-say-options');
 
-      $options['load_default_styles'] = isset($info['default_styles']);
+      foreach (array('load_default_styles', 'use_nl2br', 'transcript_effects') as $field) {
-      $options['use_nl2br'] = isset($info['use_nl2br']);
+        $options[$field] = isset($info[$field]);
-      $options['excerpt_distance'] = !empty($info['excerpt_distance']) ? $info['excerpt_distance'] : 30;
+      }
       
       update_option('what-did-they-say-options', $options);
       $updated = __('Default styles option updated.', 'what-did-they-say');

classes/partials/_default-styles.inc

@@ -14,12 +14,20 @@
 
       <label>
         <input type="checkbox"
-               name="wdts[default_styles]"
+               name="wdts[load_default_styles]"
                value="yes"
                <?php echo ($options['load_default_styles'] ? 'checked="checked"' : '') ?> />
         <?php _e('Include default CSS styles for transcripts', 'what-did-they-say') ?>
       </label>
 
+      <label>
+        <input type="checkbox"
+               name="wdts[transcript_effects]"
+               value="yes"
+               <?php echo ($options['transcript_effects'] ? 'checked="checked"' : '') ?> />
+        <?php _e('Enable fancy transcript open/close transitions. Increases page download size.', 'what-did-they-say') ?>
+      </label>
+
       <label>
         <input type="checkbox"
                name="wdts[use_nl2br]"

classes/partials/_editor-script.inc

@@ -37,3 +37,5 @@ WhatDidTheySay.can_approve = <?php echo current_user_can('approve_transcriptions
 WhatDidTheySay.languages = { <?php echo implode(",", $language_output) ?> };
 
 WhatDidTheySay.default_language = '<?php echo $language_options->get_default_language() ?>';
+
+WhatDidTheySay.use_transcript_effects = <?php echo ($options['transcript_effects'] ? "true" : "false") ?>;

css/wdts-defaults.css

@@ -34,4 +34,8 @@ div.wdts-transcript div.wdts-dialog span.wdts-name {
 
 div.wdts-transcript div.wdts-dialog span.wdts-speech {
   margin: 0.5em 1em 0
+}
+
+.wdts-transcript-opener {
+  margin: 0.5em 0;
 }

js/toggle-transcript.js

@@ -20,9 +20,17 @@ WhatDidTheySay.build_bundle_header = function(bundle) {
   var show_only_this_code = function(code) {
     transcript_holders.each(function(t) {
       if (t.hasClassName(code)) {
-        t.show();
+        if (WhatDidTheySay.use_transcript_effects) {
+          new Effect.BlindDown(t, { duration: 0.25 });
+        } else {
+          t.show();
+        }
       } else {
-        t.hide();
+        if (WhatDidTheySay.use_transcript_effects) {
+          new Effect.BlindUp(t, { duration: 0.25 });
+        } else {
+          t.hide();
+        }
       }
     });
   };
@@ -72,26 +80,28 @@ $$('.wdts-transcript-container').each(function(d) {
 
     if (opener && closer) {
       opener.observe('click', function(e) {
-        opener.hide();
+        opener.hide(); closer.show();
-        closer.show();
+        if (WhatDidTheySay.use_transcript_effects) {
-        bundle.show();
+          new Effect.BlindDown(bundle, { duration: 0.25 });
+        } else {
+          bundle.show();
+        }
       });
 
       closer.observe('click', function(e) {
-        closer.hide();
+        closer.hide(); opener.show();
-        opener.show();
+        if (WhatDidTheySay.use_transcript_effects) {
-        bundle.hide();
+          new Effect.BlindUp(bundle, { duration: 0.25 });
+        } else {
+          bundle.hide();
+        }
       });
     }
 
     if (d.hasClassName('wdts-start-hidden')) {
-      bundle.hide();
+      bundle.hide(); closer.hide(); opener.show();
-      closer.hide();
-      opener.show();
     } else {
-      bundle.show();
+      bundle.show(); closer.show(); opener.hide();
-      closer.show();
-      opener.hide();
     }
   }
 });