xxxxxxxxxx1
<!-- GDPR Modal -->2
<div class="modal bottom fade" id="gdpr_basic" tabindex="-1" aria-labelledby="gdpr_basic" aria-hidden="true" data-mdb-backdrop="true" data-mdb-keyboard="true">3
<div class="modal-dialog modal-frame modal-bottom">4
<div class="modal-content rounded-0">5
<div class="modal-body">6
<div class="d-lg-flex">7
<p class="pt-3 pe-2 my-cookie-pf my-cookie-p">8
Društvo Henosis uporablja piškotke za izboljšanje uporabniške izkušnje in za spremljanje9
podatkov o10
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. 11
</p>12
<div class="d-flex align-items-center gap-3">13
<button class="btn btn-light" data-mdb-toggle="modal" data-mdb-target="#gdpr_adjust">Nastavitve<i14
class="fas fa-book ms-1"></i>15
</button>16
<button class="btn btn-primary" data-mdb-dismiss="modal" aria-label="Close" data-mdb-target="#gdpr_btn_full_agree">Sprejmem17
<i class="fa fa-check ms-1">18
</i>19
</button>20
21
</div>22
</div>23
</div>24
</div>25
<!-- /.GDPR Modal -->26
<!-- GDPR Adjust -->27
<div class="modal top fade" id="gdpr_adjust" tabindex="-1" aria-labelledby="gdpr_adjust" aria-hidden="true" data-mdb-backdrop="true" data-mdb-keyboard="true">28
<div class="modal-dialog modal-lg modal-dialog-centered">29
<div class="modal-content">30
<div class="modal-header">31
<h5 class="modal-title" id="exampleModalLabel">Piškotki in zasebnost</h5>32
<button type="button" class="btn-close" data-mdb-dismiss="modal" aria-label="Close"></button>33
</div>34
<div class="modal-body">35
<p>36
<strong>Nastavitve piškotkov37
</strong>38
</p>39
<form action="#" id="gdpr_adjust_form">40
<table class="table">41
<thead>42
<tr>43
<th>Storitve44
</th>45
<th>Zakaj uporabljajo piškotki?46
</th>47
<th>Potrdi48
</th>49
</tr>50
</thead>51
<tbody>52
<tr>53
<td>Nujni piškotki54
</td>55
<td>Tovrstni piškotki so nujno potrebni za pravilno delovanje komponent, ki so na56
voljo na spletni57
strani. Ker so ti piškotki nujno potrebni za pravilno delovanje jih ne morete58
zavrniti, ne da bi59
vplivali na delovanje spletne strani. Lahko jih blokirate ali izbrišete tako, da60
spremenite61
nastavitve brskalnika..62
</td>63
<td>64
65
<div class="switch">66
<label>67
Ne68
<input type="checkbox" name="gdpr_mandatory" checked="checked" disabled>69
<span class="lever">70
</span>71
Ja72
</label>73
</div>74
</td>75
</tr>76
<tr>77
<td>Funkcionalni piškotki78
</td>79
<td>Tovrstni piškotki omogočajo spletni strani, da si zapomni nekatere vaše80
nastavitve in izbire (npr.81
uporabniško ime, jezik, regijo) in zagotavlja napredne, personalizirane funkcije82
vendar niso83
bistveni za uporabo spletne strani. Toda brez teh piškotkov nekatere funkcije84
morda ne bodo na85
voljo.86
</td>87
<td>88
<div class="switch">89
<label>90
Ne91
<input type="checkbox" name="gdpr_functional" checked="checked">92
<span class="lever">93
</span>94
Ja95
</label>96
</div>97
</td>98
</tr>99
<tr>100
<td>Google analitika101
</td>102
<td>Tovrstne piškotke uporabljamo za merjenje obiska spletne strani ter kako se103
uporabniki vedejo na104
spletni strani z namenom izboljšanja izkustvenih delov spletne strani (npr.105
katere dele spletne106
strani obiskujejo najpogosteje). Ti piškotki ne zbirajo informacij, preko107
katerih bi lahko108
identificirali uporabnika.109
</td>110
<td>111
<div class="switch">112
<label>113
Ne114
<input type="checkbox" checked="checked" name="gdpr_ga">115
<span class="lever">116
</span>117
Ja118
</label>119
</div>120
</td>121
</tr>122
<tr>123
<td>Marketing124
</td>125
<td>Tovrstni piškotki se najpogosteje uporabljajo za oglaševalska in družabna126
omrežja (tretje strani)127
z namenom, da vam prikažem bolj ciljane oglase, ki so bolj ustrezni za vas in128
vaše interese.129
Uporabljajo se lahko tudi za merjenje učinkovitosti oglaševalskih akcij.130
Tovrstni piškotki lahko131
omogočajo sledenje vašim akcijam na spletu.132
</td>133
<td>134
<div class="switch">135
<label>136
Ne137
<input type="checkbox" checked="checked" name="gdpr_fbp">138
<span class="lever">139
</span>140
Ja141
</label>142
</div>143
</td>144
</tr>145
</tbody>146
</table>147
</form>148
149
</div>150
<div class="footer d-flex justify-content-end me-4 mb-4">151
<button type="button" class="btn btn-primary" data-mdb-dismiss="modal" data-mdb-target="#gdpr_btn_save" aria-label="Close">Shrani <i class="far fa-save ms-1"></i></button>152
</div>153
</div>154
</div>155
</div>156
<!-- /.GDPR Adjust -->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: #1266F1; }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.825rem;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
$(document).ready(function(){6
if(document.cookie.indexOf("gdpr_mandatory=")==-1){7
$('#gdpr_basic').modal({backdrop:false});8
}9
});10
$('#gdpr_btn_full_agree').click(function(e){11
e.preventDefault();12
var date=new Date();13
date=new Date(date.getTime()+1000*60*60*24*365);14
document.cookie="gdpr_mandatory=1; expires="+date.toGMTString()+"; path=/";15
document.cookie="gdpr_functional=1; expires="+date.toGMTString()+"; path=/";16
document.cookie="gdpr_ga=1; expires="+date.toGMTString()+"; path=/";17
document.cookie="gdpr_fbp=1; expires="+date.toGMTString()+"; path=/";18
$('#gdpr_basic').modal('hide');19
});20
$('#gdpr_btn_adjust').click(function(e){21
e.preventDefault();22
$('#gdpr_basic').modal('hide');23
$('#gdpr_adjust').modal();24
});25
$('#gdpr_btn_save').click(function(e){26
e.preventDefault();27
$('#gdpr_adjust_form').submit();28
})29
;$('#gdpr_adjust_form').on('submit',function(e){30
e.preventDefault();31
$(this).find('input[type="checkbox"]').each(function(e){32
var fieldName=$(this).attr('name');33
var fieldValue=$(this).is(':checked')?1:0;34
var date=new Date();35
date=new Date(date.getTime()+1000*60*60*24*365);36
document.cookie=fieldName+"="+fieldValue+"; expires="+date.toGMTString()+"; path=/;";37
})38
toastr["info"]("Saved");39
$('#gdpr_adjust').modal('hide');40
}); Console errors: 0