Changeset 8016 for extensions/event_cats

Timestamp:

Dec 7, 2010, 8:37:24 AM (13 years ago)

Author:

LucMorizur

Message:

Improve Smart Fieldsets

Location:

extensions/event_cats/admin/template

Files:

• autolog_new.js (modified) (4 diffs)
• ec_smart_fieldset.inc.tpl (modified) (3 diffs)

extensions/event_cats/admin/template/autolog_new.js

@@ -246 +246 @@
           de('ec_in_up_newgroup_id').checked       = '';
           de('ec_in_up_usr_list_id').selectedIndex = '-1';
-          de('second_cache_id').innerHTML = '';
+          de('second_cache_id').innerHTML          = '';
         break;
         case 'ec_sel_user_new': // New user
@@ -259 +259 @@
            (ec_selected_old_group) ? 'checked' : '';
           de('ec_in_up_usr_list_id').selectedIndex = '-1';
-          de('second_cache_id').innerHTML = ec_new_user_text;
+          de('second_cache_id').innerHTML          = ec_new_user_text;
         break;
         case 'ec_sel_user_old': // "Old" user
@@ -270 +270 @@
           de('ec_in_up_newgroup_id').checked       = '';
           de('ec_in_up_usr_list_id').value         = ec_selected_old_user;
-          de('second_cache_id').innerHTML =
+          de('second_cache_id').innerHTML          =
            t.options[t.selectedIndex].label;
         break;
@@ -1015 +1015 @@
   }
   ec_mark_help('');
-  ec_init_smart_fieldset('first_fieldset_id', 'first_cache_id',
+  sf_init('first_fieldset_id', 'first_cache_id',
    ec_plus_bullet_path, ec_minus_bullet_path, '', false);
-  ec_init_smart_fieldset('second_fieldset_id', 'second_cache_id',
+  sf_init('second_fieldset_id', 'second_cache_id',
    ec_plus_bullet_path, ec_minus_bullet_path, '', false);
   jQuery(document).ready(function(){

extensions/event_cats/admin/template/ec_smart_fieldset.inc.tpl

@@ -4 +4 @@
 {literal}
   <script type="text/javascript">
-    function smartToggle(grand, petit) {
-      petit.toggle();
-      grand.toggle();
+    var sf_plus_bullet_path  = '';
+    var sf_minus_bullet_path = '';
+    
+    function sf_toggle(maximized, reduced) {
+      reduced.toggle();
+      maximized.toggle();
     }
-    function ec_init_smart_fieldset(
-      fieldset_id,
-      cache_id,
-      plus_bullet_path,
-      minus_bullet_path,
-      initial_cache_value,
-      locked
-    ) {
+    
+    function sf_lock(fieldset_id, locked) {
+      var f_m = jQuery('#' + fieldset_id);
+      var l_r = jQuery('#' + fieldset_id + '_reduced_legend');
+      if (locked) {
+        if (!f_m.is(':hidden'))
+         sf_toggle(f_m, jQuery('#' + fieldset_id + '_reduced'));
+        l_r.css('cursor', 'auto');
+        l_r.removeClass('click_ok');
+      }
+      else {
+        l_r.addClass('click_ok');
+        l_r.css('cursor', 'pointer');
+      }
+    }
+    
+    function sf_init(fieldset_id, cache_id) {
       jQuery(document).ready(function(){
         var f_m   = jQuery('#' + fieldset_id);
         var l_m   = jQuery('#' + fieldset_id + ' legend');
         var l_txt = l_m.text();
+        var tx    = '';
         var f_r   = f_m;
         var l_r   = f_m;
         var c     = f_m;
-        l_m.prepend(
+        if (sf_minus_bullet_path != '') l_m.prepend(
           '<img alt = "" title = ""' +
-          'src = "' + minus_bullet_path + '"' + '>&nbsp;'
+          'src = "' + sf_minus_bullet_path + '"' + '>&nbsp;'
         );
-        l_m.addClass('legends');
+        l_m.addClass('sf_legends');
+        l_m.addClass('sf_click_ok');
         f_m.before(document.createElement('div'));
         f_r = f_m.prev();
@@ -41 +55 @@
           'vertical-align' : f_m.css('vertical-align'),
         });
+        f_r.attr('id', fieldset_id + '_reduced');
         f_r.append(document.createElement('span'));
         l_r = f_r.children('span');
-        l_r.addClass('legends');
+        l_r.attr('id', fieldset_id + '_reduced_legend');
+        l_r.addClass('sf_legends');
+        l_r.addClass('sf_click_ok');
         l_r.css({
           'font-weight'    : l_m.css('font-weight'),
@@ -54 +71 @@
           'font-size'      : l_m.css('font-size'),
         });
-        l_r.append(
-          '<img alt = "" title = "" src = "' + plus_bullet_path + '" ' +
+        if (sf_plus_bullet_path == '') l_r.append(
+          '<span style = "padding-left:' + l_m.css('padding-left') + ';">' +
+          l_txt + '</' + 'span>&nbsp;: '
+         );
+        else l_r.append(
+          '<img alt = "" title = "" src = "' + sf_plus_bullet_path + '" ' +
           'style = "padding-left:' + l_m.css('padding-left') + ';"' +
           '>&nbsp;' + l_txt + '&nbsp;: '
-        );
+         );
         l_r.after(document.createElement('span'));
         c = l_r.next();
         c.attr('id', cache_id);
-        c.html(initial_cache_value);
-        if (locked)
-         smartToggle(f_m, f_r);
-        else {
-          jQuery('.legends').css('cursor', 'pointer');
-          l_m.click(function(){
-            smartToggle(f_m, f_r);
-          });
-          l_r.click(function(){
-            smartToggle(f_m, f_r);
-          });
-        }
+        jQuery('.sf_legends').css('cursor', 'pointer');
+        l_m.click(function(){
+          if (l_m.hasClass('sf_click_ok')) sf_toggle(f_m, f_r);
+        });
+        l_r.click(function(){
+          if (l_r.hasClass('sf_click_ok')) sf_toggle(f_m, f_r);
+        });
       });
     }