| 26,10 → 26,24 |
|---|
| #dialog label, #dialog input { display:block; } |
| #dialog label { margin-top: 0.5em; } |
| #dialog input, #dialog textarea { width: 95%; } |
| #zone_onglets { margin-top: 1em; border-width: 1px 1px 0 1px; border-radius:0; width:99%; font-size:12px} |
| #zone_onglets { margin-top: 1em; padding-right: 5px; border-width: 1px 1px 0 1px; border-radius:0; width:99%; font-size:12px} |
| #zone_onglets li {float:left} |
| #zone_onglets li .ui-icon-close { float: left; margin: 0.4em 0.2em 0 0; cursor: pointer; } |
| #add_tab { cursor: pointer; } |
| #zone_onglets #ongletEtPlus { cursor: pointer; float:right;} |
| |
| .elementMenuModules { |
| display:block; |
| border: 1px solid black; |
| width: 150px; |
| padding: 10px 10px 10px 25px; |
| margin:0px; |
| cursor: pointer; |
| } |
| |
| .elementMenuModules:hover { |
| background-color: grey; |
| } |
| .menuModules {left: 73%; position: absolute; border: 1px solid grey; margin: 0px; padding: 0px} |
| </style> |
| |
| <div id="zone_onglets" class="ui-tabs ui-widget ui-widget-content ui-corner-all"> |
| 38,7 → 52,9 |
|---|
| <li class="ui-state-default ui-corner-top"><a href="#fiche">Illustrations</a></li> |
| <li class="ui-state-default ui-corner-top"><a href="#fiche">Répartition</a></li> |
| <li class="ui-state-default ui-corner-top"><a href="#fiche">Wiki</a></li> |
| <li id="ongletEtPlus" class="ui-state-default ui-corner-top"><a href="#fiche">+</a></li> |
| </ul> |
| <span id="conteneurMenuOnglets"></span> |
| </div> |
| |
| <div id="zone_contenu_fiche"> |
| 68,6 → 84,7 |
|---|
| |
| <script type="text/Javascript"> |
| var modules = Array(); |
| var ongletsOuverts = Array(); |
| |
| /** Classe Module |
| * Définit un module de type portlet |
| 122,7 → 139,7 |
|---|
| // Comme les liens sont mis en place par jqueryui tabs, il faut ajouter une surcouche pour |
| // déplacer vers la page du module |
| $(a).click(function() { |
| // TODO : Changer l'url par celle du module. |
| // TODO : Changer l'url par celle du module et enregistrer la configuration actuelle des onglets. |
| //$(location).attr('href',"http://www.google.fr"); |
| }); |
| |
| 157,8 → 174,31 |
|---|
| |
| return this.portlet; |
| } |
| |
| // fonctions d'affichage et cachage (je sais pas si on dit ça comme ça) des onglets |
| this.afficherCacherModule = function() { |
| $(this.portlet).find(".lienToggle").toggleClass("ui-icon-plusthick"); |
| $(this.portlet).find(".lienToggle").toggleClass("ui-icon-minusthick"); |
| $(this.portlet).find(".contenu").toggle(); |
| } |
| |
| } |
| |
| function afficherMenuOnglets() { |
| if($("#conteneurMenuOnglets").html() != '') { |
| $("#conteneurMenuOnglets").html(''); |
| } else { |
| console.log(ongletsOuverts); |
| var htmlMenu = '<ul class="menuModules">'; |
| for (idOnglet in ongletsOuverts) { |
| htmlMenu += '<li class="elementMenuModules" rel="'+idOnglet+'" id="menu_module_'+idOnglet+'">'+ongletsOuverts[idOnglet].titre+'</li>'; |
| } |
| htmlMenu += '</ul>'; |
| $("#conteneurMenuOnglets").html(htmlMenu); |
| $("#conteneurMenuOnglets").toggle(); |
| } |
| } |
| |
| //Initialisation |
| $(document).ready(function() { |
| i = 1; |
| 168,7 → 208,8 |
|---|
| i++; |
| identifiantOnglet = "#zone_onglets>ul>li:nth-child(" + i +")"; |
| var module = new Module(i, this, $(identifiantOnglet)); |
| |
| module.titre = $(this).children('h3').text(); |
| ongletsOuverts[identifiantOnglet] = module; |
| }); |
| |
| $( ".colonne" ).sortable({ |
| 177,5 → 218,17 |
|---|
| |
| $( ".colonne" ).disableSelection(); |
| $('#zone_onglets').tabs(); |
| $("#ongletEtPlus").click(function() { |
| afficherMenuOnglets(); |
| }); |
| |
| $('.elementMenuModules').live('click', function() { |
| var idOnglet = $(this).attr('rel'); |
| var objet = ongletsOuverts[idOnglet]; |
| $(idOnglet).toggle(); |
| $(objet.portlet).find(".lienToggle").toggleClass("ui-icon-plusthick"); |
| $(objet.portlet).find(".lienToggle").toggleClass("ui-icon-minusthick"); |
| $(objet.portlet).find(".contenu").toggle(); |
| }) |
| }); |
| </script> |