Instantly share code, notes, and snippets.
Last active
October 29, 2024 03:14
-
Star
(0)
0
You must be signed in to star a gist -
Fork
(1)
1
You must be signed in to fork a gist
-
Save AertHulsebos/fd5cbef62b9ef18aadb76b2ed01ee756 to your computer and use it in GitHub Desktop.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<?php | |
/** | |
* For each activate consent type a banner is created | |
* If A/B testing is enabled, each banner is rendered per consenttype as well. | |
*/ | |
?> | |
<!-- Header - Including Logo, Title, Close Icon --> | |
<div class="cmplz-cookiebanner cmplz-hidden banner-{id} {consent_type} cmplz-{position} cmplz-categories-type-{use_categories}" aria-modal="true" data-nosnippet="true" role="dialog" aria-live="polite" aria-labelledby="cmplz-header-{id}-{consent_type}" aria-describedby="cmplz-message-{id}-{consent_type}"> | |
<div class="cmplz-header"> | |
<div class="cmplz-logo">{logo}</div> | |
<div class="cmplz-title" id="cmplz-header-{id}-{consent_type}">{header}</div> | |
<a class="cmplz-close" tabindex="0" role="button"> | |
<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="times" class="svg-inline--fa fa-times fa-w-11" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 352 512"><path fill="currentColor" d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"></path></svg> | |
</a> | |
</div> | |
<!-- Divider between Header and Body --> | |
<div class="cmplz-divider cmplz-divider-header"></div> | |
<!-- Body --> | |
<div class="cmplz-body"> | |
<div class="cmplz-message" id="cmplz-message-{id}-{consent_type}">{message_{consent_type}}</div> | |
<!-- Body - Categories --> | |
<div class="cmplz-categories"> | |
<!-- Body - Categories - Functional --> | |
<details class="cmplz-category cmplz-functional" > | |
<summary> | |
<span class="cmplz-category-header"> | |
<span class="cmplz-category-title">{category_functional}</span> | |
<span class='cmplz-always-active'> | |
<span class="cmplz-banner-checkbox"> | |
<input type="checkbox" | |
aria-checked="true" | |
id="cmplz-functional-{consent_type}" | |
data-category="cmplz_functional" | |
class="cmplz-consent-checkbox cmplz-functional" | |
size="40" | |
value="1"/> | |
<label class="cmplz-label" for="cmplz-functional-{consent_type}" tabindex="0"><span>{category_functional}</span></label> | |
</span> | |
<?php _e("Always active","complianz-gdpr")?> | |
</span> | |
<span class="cmplz-icon cmplz-open"></span> | |
</span> | |
</summary> | |
<div class="cmplz-description"> | |
<span class="cmplz-description-functional">{functional_text}</span> | |
</div> | |
</details> | |
<!-- Body - Categories - Preferences --> | |
<details class="cmplz-category cmplz-preferences" > | |
<summary> | |
<span class="cmplz-category-header"> | |
<span class="cmplz-category-title">{category_preferences}</span> | |
<span class="cmplz-banner-checkbox"> | |
<input type="checkbox" | |
id="cmplz-preferences-{consent_type}" | |
data-category="cmplz_preferences" | |
class="cmplz-consent-checkbox cmplz-preferences" | |
size="40" | |
value="1"/> | |
<label class="cmplz-label" for="cmplz-preferences-{consent_type}" tabindex="0"><span>{category_preferences}</span></label> | |
</span> | |
<span class="cmplz-icon cmplz-open"></span> | |
</span> | |
</summary> | |
<div class="cmplz-description"> | |
<span class="cmplz-description-preferences">{preferences_text}</span> | |
</div> | |
</details> | |
<!-- Body - Categories - Statistics --> | |
<details class="cmplz-category cmplz-statistics" > | |
<summary> | |
<span class="cmplz-category-header"> | |
<span class="cmplz-category-title">{category_statistics}</span> | |
<span class="cmplz-banner-checkbox"> | |
<input type="checkbox" | |
id="cmplz-statistics-{consent_type}" | |
data-category="cmplz_statistics" | |
class="cmplz-consent-checkbox cmplz-statistics" | |
size="40" | |
value="1"/> | |
<label class="cmplz-label" for="cmplz-statistics-{consent_type}" tabindex="0"><span>{category_statistics}</span></label> | |
</span> | |
<span class="cmplz-icon cmplz-open"></span> | |
</span> | |
</summary> | |
<div class="cmplz-description"> | |
<span class="cmplz-description-statistics">{statistics_text}</span> | |
<span class="cmplz-description-statistics-anonymous">{statistics_text_anonymous}</span> | |
</div> | |
</details> | |
<!-- Body - Categories - Marketing --> | |
<details class="cmplz-category cmplz-marketing" > | |
<summary> | |
<span class="cmplz-category-header"> | |
<span class="cmplz-category-title">{category_marketing}</span> | |
<span class="cmplz-banner-checkbox"> | |
<input type="checkbox" | |
id="cmplz-marketing-{consent_type}" | |
data-category="cmplz_marketing" | |
class="cmplz-consent-checkbox cmplz-marketing" | |
size="40" | |
value="1"/> | |
<label class="cmplz-label" for="cmplz-marketing-{consent_type}" tabindex="0"><span>{category_marketing}</span></label> | |
</span> | |
<span class="cmplz-icon cmplz-open"></span> | |
</span> | |
</summary> | |
<div class="cmplz-description"> | |
<span class="cmplz-description-marketing">{marketing_text}</span> | |
</div> | |
</details> | |
</div><!-- categories end --> | |
<?php do_action('cmplz_banner_after_categories' ) ?> | |
</div> | |
<!-- Body - Hyperlinks for TCF --> | |
<div class="cmplz-links cmplz-information"> | |
<a class="cmplz-link cmplz-manage-options cookie-statement" href="#" data-relative_url="#cmplz-manage-consent-container"><?php _e("Manage options","complianz-gdpr")?></a> | |
<a class="cmplz-link cmplz-manage-third-parties cookie-statement" href="#" data-relative_url="#cmplz-cookies-overview"><?php _e("Manage services","complianz-gdpr")?></a> | |
<a class="cmplz-link cmplz-manage-vendors tcf cookie-statement" href="#" data-relative_url="#cmplz-tcf-wrapper"><?php _e("Manage vendors","complianz-gdpr")?></a> | |
<a class="cmplz-link cmplz-external cmplz-read-more-purposes tcf" target="_blank" rel="noopener noreferrer nofollow" href="https://cookiedatabase.org/tcf/purposes/"><?php _e("Read more about these purposes","complianz-gdpr")?></a> | |
<?php do_action("cmplz_after_links")?> | |
</div> | |
<!-- Footer --> | |
<!-- Footer - Divider --> | |
<div class="cmplz-divider cmplz-footer"></div> | |
<!-- Footer - Buttons --> | |
<div class="cmplz-buttons"> | |
<button class="cmplz-btn cmplz-accept">{accept_{consent_type}}</button> | |
<button class="cmplz-btn cmplz-deny">{dismiss}</button> | |
<button class="cmplz-btn cmplz-view-preferences">{manage_options}</button> | |
<button class="cmplz-btn cmplz-save-preferences">{save_settings}</button> | |
<a class="cmplz-btn cmplz-manage-options tcf cookie-statement" href="#" data-relative_url="#cmplz-manage-consent-container">{manage_options}</a> | |
<?php do_action("cmplz_after_buttons")?> | |
</div> | |
<!-- Footer - Hyperlinks Legal Documents --> | |
<div class="cmplz-links cmplz-documents"> | |
<a class="cmplz-link cookie-statement" href="#" data-relative_url="">{title}</a> | |
<a class="cmplz-link privacy-statement" href="#" data-relative_url="">{title}</a> | |
<a class="cmplz-link impressum" href="#" data-relative_url="">{title}</a> | |
<?php do_action("cmplz_after_documents")?> | |
</div> | |
</div> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment