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

Merge pull request #1139 from CIMEOS/master 

Cookie details on click or not
This commit is contained in:
Amauri CHAMPEAUX 2023-08-09 17:53:44 +02:00 committed by GitHub
parent 6c943d10b6 0c55ee2c0e
commit 872f1ca3a5
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 26 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
css/tarteaucitron.css
View File

@ -421,7 +421,8 @@ div#tarteaucitronServices {
#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronTitle,
#tarteaucitron #tarteaucitronServices .tarteaucitronTitle button,
#tarteaucitron #tarteaucitronInfo,
#tarteaucitron #tarteaucitronServices .tarteaucitronDetails {
#tarteaucitron #tarteaucitronServices .tarteaucitronDetails,
#tarteaucitronRoot .asCatToggleBtn {
color: #fff;
display: inline-block;
font-size: 14px;
@ -458,7 +459,7 @@ div#tarteaucitronServices {
}
#tarteaucitron #tarteaucitronInfo,
#tarteaucitron #tarteaucitronServices .tarteaucitronDetails {
#tarteaucitron #tarteaucitronServices .tarteaucitronDetails:not(.tarteaucitronDetailsInline) {
color: #fff;
display: none;
font-size: 12px;
@ -470,6 +471,15 @@ div#tarteaucitronServices {
z-index: 2147483647;
}
#tarteaucitron #tarteaucitronServices .tarteaucitronTitle + [id^="tarteaucitronDetails"] {
width: 100%;
font-weight:500;
margin:0;
padding:1.5rem;
background:rgba(51, 51, 51, 0.2);
color:#333;
}
#tarteaucitron #tarteaucitronInfo a {
color: #fff;
text-decoration: underline;

13
tarteaucitron.js
View File

@ -209,6 +209,7 @@ var tarteaucitron = {
"bodyPosition": "bottom",
"removeCredit": false,
"showAlertSmall": false,
"showDetailsOnClick": true,
"showIcon": true,
"iconPosition": "BottomRight",
"cookieslist": false,
@ -358,7 +359,11 @@ var tarteaucitron = {
if (tarteaucitron.parameters.mandatory == true) {
html += '<li id="tarteaucitronServicesTitle_mandatory">';
html += '<div class="tarteaucitronTitle">';
if(tarteaucitron.parameters.showDetailsOnClick){
html += ' <button type="button" tabindex="-1"><span class="tarteaucitronPlus" aria-hidden="true"></span> ' + tarteaucitron.lang.mandatoryTitle + '</button>';
}else{
html += ' <span class="asCatToggleBtn">' + tarteaucitron.lang.mandatoryTitle + '</span>';
}
html += '</div>';
html += '<ul id="tarteaucitronServices_mandatory">';
html += '<li class="tarteaucitronLine">';
@ -383,9 +388,14 @@ var tarteaucitron = {
for (i = 0; i < cat.length; i += 1) {
html += ' <li id="tarteaucitronServicesTitle_' + cat[i] + '" class="tarteaucitronHidden">';
html += ' <div class="tarteaucitronTitle" role="heading" aria-level="2">';
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 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 += ' </div>';
html += ' <ul id="tarteaucitronServices_' + cat[i] + '"></ul></li>';
@ -752,6 +762,7 @@ var tarteaucitron = {
for (i = 0; i < toggleBtns.length; i++) {
toggleBtns[i].dataset.index = i;
tarteaucitron.addClickEventToElement(toggleBtns[i], function () {
if(!tarteaucitron.parameters.showDetailsOnClick) return false;
tarteaucitron.userInterface.toggle('tarteaucitronDetails' + cat[this.dataset.index], 'tarteaucitronInfoBox');
if (document.getElementById('tarteaucitronDetails' + cat[this.dataset.index]).style.display === 'block') {
this.setAttribute('aria-expanded', 'true');