Etienne Pallier / labinvent

Commit 6b88094492cac972b3c8cd7ab85492a3d486214c

Authored by Etienne Pallier
1 parent 6d9f05b7
Exists in master and in 1 other branch dev

Sections Toggle javascript refactorisées en 5 ligne (show/hide)

Showing 5 changed files with 44 additions and 31 deletions   Show diff stats
Inline Side-by-side
README.md
  Diff comments   View file @6b88094
... ... @@ -54,12 +54,11 @@ Logiciel testé et validé sur les configurations suivantes :
54 54 VERSION ACTUELLE
55 55  
56 56 Date: 16/04/2020
57   -Version: 3.7.9.18
  57 +Version: 3.7.9.19 (en cours)
58 58 Author: EP
59 59 Commentaire:
60   - Amelioration gestion des Dates... :
61   - - GROS bugfix check dates : uniformisation du format date partout (vues et DatePicker.js et code javascript) => dd/mm/aaaa (au lieu de dd-mm-aa)
62   - - nombreuses refactorisations, généralisations et améliorations du code javascript (bcp de refactorisation dans script.js)
  60 + TITRE
  61 + - Sections Toggle javascript refactorisées en 5 ligne !!
63 62  
64 63 IMPORTANT :
65 64 - Pour connaitre la version actuelle, taper "./VERSION"
... ... @@ -94,6 +93,11 @@ La liste ci-dessous n'est plus à jour, elle est désormais en ligne ici : https
94 93  
95 94 -----------------------------------------------------------------------------------------------------------
96 95  
  96 +16/04/2020 Version 3.7.9.18 (EP)
  97 + Amelioration gestion des Dates... :
  98 + - GROS bugfix check dates : uniformisation du format date partout (vues et DatePicker.js et code javascript) => dd/mm/aaaa (au lieu de dd-mm-aa)
  99 + - nombreuses refactorisations, généralisations et améliorations du code javascript (bcp de refactorisation dans script.js)
  100 +
97 101 09/04/2020 Version 3.7.9.17 (EP)
98 102 Amelioration Suivis (3) :
99 103 - ajout champ is_metro dans table type_suivis pour les types liés au module métrologie
... ...
src/Template/Configurations/view.ctp
  Diff comments   View file @6b88094
