-
Notifications
You must be signed in to change notification settings - Fork 1
/
_index.twig
69 lines (60 loc) · 3.76 KB
/
_index.twig
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
{% if settings.enabled %}
<script src="https://cdn.jsdelivr.net/npm/vue"></script>
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
{% do view.registerAssetBundle("dutchheight\\cookieboss\\assetbundles\\cookieboss\\CookieBossAsset") %}
{% set baseAssetsUrl = view.getAssetManager().getPublishedUrl('@dutchheight/cookieboss/assetbundles/cookieboss/dist', true) %}
{% set checkedIcon = baseAssetsUrl ~ '/img/check-solid.svg' %}
{% set lockedIcon = baseAssetsUrl ~ '/img/lock-solid.svg' %}
<script>
window.csrfParam = "{{ craft.app.request.csrfParam }}"
window.csrfToken = "{{ craft.app.request.csrfToken }}"
window.cookieBossHideAfter = "{{ settings.acceptAfterSeconds }}"
window.addTrailingSlashesToUrls = ('{{ craft.app.config.general.addTrailingSlashesToUrls | json_encode }}' == 'true')
</script>
<div id="cookie-boss" v-if="show">
{% if settings.forceAccept %}
<div id="cookie-boss-forcer">${ toggleForceAccept({{ settings.forceAccept }}) }</div>
{% endif %}
{% if settings.presentGroups %}
<div id="cookie-boss-modal" class="{{ templateSettings.position }}" :style=" !settingsOpen ? 'height: 150px;' : '' ">
<div id="container" v-if="!settingsOpen">
<h3 class="item-wrapper item-wrapper-padding noselect" style="width: 100%;">{{ settings.title }}</h3>
<p class="item-wrapper item-wrapper-padding noselect" style="width: 100%;">{{ settings.message }}</p>
<div class="item-wrapper item-wrapper-padding">
<a class="noselect" v-on:click="toggle">{{ settings.settingsButtonText }}</a>
</div>
<div class="item-wrapper item-wrapper-padding">
<a class="accept noselect" v-on:click="accept()">{{ settings.acceptButtonText }}</a>
</div>
</div>
<div id="container" class="more-detail" v-if="settingsOpen">
<h3 class="item-wrapper item-wrapper-padding" style="width: 100%;">{{ settings.title }}</h3>
<p class="item-wrapper item-wrapper-padding" style="width: 100%;">{{ settings.messageSettings }}</p>
<div class="consent-groups">
{% for group in consentGroups %}
<consent-group :item="{{ group.toArray()|json_encode }}" checked-icon-path="{{ checkedIcon }}" locked-icon-path="{{ lockedIcon }}" @toggled="toggledEvent"></consent-group>
{% endfor %}
</div>
<div class="item-wrapper item-wrapper-padding" style="width: 100%;">
<a class="accept noselect" v-on:click="accept()">{{ settings.acceptButtonText }}</a>
</div>
</div>
</div>
{% else %}
<div id="cookie-boss-modal" class="{{ templateSettings.position }}">
<div id="container">
<h3 class="item-wrapper" style="width: 100%;">{{ settings.title }}</h3>
<p class="item-wrapper" style="width: 100%;">
{{ settings.message }}
{% if settings.cookiesPageId %}
{{ 'For more info visit our'|t('cookie-boss') }} <a href="{{ settings.cookiesPageId.url }}">{{ 'Cookie page'|t('cookie-boss') }}</a>
{% endif %}
</p>
<div class="item-wrapper" style="width: 100%;">
<a class="accept" style="width: 100%;" v-on:click="accept()">{{ settings.acceptButtonText }}</a>
</div>
</div>
</div>
{% endif %}
</div>
{% endif %}