polynux
/
tarteauxmyrtilles
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

[FEATURE] Possibilité d'afficher les détails des services sans cliquer sur le bouton

This commit is contained in:
Dylan Delacôte 2023-07-12 11:26:20 +02:00
parent c4c2fcf2b2
commit a303bbeb19
1 changed files with 9 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
tarteaucitron.js
View File

@ -209,6 +209,7 @@ var tarteaucitron = {
"bodyPosition": "bottom", "bodyPosition": "bottom",
"removeCredit": false, "removeCredit": false,
"showAlertSmall": false, "showAlertSmall": false,
"showDetailsOnClick": true,
"showIcon": true, "showIcon": true,
"iconPosition": "BottomRight", "iconPosition": "BottomRight",
"cookieslist": false, "cookieslist": false,
@ -383,9 +384,14 @@ var tarteaucitron = {
for (i = 0; i < cat.length; i += 1) { for (i = 0; i < cat.length; i += 1) {
html += ' <li id="tarteaucitronServicesTitle_' + cat[i] + '" class="tarteaucitronHidden">'; html += ' <li id="tarteaucitronServicesTitle_' + cat[i] + '" class="tarteaucitronHidden">';
html += ' <div class="tarteaucitronTitle" role="heading" aria-level="2">'; html += ' <div class="tarteaucitronTitle" role="heading" aria-level="2">';
html += ' <button type="button" class="catToggleBtn" aria-expanded="false" data-cat="tarteaucitronDetails' + cat[i] + '"><span class="tarteaucitronPlus" aria-hidden="true"></span> ' + tarteaucitron.lang[cat[i]].title + '</button>'; if(tarteaucitron.parameters.showDetailsOnClick)
{
html += ' <button type="button" class="catToggleBtn" aria-expanded="false" data-cat="tarteaucitronDetails' + cat[i] + '"><span class="tarteaucitronPlus" aria-hidden="true"></span> ' + tarteaucitron.lang[cat[i]].title + '</button>';
}else{
html += ' <span class="asCatToggleBtn" data-cat="tarteaucitronInlineDetails' + cat[i] + '">' + tarteaucitron.lang[cat[i]].title + '</span>';
}
html += ' </div>'; html += ' </div>';
html += ' <div id="tarteaucitronDetails' + cat[i] + '" class="tarteaucitronDetails tarteaucitronInfoBox">'; html += ' <div id="tarteaucitronDetails' + cat[i] + '" class="tarteaucitronDetails '+ (tarteaucitron.parameters.showDetailsOnClick ? 'tarteaucitronInfoBox' : 'tarteaucitronDetailsInline')+'">';
html += ' ' + tarteaucitron.lang[cat[i]].details; html += ' ' + tarteaucitron.lang[cat[i]].details;
html += ' </div>'; html += ' </div>';
html += ' <ul id="tarteaucitronServices_' + cat[i] + '"></ul></li>'; html += ' <ul id="tarteaucitronServices_' + cat[i] + '"></ul></li>';
@ -752,6 +758,7 @@ var tarteaucitron = {
for (i = 0; i < toggleBtns.length; i++) { for (i = 0; i < toggleBtns.length; i++) {
toggleBtns[i].dataset.index = i; toggleBtns[i].dataset.index = i;
tarteaucitron.addClickEventToElement(toggleBtns[i], function () { tarteaucitron.addClickEventToElement(toggleBtns[i], function () {
if(!tarteaucitron.parameters.showDetailsOnClick) return false;
tarteaucitron.userInterface.toggle('tarteaucitronDetails' + cat[this.dataset.index], 'tarteaucitronInfoBox'); tarteaucitron.userInterface.toggle('tarteaucitronDetails' + cat[this.dataset.index], 'tarteaucitronInfoBox');
if (document.getElementById('tarteaucitronDetails' + cat[this.dataset.index]).style.display === 'block') { if (document.getElementById('tarteaucitronDetails' + cat[this.dataset.index]).style.display === 'block') {
this.setAttribute('aria-expanded', 'true'); this.setAttribute('aria-expanded', 'true');