giacomo/GestioneSpiaggia.it
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Inserimento nuova gestione cookie policy Finito

Browse Source
This commit is contained in:
Giacomo G
2022-02-14 09:44:33 +01:00
parent 067516d58b
commit 29bfd05cea
2 changed files with 222 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/front/cookie/cookie.as.js
+23 -15
View File
@@ -90,20 +90,27 @@ const cookieBlockStyle = `<style data-bs-v="5">
color: #FFFFFF;
}
.text-block{
text-align: justify;
}
</style>`;
const cookieBlockHtml = `
<div id="cookie_block" data-bs-v="5">
<div id="cookie_main_btn">
<img src="./cookie/cookies-icon.svg" />
<img src="./cookie/cookies-icon.svg" alt="cookie" />
</div>
<div id="cookie_banner">
<div class="row">
<div class="col-12 col-md-9 text-justify mt-1">
<div class="col-12">
<i id="close_btn" class="fa fa-times pull-right"></i>
</div>
</div>
<div class="row">
<div class="col-12 col-md-9 text-block">
${cookiePolicyText}
</div>
<div class="col-12 col-md-3 mb-2">
<i id="close_btn" class="fa fa-times pull-right"></i>
<div class="clearfix"></div>
<div class="col-12 col-md-3 mb-2 mt-2">
<div class="d-grid gap-2">
<a data-cookie="all" href="#" class="btn btn-outline-light btn-sm cookie_btn"><i class="fa fa-check fa-fw"></i> ${cookieAcceptText}</a>
<a data-cookie="tecnici" href="#" class="btn btn-outline-light btn-sm cookie_btn"><i class="fa fa-times fa-fw"></i> ${cookieDeclineText}</a>
@@ -173,6 +180,7 @@ const cookieBlockStyle_Bs4 = `<style data-bs-v="4">
#close_btn{
padding-right: 8px;
margin-bottom: 4px;
color: #9D9D9D;
cursor: pointer;
}
@@ -185,7 +193,7 @@ const cookieBlockStyle_Bs4 = `<style data-bs-v="4">
const cookieBlockHtml_Bs4 = `
<div id="cookie_block" data-bs-v="4">
<div id="cookie_main_btn">
<img src="./cookie/cookies-icon.svg" />
<img src="./cookie/cookies-icon.svg" alt="cookie" />
</div>
<div id="cookie_banner">
<div class="row">
@@ -214,12 +222,12 @@ const cookieAnalyticsGTagBlock = `
// Funzioni per la gestione dei cookie
function createCookie(name, value, days) {
if (days) {
var date = new Date();
const expires = () => {
if(!days) return "";
const date = new Date();
date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
var expires = "; expires=" + date.toGMTString();
} else var expires = "";
return "; expires=" + date.toGMTString();
};
document.cookie = name + "=" + value + expires + "; path=/";
}
@@ -227,7 +235,7 @@ function readCookie(name) {
let nameEQ = name + "=";
let ca = document.cookie.split(';');
for (let i = 0; i < ca.length; i++) {
var c = ca[i];
let c = ca[i];
while (c.charAt(0) == ' ') c = c.substring(1, c.length);
if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length, c.length);
}
@@ -246,21 +254,21 @@ function addCookieTerzeParti() {
$(document.head).append(cookieAnalyticsGTagBlock);
}
function closeBanner(slide = true){
function closeBanner(slide = true) {
const cookieBanner = $('#cookie_banner');
const cookieMainBtn = $('#cookie_main_btn');
slide ? cookieBanner.slideUp() : cookieBanner.hide();
slide ? cookieMainBtn.slideDown() : cookieMainBtn.show();
}
function showBanner(slide = true){
function showBanner(slide = true) {
const cookieBanner = $('#cookie_banner');
const cookieMainBtn = $('#cookie_main_btn');
slide ? cookieBanner.slideDown() : cookieBanner.show();
slide ? cookieMainBtn.slideUp() : cookieMainBtn.hide();
}
function initCookiePlugin(){
function initCookiePlugin() {
const cookieStyle = cookieBsVersione === 4 ? cookieBlockStyle_Bs4 : cookieBlockStyle;
const cookieHtml = cookieBsVersione === 4 ? cookieBlockHtml_Bs4 : cookieBlockHtml;
$(document.head).append(cookieStyle);