Changeset 7942 for extensions/event_cats/admin/template

Timestamp:

Nov 29, 2010, 11:04:37 PM (13 years ago)

Author:

LucMorizur

Message:

Redesigning autolog_new.tpl page, slowly :-/ ...

Location:

extensions/event_cats/admin/template

Files:

• autolog_new.js (modified) (4 diffs)
• autolog_new.tpl (modified) (4 diffs)

extensions/event_cats/admin/template/autolog_new.js

@@ -194 +194 @@
     }
   }
+  de('first_fieldset_value_id').innerHTML = de('ec_in_up_code_id').value;
+  if (de('ec_in_up_comment_id').value == '')
+   de('first_fieldset_comment_id').innerHTML = '';
+  else
+   de('first_fieldset_comment_id').innerHTML =
+    ' (' + de('ec_in_up_comment_id').value + ')';
 }
 
@@ -813 +819 @@
     'display', (ec_validity_on) ? 'none' : 'inline'
   );
+}
+
+function ec_toggle_fieldset(f1, f2) {
+  var t = jQuery(f1).css('display');
+  jQuery(f1).css('display', jQuery(f2).css('display'));
+  jQuery(f2).css('display', t);
 }
 
@@ -867 +879 @@
   maintenant.setSeconds(0);
   validity_date.setTime(maintenant.getTime());
-  jQuery(document).ready(function(){
-    jQuery('#ec_tmp_img').attr(
-      'src', jQuery('img.ui-datepicker-trigger:first').attr('src')
-    );
-    ec_check_validity_on();
-    jQuery('.ui-datepicker').click(function(){
-      ec_validity_check_min();
-    });
-    jQuery('.ec_datepicker').change(function(){
-      ec_validity_check_min();
-    });
-    jQuery('#ec_validity_sel_day').css(
-      'backgroundColor', jQuery('#content').css('backgroundColor')
-    );
-    jQuery('#ec_validity_sel_day').css(
-      'color', jQuery('#content').css('color')
-    );
-    jQuery('.ec_valid_ctl').attr('disabled', 'disabled');
-    jQuery('#ec_valid_date_on_id').change(function(){
-      ec_validity_on = jQuery(this).attr('checked');
-      ec_check_validity_on();
-    });
-  });
   
   if (ec_is_creation) { // Entry creation
@@ -1010 +999 @@
   }
   ec_mark_help('');
+  jQuery(document).ready(function(){
+    jQuery('#ec_tmp_img').attr(
+      'src', jQuery('img.ui-datepicker-trigger:first').attr('src')
+    );
+    ec_check_validity_on();
+    jQuery('#reduced_first_fieldset_bullet_id').click(function(){
+      ec_toggle_fieldset(
+        '#reduced_first_fieldset_id', '#maximized_first_fieldset_id'
+      );
+    });
+    jQuery('#maximized_first_fieldset_bullet_id').click(function(){
+      ec_toggle_fieldset(
+        '#reduced_first_fieldset_id', '#maximized_first_fieldset_id'
+      );
+    });
+    jQuery('.ui-datepicker').click(function(){
+      ec_validity_check_min();
+    });
+    jQuery('.ec_datepicker').change(function(){
+      ec_validity_check_min();
+    });
+    jQuery('#ec_validity_sel_day').css(
+      'backgroundColor', jQuery('#content').css('backgroundColor')
+    );
+    jQuery('#ec_validity_sel_day').css(
+      'color', jQuery('#content').css('color')
+    );
+    jQuery('.ec_valid_ctl').attr('disabled', 'disabled');
+    jQuery('#ec_valid_date_on_id').change(function(){
+      ec_validity_on = jQuery(this).attr('checked');
+      ec_check_validity_on();
+    });
+    jQuery('.reduced_fieldsets').css({
+      'padding-left'   : jQuery('fieldset').css('padding-left'),
+      'padding-right'  : jQuery('fieldset').css('padding-right'),
+      'padding-top'    : jQuery('fieldset').css('padding-top'),
+      'padding-bottom' : jQuery('fieldset').css('padding-bottom'),
+      'margin-left'    : jQuery('fieldset').css('margin-left'),
+      'margin-right'   : jQuery('fieldset').css('margin-right'),
+      'margin-top'     : jQuery('fieldset').css('margin-top'),
+      'margin-bottom'  : jQuery('fieldset').css('margin-bottom'),
+    });
+    jQuery('.plus_bullets').css(
+      'padding-left', jQuery('legend').css('padding-left')
+    );
+    jQuery('.reduced_fieldsets_legend').css(
+      'padding-left', jQuery('fieldset').css('border-left-width')
+    );
+  });
   return false;
 }

extensions/event_cats/admin/template/autolog_new.tpl

@@ -11 +11 @@
   <style type = "text/css"> #ui-datepicker-div { display:none; } </style>
 {/literal} {/html_head}
+
+{* <!-- JS functions --> *}
+<script type = "text/javascript" src = "{$RACINE_URL}{$EVNTCATS_PATH}admin/template/autolog_new.js"></script>
 
 {* <!-- Whether plugin Additionnal Pages is active or not, and help banner management --> *}
@@ -40 +43 @@
 </div><span id = "ec_help_ban"></span>
 <script type = "text/javascript"><!--
-  document.getElementById('ec_help_banner2').style.display = "none";
+  de('ec_help_banner2').style.display = "none";
 //--></script>
 
@@ -70 +73 @@
   
   {* <!-- [ [ [New] / [existing] code] / [Existing entry] ] selection --> *}
-  <fieldset>
+  <div id = "reduced_first_fieldset_id" class = "reduced_fieldsets" style = "display:none;">
+    <img id = "reduced_first_fieldset_bullet_id" class = "plus_bullets" alt = "" title = "" src = "{$EVNTCATS_URLS.ROOT}icon/plus.png">
+    <span style = "font-weight:bold;" id = "first_fieldset_legend_id1" class = "reduced_fieldsets_legend"
+     >{if $ec_is_creation}{'Code'|@translate}{else}{'Selected entry'|@translate}{/if}</span>&nbsp;: 
+    <span id = "first_fieldset_value_id"></span>
+    <span id = "first_fieldset_comment_id"></span>
+  </div>
+  <fieldset id = "maximized_first_fieldset_id">
     <legend style = "font-weight:bold;">
-      {if $ec_is_creation}
-        {'Code'|@translate}
-      {else}
-        {'Selected entry'|@translate}
-      {/if}
+      <img id = "maximized_first_fieldset_bullet_id" class = "minus_bullets" alt = "" title = "" src = "{$EVNTCATS_URLS.ROOT}icon/minus.png">
+      <script type = "text/javascript">d.write(de('first_fieldset_legend_id1').innerHTML);</script>
     </legend>
     <ul>
@@ -492 +499 @@
 
 {* <!-- JavaScript functions --> *}
-<script type = "text/javascript" src = "{$RACINE_URL}{$EVNTCATS_PATH}admin/template/autolog_new.js"></script>
 <script type = "text/javascript"><!--
   ec_is_creation                          = {if $ec_is_creation}true{else}false{/if};