xxxxxxxxxx1
<!-- GDPR Modal -->2
<span id="dpl-mdb5-cookies-modal">3
<div class="modal-dialog shadow-1-strong modal-frame modal-bottom">4
<div class="modal bottom fade" data-mdb-modal-non-invasive="true" id="gdpr_basic" tabindex="-1" aria-labelledby="gdpr_basic" aria-hidden="true" data-mdb-backdrop="false" data-gtm-vis-first-on-screen-2340190_1302="733" data-gtm-vis-total-visible-time-2340190_1302="100" data-gtm-vis-has-fired-2340190_1302="1">5
<div class="modal-dialog modal-frame modal-bottom">6
<div class="modal-content rounded-0">7
<div class="modal-body">8
<div class="d-lg-flex">9
<p class="pt-3 pe-2 my-cookie-pf my-cookie-p">10
Društvo Henosis uporablja piškotke za izboljšanje uporabniške izkušnje in za spremljanje11
podatkov o12
obiskanosti strani. Piškotke lahko nadzirate s klikom na <strong>»Nastavitve«.</strong> Z nadaljno uporabo te spletne strani potrjujete, da se z njihovo uporabo strinjate. 13
</p>14
<div class="d-flex align-items-center gap-3">15
<button class="btn btn-light" data-mdb-toggle="modal" data-mdb-target="#gdpr_adjust">Nastavitve<i16
class="fas fa-book ms-1"></i>17
</button>18
<button class="btn btn-primary" data-mdb-dismiss="modal" aria-label="Close" data-mdb-target="#gdpr_btn_full_agree">Sprejmem19
<i class="fa fa-check ms-1">20
</i>21
</button>22
23
</div>24
</div>25
</div>26
</div>27
<!-- /.GDPR Modal -->28
<!-- Modal -->29
<div class="modal top fade" id="gdpr_adjust" aria-hidden="true" data-mdb-backdrop="false">30
<div class="modal-dialog modal-lg modal-dialog-centered">31
<div class="modal-content">32
<div class="modal-header">33
<h5 class="modal-title" id="exampleModalLabel">Piškotki in zasebnost</h5>34
<button type="button" class="btn-close" data-mdb-dismiss="modal" aria-label="Close"></button>35
</div>36
<div class="modal-body">37
<p>38
<strong>Nastavitve piškotkov39
</strong>40
</p>41
<form action="#" id="gdpr_adjust_form">42
<table class="table">43
<thead>44
<tr>45
<th>Storitve46
</th>47
<th>Zakaj uporabljajo piškotki?48
</th>49
<th>Potrdi50
</th>51
</tr>52
</thead>53
<tbody>54
<tr>55
<td>Nujni piškotki56
</td>57
<td>Tovrstni piškotki so nujno potrebni za pravilno delovanje komponent, ki so na58
voljo na spletni59
strani. Ker so ti piškotki nujno potrebni za pravilno delovanje jih ne morete60
zavrniti, ne da bi61
vplivali na delovanje spletne strani. Lahko jih blokirate ali izbrišete tako, da62
spremenite63
nastavitve brskalnika..64
</td>65
<td>66
<div class="switch">67
<label>68
Ne69
<input type="checkbox" name="gdpr_mandatory" checked="checked" disabled>70
<span class="lever">71
</span>72
Ja73
</label>74
75
</div>76
</td>77
</tr>78
<tr>79
<td>Funkcionalni piškotki80
</td>81
<td>Tovrstni piškotki omogočajo spletni strani, da si zapomni nekatere vaše82
nastavitve in izbire (npr.83
uporabniško ime, jezik, regijo) in zagotavlja napredne, personalizirane funkcije84
vendar niso85
bistveni za uporabo spletne strani. Toda brez teh piškotkov nekatere funkcije86
morda ne bodo na87
voljo.88
</td>89
<td>90
<div class="switch">91
<label>92
Ne93
<input type="checkbox" name="gdpr_functional" checked="checked">94
<span class="lever">95
</span>96
Ja97
</label>98
</div>99
</td>100
</tr>101
<tr>102
<td>Google analitika103
</td>104
<td>Tovrstne piškotke uporabljamo za merjenje obiska spletne strani ter kako se105
uporabniki vedejo na106
spletni strani z namenom izboljšanja izkustvenih delov spletne strani (npr.107
katere dele spletne108
strani obiskujejo najpogosteje). Ti piškotki ne zbirajo informacij, preko109
katerih bi lahko110
identificirali uporabnika.111
</td>112
<td>113
<div class="switch">114
<label>115
Ne116
<input type="checkbox" checked="checked" name="gdpr_ga">117
<span class="lever">118
</span>119
Ja120
</label>121
</div>122
</td>123
</tr>124
<tr>125
<td>Marketing126
</td>127
<td>Tovrstni piškotki se najpogosteje uporabljajo za oglaševalska in družabna128
omrežja (tretje strani)129
z namenom, da vam prikažem bolj ciljane oglase, ki so bolj ustrezni za vas in130
vaše interese.131
Uporabljajo se lahko tudi za merjenje učinkovitosti oglaševalskih akcij.132
Tovrstni piškotki lahko133
omogočajo sledenje vašim akcijam na spletu.134
</td>135
<td>136
<div class="switch">137
<label>138
Ne139
<input type="checkbox" checked="checked" name="gdpr_fbp">140
<span class="lever">141
</span>142
Ja143
</label>144
</div>145
</td>146
</tr>147
</tbody>148
</table>149
</form>150
151
</div>152
<div class="footer d-flex justify-content-end me-4 mb-4">153
<button type="button" class="btn btn-primary">Shrani <i class="far fa-save ms-1"></i></button>154
</div>155
</div>156
</div>157
</div>158
</div>159
</div>160
</div>161
</span>xxxxxxxxxx1
.my-cookie-p {2
font-size:.9rem;3
}4
.my-cookie-pf {5
flex:4;6
}7
8
.switch label {9
cursor: pointer; }10
.switch label input[type="checkbox"] {11
opacity: 0;12
width: 0;13
height: 0; }14
.switch label input[type="checkbox"]:checked + .lever {15
background-color: #99caff; }16
.switch label input[type="checkbox"]:checked + .lever:after {17
left: 1.5rem;18
background-color: #1266F1; }19
.switch label input[type=checkbox]:checked:not(:disabled) ~ .lever:active:after {20
box-shadow: 0 0.0625rem 0.1875rem 0.0625rem rgba(0, 0, 0, 0.4), 0 0 0 0.9375rem rgba(170, 102, 204, 0.1); }21
.switch label input[type=checkbox]:not(:disabled) ~ .lever:active:after {22
box-shadow: 0 0.0625rem 0.1875rem 0.0625rem rgba(0, 0, 0, 0.4), 0 0 0 0.9375rem rgba(0, 0, 0, 0.08); }23
.switch label input[type="checkbox"]:disabled + .lever {24
cursor: default; }25
.switch label input[type="checkbox"]:disabled + .lever:after,26
.switch label input[type="checkbox"]:disabled:checked + .lever:after {27
background-color: #bdbdbd; }28
.switch label .lever {29
position: relative;30
display: inline-block;31
margin: 0 1rem;32
margin-right: 0.900rem;33
margin-left: 0.100rem;34
vertical-align: middle;35
content: "";36
background-color: #818181;37
border-radius: 0.9375rem;38
width: 2.5rem;39
height: 0.9375rem;40
-webkit-transition: background 0.3s ease;41
transition: background 0.3s ease; }42
.switch label .lever:after {43
position: absolute;44
top: -0.1875rem;45
left: -0.3125rem;46
display: inline-block;47
content: "";48
background-color: #f1f1f1;49
border-radius: 1.3125rem;50
box-shadow: 0 0.0625rem 0.1875rem 0.0625rem rgba(0, 0, 0, 0.4);51
width: 1.3125rem;52
height: 1.3125rem;53
-webkit-transition: left 0.3s ease, background 0.3s ease, box-shadow 1s ease;54
transition: left 0.3s ease, background 0.3s ease, box-shadow 1s ease; }55
56
.switch {57
min-width: 123px;58
}xxxxxxxxxx1
const myModalEl = document.getElementById('gdpr_basic')2
const modal = new mdb.Modal(myModalEl)3
modal.show()4
5
6
document.querySelector(document).ready(function () {7
if (document.cookie.indexOf("gdpr_mandatory=") == -1) {8
document.querySelector('#gdpr_basic').modal({9
backdrop: false10
});11
}12
});13
document.querySelector('#gdpr_btn_full_agree').click(function (e) {14
e.preventDefault();15
var date = new Date();16
date = new Date(date.getTime() + 1000 * 60 * 60 * 24 * 365);17
document.cookie = "gdpr_mandatory=1; expires=" + date.toGMTString() + "; path=/";18
document.cookie = "gdpr_functional=1; expires=" + date.toGMTString() + "; path=/";19
document.cookie = "gdpr_ga=1; expires=" + date.toGMTString() + "; path=/";20
document.cookie = "gdpr_fbp=1; expires=" + date.toGMTString() + "; path=/";21
document.querySelector('#gdpr_basic').modal('hide');22
});23
document.querySelector('#gdpr_btn_adjust').click(function (e) {24
e.preventDefault();25
document.querySelector('#gdpr_basic').modal('hide');26
document.querySelector('#gdpr_adjust').modal();27
});28
document.querySelector('#gdpr_btn_save').click(function (e) {29
e.preventDefault();30
document.querySelector('#gdpr_adjust_form').submit();31
});32
document.querySelector('#gdpr_adjust_form').addEventListener('submit', function (e) {33
e.preventDefault();34
document.querySelector(this).querySelector('input[type="checkbox"]').each(function (e) {35
var fieldName = document.querySelector(this).attr('name');36
var fieldValue = document.querySelector(this).is(':checked') ? 1 : 0;37
var date = new Date();38
date = new Date(date.getTime() + 1000 * 60 * 60 * 24 * 365);39
document.cookie = fieldName + "=" + fieldValue + "; expires=" + date.toGMTString() + "; path=/;";40
}) toastr["info"]("Saved");41
document.querySelector('#gdpr_adjust').modal('hide');42
}); Console errors: 0