... ... @@ -10,7 +10,8 @@ $configurationObj = $configurationObj;
10 10 // qui contient une fonction pour chaque section (avec le nom "t_<nom de la section>")
11 11 // Ex pour la section "emprunts" : $('#t_emprunts').click(function()...
12 12 function echoSection($title, $section) {
13   - echo '<h3 id="t_'.$section.'" style="cursor: pointer;">';
  13 + //echo '<h3 id="t_'.$section.'" style="cursor: pointer;">';
  14 + echo "<h3 id='t_$section' class='toggle' style='cursor: pointer;'>";
14 15 echo '<i class="icon-chevron-down" style="font-size: 14px;" id="i_'.$section.'"></i>';
15 16 echo '<span style="text-decoration: underline;">'.$title.'</span>';
16 17 echo '</h3>';
... ...
src/Template/Materiels/find.ctp
  Diff comments   View file @6b88094
... ... @@ -35,7 +35,7 @@ if ($r) {
35 35 }
36 36 ?>
37 37  
38   - <h3 id="t_filter" style="cursor: pointer;">
  38 + <h3 id="t_filter" class='toggle' style="cursor: pointer;">
39 39 <i
40 40 class=<?php if ($r) echo '"icon-chevron-up"'; echo '"icon-chevron-down"'; ?>
41 41 style="font-size: 14px;" id="i_filter"></i> <span
... ... @@ -267,7 +267,7 @@ echo &#39;&lt;br/&gt;&lt;br/&gt;&lt;br/&gt;&#39;;
267 267 ?>
268 268 </div>
269 269 <!-- RESULT DISPLAY -->
270   - <h3 id="t_result" style="cursor: pointer;">
  270 + <h3 id="t_result" class='toggle' style="cursor: pointer;">
271 271 <i
272 272 class=<?php if ($r) echo '"icon-chevron-down"'; echo '"icon-chevron-up"'; ?>
273 273 style="font-size: 14px;" id="i_result"></i> <span
... ...
src/Template/Materiels/view.ctp
  Diff comments   View file @6b88094
... ... @@ -625,7 +625,7 @@ if ($role == &#39;Super Administrateur&#39;) {
625 625  
626 626 <!-- SUIVIS -->
627 627  
628   - <h3 id="t_suivis" style="cursor: pointer;">
  628 + <h3 id="t_suivis" class='toggle' style="cursor: pointer;">
629 629 <i class="icon-chevron-down" style="font-size: 14px;" id="i_suivis"></i>
630 630 <span style="text-decoration: underline;">Suivi(s) du matériel (<?=count($entity->suivis)?>)</span>
631 631 </h3>
... ... @@ -735,7 +735,7 @@ if ($role == &#39;Super Administrateur&#39;) {
735 735  
736 736 <!-- EMPRUNTS -->
737 737  
738   - <h3 id="t_emprunts" style="cursor: pointer;">
  738 + <h3 id="t_emprunts" class='toggle' style="cursor: pointer;">
739 739 <i class="icon-chevron-down" style="font-size: 14px;" id="i_emprunts"></i>
740 740 <span style="text-decoration: underline;">Emprunt(s) du matériel (<?=count($entity->emprunts)?>)</span>
741 741 </h3>
... ... @@ -816,7 +816,7 @@ if ($role == &#39;Super Administrateur&#39;) {
816 816 <!-- FICHIERS liés -->
817 817  
818 818 <?php $nbFic = count($entity->documents); ?>
819   - <h3 id="t_fichiers" style="cursor: pointer;">
  819 + <h3 id="t_fichiers" class='toggle' style="cursor: pointer;">
820 820 <i class="icon-chevron-down" style="font-size: 14px;" id="i_fichiers"></i>
821 821 <span style="text-decoration: underline;">Fichier(s) lié(s) au matériel (<?=$nbFic?>)</span>
822 822 </h3>
... ...
webroot/js/script.js
  Diff comments   View file @6b88094
... ... @@ -8,17 +8,40 @@
8 8 $(document).ready(function() {
9 9  
10 10  
  11 + /* (EP 20200416)
  12 + *
  13 + * ON change => Check de la saisie manuelle de TOUS les champs date (avec datepicker class)
  14 + *
  15 + */
  16 + //$("#datepicker").bind("change", function (event) { check_date_deb_inf_date_fin(); } );
  17 + //$("#datepicker").bind("change", function (event) {
  18 + //$(".datepicker").bind("change", function (event) {
  19 + //$(".datepicker").blur(function(){
  20 + //$(".datepicker").on("change", function(event) {
  21 + $(".datepicker").change( function(event) {
  22 + checkDate(this);
  23 + });
  24 +
  25 +
  26 + /* (EP 20200416 : Ces seules 5 lignes remplacent tout le binz ci-dessous,
  27 + * suffisait de se creuser un peu la tête quoi !!
  28 + *
  29 + * SECTIONS SHOW/HIDE
  30 + *
  31 + */
11 32 $('.toggle').click(function() {
12 33 // ex: '#t_informations' devient '#informations'
13 34 var newid = '#' + this.id.substr(2);
14 35 //console.log(newid);
15   - $(newid).toggle('fast');
  36 + $(newid).toggle('slow', 'linear');
  37 + //$(newid).toggle('slow', 'swing');
  38 + //$(newid).toggle('fast');
  39 + //$(newid).toggle('fast', 'swing');
16 40 toogleChevron('#i_'+newid);
17 41 });
18   -
  42 + /*
19 43 // Page index de matériel (et de configurations)
20 44  
21   - /*
22 45 $('#t_informations').click(function() {
23 46 $('#informations').toggle('fast');
24 47 toogleChevron('#i_informations');
... ... @@ -27,7 +50,7 @@ $(document).ready(function() {
27 50 $('#informations_admin').toggle('fast');
28 51 toogleChevron('#i_informations_admin');
29 52 });
30   - */
  53 +
31 54 $('#t_suivis').click(function() {
32 55 $('#suivis').toggle('fast');
33 56 toogleChevron('#i_suivis');
... ... @@ -60,24 +83,9 @@ $(document).ready(function() {
60 83 $('#result').toggle('fast');
61 84 toogleChevron('#i_result');
62 85 });
63   -
64   -
65   -
66   -
67   - /* (EP 20200416)
68   - * ON change => Check de la saisie manuelle de TOUS les champs date (avec datepicker class)
69   - */
70   - //$("#datepicker").bind("change", function (event) { check_date_deb_inf_date_fin(); } );
71   - //$("#datepicker").bind("change", function (event) {
72   - //$(".datepicker").bind("change", function (event) {
73   - //$(".datepicker").blur(function(){
74   - //$(".datepicker").on("change", function(event) {
75   - $(".datepicker").change( function(event) {
76   - checkDate(this);
77   - });
78   -
79   -
80 86  
  87 + */
  88 +
81 89  
82 90 }); // $(document).ready
83 91  
... ...