Projecte

General

Perfil

Accions
Copiar enllaç

Tasca #7809

tancat
BP BP

BCHG - Arxiu Sonor - Collection Tree Script

Tasca #7809: BCHG - Arxiu Sonor - Collection Tree Script

Afegit per Beatriu Piera fa aproximadament 3 anys. Actualitzat fa més de 2 anys.

Estat:
Tancada
Prioritat:
Normal
Assignat a:
Beatriu Piera
Categoria:
Biblioteques
Temàtica prevista:
Desenvolupament a mida
Inici:
28-02-2023
Data de venciment:
Paraula clau:
2023, BCHG, Omeka

Descripció

La BCHG necessita que la col·lecció "Tercer sector" sigui colapsable, ja que està creixent molt i la pàgina tira molt cap avall.
A l'Arxiu sonor totes les col·leccions tenen 2 nivells, excepte "Tercer sector" que en te 3.

El que cal fer és:
1. Trobar els children que tot seguit tenen <ul> (el segon nivell no genera ul després de <span class="children"> però els elements de tercer nivell sí, que son els que volem ocultar). Ho podem fer afegint display:none
2. Ocultar els <ul> de la class "children" i fer que l'enllaç de la col·lecció superior a la que pertanyen quedi desactivat (pointer-event: none)
3. Afegir davant la col·lecció superior un botó transparent o algun tipus d'evento que en clicar-lo faci que <ul> que hem ocultat passi a ser visible (display:block)

Cal desenvolupar un script jquery en el fitxer del plugin collection tree list:

Ruta del fitxer dins Omeka:
Directori principal/httpdocs/plugins/CollectionTree/views/helpers/CollectionTreeList.php

BP Actualitzat per Beatriu Piera fa aproximadament 3 anys Accions
Copiar enllaç
 #1

  • Assignat a ha canviat de Javier Planella a Beatriu Piera

Desenvolupat l'script

<script src="https://code.jquery.com/jquery-3.6.3.js&quot;&gt;&lt;/script>
<script type="text/javascript">

//SCRIPT MOLT IMPORTANT
var x = document.getElementsByClassName("boto");
        console.log(x);
        var i;
        for (i = 0; i < x.length; i++) {
        var tag = document.createElement('button');
         tag.style.position = "relative";
         tag.style.bottom = "0px";
         tag.style.backgroundImage = "url('paper.gif)";
         tag.style.left = "20px";
         tag.id=i;
         tag.innerText="Veure";
         tag.addEventListener("click", function () {
             $(this).html('Tancar'); 
             $('.collectionTreeChildList').removeClass('expandir');
             $(this).prev('.collectionTreeChildList').addClass('expandir');
             $('.collectionTreeChildList:not(.expandir)').css('display','none');
             $('.collectionTreeChildList:not(.expandir)').next('button').html('Veure'); 
             var y =  $('.collectionTreeChildList.expandir')[0];
              if (y.style.display === "block") {
              y.style.display = "none";
              y.classList.remove('expandir');
             $('button').html('Veure');     
             $('.collectionTreeChildList').not(".expandir").css('display','none'); 
            } else {
              y.style.display = "block";
}
});
        x[i].appendChild(tag);
        };
&lt;/script&gt;

BP Actualitzat per Beatriu Piera fa més de 2 anys Accions
Copiar enllaç
 #2

  • Estat ha canviat de En curs a Tancada
Accions
Copiar enllaç

També disponible a: PDF Atom