├── demo.gif
├── mod_ccctwoclick
    ├── media
    │   └── css
    │   │   └── style.css
    ├── language
    │   ├── en-GB
    │   │   ├── en-GB.mod_ccctwoclick.sys.ini
    │   │   └── en-GB.mod_ccctwoclick.ini
    │   └── de-DE
    │   │   ├── de-DE.mod_ccctwoclick.sys.ini
    │   │   └── de-DE.mod_ccctwoclick.ini
    ├── mod_ccctwoclick.php
    ├── tmpl
    │   └── default.php
    └── mod_ccctwoclick.xml
├── manifest.xml
└── README.md


/demo.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/coolcat-creations/mod_ccctwoclick/HEAD/demo.gif


--------------------------------------------------------------------------------
/mod_ccctwoclick/media/css/style.css:
--------------------------------------------------------------------------------
1 | .ccctwoclick,
2 | .contentbefore {
3 | 	margin-bottom:1rem;
4 | }


--------------------------------------------------------------------------------
/mod_ccctwoclick/language/en-GB/en-GB.mod_ccctwoclick.sys.ini:
--------------------------------------------------------------------------------
1 | MOD_CCCTWOCLICK="CCC Two Click"
2 | MOD_CCCTWOCLICK_DESC="This module reveals an external iframe only after user click. (2-Click Solution) to respect the privacy of the user."
3 | 


--------------------------------------------------------------------------------
/mod_ccctwoclick/language/de-DE/de-DE.mod_ccctwoclick.sys.ini:
--------------------------------------------------------------------------------
1 | MOD_CCCTWOCLICK="CCC Two Click"
2 | MOD_CCCTWOCLICK_DESC="Dieses Modul aktiviert einen externen iFrame erst nach einem Klick. (2-Klick Lösung) um die Privatsphäre des Users zu wahren."
3 | 


--------------------------------------------------------------------------------
/manifest.xml:
--------------------------------------------------------------------------------
 1 | <updates>
 2 | 	<update>
 3 | 		<name>mod_ccctwoclick</name>
 4 | 		<description>This module reveals an external iframe only after user click. (2-Click Solution) to respect the privacy of the user.</description>
 5 | 		<element>mod_ccctwoclick</element>
 6 | 		<type>module</type>
 7 | 		<client>site</client>
 8 | 		<version>2.1-rc3</version>
 9 | 		<downloads>
10 | 			<downloadurl type="full" format="zip">https://github.com/coolcat-creations/mod_ccctwoclick/releases/download/2.1-rc3/mod_ccctwoclick.zip</downloadurl>
11 | 		</downloads>
12 | 		<tags>
13 | 			<tag>stable</tag>
14 | 		</tags>
15 | 		<infourl title="CCC Twoclick on GitHub">
16 | 			https://github.com/coolcat-creations/mod_ccctwoclick/blob/master/README.md
17 | 		</infourl>
18 | 		<maintainer>Elisa Foltyn</maintainer>
19 | 		<maintainerurl>https://www.coolcat-creations.com</maintainerurl>
20 | 		<targetplatform name="joomla" version="(4|3\.([89]|10))\b"/>
21 | 	</update>
22 | </updates>
23 | 
24 | 


--------------------------------------------------------------------------------
/mod_ccctwoclick/mod_ccctwoclick.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | use Joomla\CMS\Helper\ModuleHelper;
 3 | 
 4 | /**
 5 |  * @package     Joomla.Module
 6 |  * @subpackage  Module.Ccctwoclick
 7 |  *
 8 |  * @copyright   Copyright (C) 2017 COOLCAT creations. All rights reserved.
 9 |  * @license     GNU General Public License version 2 or later; see LICENSE.txt
10 |  */
11 | 
12 | defined('_JEXEC') or die();
13 | 
14 | $iwidth = $params->get('iframewidth', '800');
15 | $iheight = $params->get('iframeheight', '600');
16 | $frameborder = $params->get('frameborder', '0');
17 | $allowfullscreen = $params->get('allowfullscreen', '');
18 | $scrolling = $params->get('scrolling', 'no');
19 | $allowtransparency = $params->get('allowtransparency', '');
20 | $isrc = $params->get('sourceurl', '');
21 | $iframetitle = $params->get('iframetitle', '');
22 | $iframename = $params->get('iframename', '');
23 | $contentBefore = $params->get('contentbeforereplacement', '');
24 | $privacyLink = $params->get('privacypolicy', false);
25 | $displayPrivacyLink = $params->get('displayprivacypolicy', false);
26 | $privacyLinkText = $params->get('privacypolicytext', 'MOD_CCCTWOCLICK_PRIVACYLINK_TXT');
27 | $contentAfter = $params->get('contentafterreplacement', '');
28 | $btntxtReveal = $params->get('buttontxtreveal', 'MOD_CCCTWOCLICK_BTN_REVEAL_TEXT');
29 | $btnrevpos = $params->get('btnrevpos', 'bottom');
30 | $btndispos = $params->get('btndispos', 'bottom');
31 | $contentbeforepos = $params->get('contentbeforepos', 'bottom');
32 | $contentafterpos = $params->get('contentafterpos', 'bottom');
33 | $btntxtDisable = $params->get('buttontxtdisable', 'MOD_CCCTWOCLICK_BTN_DISABLE_TEXT');
34 | $btnclassDisable = $params->get('buttontxtdisableclass', 'Click to disable');
35 | $btnclassEnable = $params->get('buttontxtrevealclass', 'Click to disable');
36 | $disabledimage = $params->get('disabledimage', '');
37 | $disabledcolor = $params->get('disabledcolor', 'transparent');
38 | $backgroundsize = $params->get('backgroundsize', 'contain');
39 | $stylesheet = $params->get('stylesheet', "yes");
40 | $moduleId = $module->id;
41 | $moduleclass_sfx = $params->get('moduleclass_sfx', '');
42 | 
43 | 
44 | require ModuleHelper::getLayoutPath('mod_ccctwoclick', $params->get('layout', 'default'));
45 | 


--------------------------------------------------------------------------------
/mod_ccctwoclick/language/en-GB/en-GB.mod_ccctwoclick.ini:
--------------------------------------------------------------------------------
 1 | MOD_CCCTWOCLICK="CCC Two Click"
 2 | MOD_CCCTWOCLICK_DESC="This module reveals an external iframe only after user click. (2-Click Solution) to respect the privacy of the user."
 3 | MOD_CCCTWOCLICK_OPTIONS="Options"
 4 | MOD_CCCTWOCLICK_IFRAME_SETTINGS="<h3>iFrame Settings</h3>"
 5 | MOD_CCCTWOCLICK_IFRAMEWIDTH_LBL="Width (px or %)"
 6 | MOD_CCCTWOCLICK_IFRAMEHEIGHT_LBL="Height (px or %)"
 7 | MOD_CCCTWOCLICK_IFRAMEFRAMEBORDER_LBL="Frameborder"
 8 | MOD_CCCTWOCLICK_IFRAMEFULLSCREEN_LBL="Allow Fullscreen"
 9 | MOD_CCCTWOCLICK_IFRAMETRANSPARENCY_LBL="Allow Transparency"
10 | MOD_CCCTWOCLICK_IFRAMESCROLLING_LBL="Scrolling"
11 | MOD_CCCTWOCLICK_BEFORECLICK_SETTINGS="<h3>Content before click</h3>"
12 | MOD_CCCTWOCLICK_AFTERCLICK_SETTINGS="<h3>Content after click</h3>"
13 | MOD_CCCTWOCLICK_DISABLED_BACKGROUND_LBL="Background Image"
14 | MOD_CCCTWOCLICK_DISABLED_BACKGROUND_DESC="Select an image that is shown instead of the disabled Iframe"
15 | MOD_CCCTWOCLICK_DISABLED_BACKGROUND_SIZE_LBL="Backgroundsize"
16 | MOD_CCCTWOCLICK_DISABLED_BACKGROUND_SIZE_AUTO="Auto"
17 | MOD_CCCTWOCLICK_DISABLED_BACKGROUND_SIZE_COVER="Cover"
18 | MOD_CCCTWOCLICK_DISABLED_BACKGROUND_SIZE_CONTAIN="Contain"
19 | MOD_CCCTWOCLICK_DISABLED_CONTENT_LBL="Content"
20 | MOD_CCCTWOCLICK_DISABLED_CONTENT_DESC="Content to show before the click. You can use html code."
21 | MOD_CCCTWOCLICK_BTN_REVEAL="Custom Button Text"
22 | MOD_CCCTWOCLICK_BTN_REVEAL_CLASS="Button Class"
23 | MOD_CCCTWOCLICK_BTN_REVEAL_TEXT="Enable Content"
24 | MOD_CCCTWOCLICK_BTN_DISABLE="Custom Button Text"
25 | MOD_CCCTWOCLICK_BTN_DISABLE_CLASS="Button Class"
26 | MOD_CCCTWOCLICK_BTN_DISABLE_TEXT="Disable"
27 | MOD_CCCTWOCLICK_SOURCE_URL="iFrame source"
28 | MOD_CCCTWOCLICK_STYLESHEET_LBL="Load module css"
29 | MOD_CCCTWOCLICK_HIDEDONATION_LBL="Hide Donation message"
30 | MOD_CCCTWOCLICK_SELECT="Please select"
31 | MOD_CCCTWOCLICK_DONATE="<div class=\"alert alert-error\"><strong>Coolcat-Creations - Two Click Module</strong><br>Thank you for using my module!<br>If you appreciate my work, I would be happy if you donate:<br><a href=\"https://www.paypal.com/paypalme/coolcatcreations/25\" target=\"_blank\">Donate via paypal.me</a></div>"
32 | 
33 | ## since 2.0
34 | MOD_CCCTWOCLICK_ENABLED_CONTENT_LBL="Content"
35 | MOD_CCCTWOCLICK_DISABLED_BGCOLOR_LBL="Background color"
36 | MOD_CCCTWOCLICK_DISABLED_BGCOLOR_DESC="You can chose a backgroundcolor for the box before your iframe loads"
37 | MOD_CCCTWOCLICK_POSITION_SETTINGS="<h3>Positioning</h3>"
38 | MOD_CCCTWOCLICK_BTNREVPOS_LBL="Reveal Button"
39 | MOD_CCCTWOCLICK_BTNDISPOS_LBL="Disable Button"
40 | MOD_CCCTWOCLICK_CONTENTBEFOREPOS_LBL="Content Before"
41 | MOD_CCCTWOCLICK_CONTENTAFTERPOS_LBL="Content After"
42 | MOD_CCCTWOCLICK_POS_TOP="Top"
43 | MOD_CCCTWOCLICK_POS_CENTER="Center"
44 | MOD_CCCTWOCLICK_POS_BOTTOM="Bottom"
45 | MOD_CCCTWOCLICK_IFRAMENAME_LBL="iFrame name"
46 | MOD_CCCTWOCLICK_IFRAMENAME_DESC="A name attribute can be used to reference the element in a JavaScript"
47 | MOD_CCCTWOCLICK_IFRAMETITLE_LBL="iFrame title"
48 | MOD_CCCTWOCLICK_IFRAMETITLE_DESC="Describes the content of the iframe (Accessibility)"
49 | 
50 | ## since 2.1
51 | MOD_CCCTWOCLICK_PRIVACY_LINK_LBL="Privacy Policy Link"
52 | MOD_CCCTWOCLICK_PRIVACY_LINK_DESC="Link to your Privacy Policy"
53 | MOD_CCCTWOCLICK_DISPLAYPRIVACYLINK_LBL="Display Privacy Policy Link"
54 | MOD_CCCTWOCLICK_PRIVACYLINK_TXT_LBL="Privacy Policy Link Text"
55 | MOD_CCCTWOCLICK_PRIVACYLINK_TXT="Privacy Policy"
56 | MOD_CCCTWOCLICK_PRIVACYLINK_TXT_DESC="Create a Language override for MOD_CCCTWOCLICK_PRIVACYLINK_TXT or define a custom languagestring for the Privacy Policy Link"
57 | 


--------------------------------------------------------------------------------
/mod_ccctwoclick/language/de-DE/de-DE.mod_ccctwoclick.ini:
--------------------------------------------------------------------------------
 1 | MOD_CCCTWOCLICK="CCC Two Click"
 2 | MOD_CCCTWOCLICK_DESC="Dieses Modul aktiviert einen externen iFrame erst nach einem Klick. (2-Klick Lösung) um die Privatsphäre des Users zu wahren."
 3 | MOD_CCCTWOCLICK_OPTIONS="Optionen"
 4 | MOD_CCCTWOCLICK_IFRAME_SETTINGS="<h3>Iframe Einstellungen</h3>"
 5 | MOD_CCCTWOCLICK_IFRAMEWIDTH_LBL="Breite (px oder %)"
 6 | MOD_CCCTWOCLICK_IFRAMEHEIGHT_LBL="Höhe (px oder %)"
 7 | MOD_CCCTWOCLICK_IFRAMEFRAMEBORDER_LBL="Rahmen"
 8 | MOD_CCCTWOCLICK_IFRAMEFULLSCREEN_LBL="Vollbild"
 9 | MOD_CCCTWOCLICK_IFRAMETRANSPARENCY_LBL="Transparenz"
10 | MOD_CCCTWOCLICK_IFRAMESCROLLING_LBL="Scrollen"
11 | MOD_CCCTWOCLICK_BEFORECLICK_SETTINGS="<h3>Inhalt vor dem Klick</h3>"
12 | MOD_CCCTWOCLICK_AFTERCLICK_SETTINGS="<h3>Inhalt nach dem Klick</h3>"
13 | MOD_CCCTWOCLICK_DISABLED_BACKGROUND_LBL="Hintergrundbild"
14 | MOD_CCCTWOCLICK_DISABLED_BACKGROUND_DESC="Bitte wähle ein Bild aus, welches statt dem deaktivierten Iframe angezeigt werden soll."
15 | MOD_CCCTWOCLICK_DISABLED_BACKGROUND_SIZE_LBL="Bildgröße"
16 | MOD_CCCTWOCLICK_DISABLED_BACKGROUND_SIZE_AUTO="Auto"
17 | MOD_CCCTWOCLICK_DISABLED_BACKGROUND_SIZE_COVER="Cover"
18 | MOD_CCCTWOCLICK_DISABLED_BACKGROUND_SIZE_CONTAIN="Contain"
19 | MOD_CCCTWOCLICK_DISABLED_CONTENT_LBL="Inhalt"
20 | MOD_CCCTWOCLICK_DISABLED_CONTENT_DESC="Hinweistext der vor dem Klick angezeigt werden soll (HTML möglich)"
21 | MOD_CCCTWOCLICK_BTN_REVEAL="Eigener Button Text"
22 | MOD_CCCTWOCLICK_BTN_REVEAL_CLASS="Button Klasse"
23 | MOD_CCCTWOCLICK_BTN_REVEAL_TEXT="Inhalt aktivieren"
24 | MOD_CCCTWOCLICK_BTN_DISABLE="Eigener Button Text"
25 | MOD_CCCTWOCLICK_BTN_DISABLE_CLASS="Button Klasse"
26 | MOD_CCCTWOCLICK_BTN_DISABLE_TEXT="Inhalt deaktivieren"
27 | MOD_CCCTWOCLICK_SOURCE_URL="IFrame Link"
28 | MOD_CCCTWOCLICK_STYLESHEET_LBL="Modul CSS laden"
29 | MOD_CCCTWOCLICK_HIDEDONATION_LBL="Spendenhinweis ausblenden"
30 | MOD_CCCTWOCLICK_SELECT="Bitte wählen"
31 | MOD_CCCTWOCLICK_DONATE="<div class=\"alert alert-error\"><strong>Coolcat-Creations - Two Click Module</strong><br>Danke, dass Sie mein Modul nutzen!<br>Wenn Sie meine Arbeit wertschätzen, freue ich mich über eine Spende:<br><a href=\"https://www.paypal.com/paypalme/coolcatcreations/25\" target=\"_blank\">Über paypal.me spenden</a></div>"
32 | 
33 | ## since 2.0
34 | MOD_CCCTWOCLICK_ENABLED_CONTENT_LBL="Inhalt"
35 | MOD_CCCTWOCLICK_DISABLED_BGCOLOR_LBL="Hintergrundfarbe"
36 | MOD_CCCTWOCLICK_DISABLED_BGCOLOR_DESC="Zusätzlich zum Hintergrundbild, kannst du hier auch eine Farbe wählen"
37 | MOD_CCCTWOCLICK_POSITION_SETTINGS="<h3>Positionierung</h3>"
38 | MOD_CCCTWOCLICK_BTNREVPOS_LBL="Aktivieren Button"
39 | MOD_CCCTWOCLICK_BTNDISPOS_LBL="Deaktivieren Button"
40 | MOD_CCCTWOCLICK_CONTENTBEFOREPOS_LBL="Infotext Vorher"
41 | MOD_CCCTWOCLICK_CONTENTAFTERPOS_LBL="Infotext Danach"
42 | MOD_CCCTWOCLICK_POS_TOP="Oben"
43 | MOD_CCCTWOCLICK_POS_CENTER="Mitte"
44 | MOD_CCCTWOCLICK_POS_BOTTOM="Unten"
45 | MOD_CCCTWOCLICK_IFRAMENAME_LBL="iFrame Name"
46 | MOD_CCCTWOCLICK_IFRAMENAME_DESC="Ein Names Atrribut kann genutzt werden um in JavaScript auf das Element zuzugreifen"
47 | MOD_CCCTWOCLICK_IFRAMETITLE_LBL="IiFrame Titel"
48 | MOD_CCCTWOCLICK_IFRAMETITLE_DESC="Beschreibt den Inhalt des iFrames (Accessibility)"
49 | 
50 | ## since 2.1
51 | MOD_CCCTWOCLICK_PRIVACY_LINK_LBL="Datenschutz Link"
52 | MOD_CCCTWOCLICK_PRIVACY_LINK_DESC="Link zu einer Datenschutzerklärung (z.B. https://www.deinedomain.de/datenschutz)"
53 | MOD_CCCTWOCLICK_DISPLAYPRIVACYLINK_LBL="Datenschutz Link anzeigen"
54 | MOD_CCCTWOCLICK_PRIVACYLINK_TXT_LBL="Datenschutz Link Beschriftung"
55 | MOD_CCCTWOCLICK_PRIVACYLINK_TXT="Datenschutzerklärung"
56 | MOD_CCCTWOCLICK_PRIVACYLINK_TXT_DESC="Erstelle einen Sprachoverride für MOD_CCCTWOCLICK_PRIVACYLINK_TXT oder lege einen eigenen Sprachstring an"
57 | 


--------------------------------------------------------------------------------
/mod_ccctwoclick/tmpl/default.php:
--------------------------------------------------------------------------------
  1 | <?php
  2 | use Joomla\CMS\Language\Text;
  3 | use Joomla\CMS\Router\Route;
  4 | 
  5 | defined('_JEXEC') or die;
  6 | 
  7 | $privacy = false;
  8 | if ($displayPrivacyLink) {
  9 | 	$privacyLink = Route::_('index.php?Itemid=' . $privacyLink);
 10 | 	$privacy = '<a href="' . $privacyLink .'" target="_blank">' . Text::_($privacyLinkText) . '</a>';
 11 | }
 12 | 
 13 | if ($privacy) {
 14 | 	$contentBefore = $contentBefore . ' <span class="ccctwoclick-privacy">' . $privacy . '</span>';
 15 | }
 16 | 
 17 | $contentBefore = '<div class="tccontentbefore contentbefore-' . $moduleId . '">' . $contentBefore .'</div>';
 18 | 
 19 | $contentBeforeCenter = '<div class="tccontentbefore contentbefore-' . $moduleId . '" style="position:relative; top:50%;">' . $contentBefore . '</div>';
 20 | 
 21 | 
 22 | $contentAfter = '<div class="tccontentafter contentafter-' . $moduleId . '" style="display:none;">' . $contentAfter .'</div>';
 23 | 
 24 | $btnReveal = '<a class="' . $btnclassEnable . ' ccctwoclickreveal-' . $moduleId . '">' . Text::_($btntxtReveal) .'</a>';
 25 | $btnRevealCenter = '<a class="' . $btnclassEnable . ' ccctwoclickreveal-' . $moduleId . '" style="position:relative; top:50%;">' . Text::_($btntxtReveal) .'</a>';
 26 | $btnDisable = '<a class="' . $btnclassDisable . '  ccctwoclickdisable-' . $moduleId . '" style="display:none;">' . Text::_($btntxtDisable) .'</a>';
 27 | 
 28 | $centered = "";
 29 | if ($contentbeforepos == 'center') :
 30 | 	if ($contentBefore != '' || !empty($contentBefore)) :
 31 | 	$centered .=  $contentBeforeCenter;
 32 | 	endif;
 33 | endif;
 34 | 
 35 | if ($btnrevpos == 'center') :
 36 | 	$centered .=  $btnRevealCenter;
 37 | endif;
 38 | ?>
 39 | 
 40 | 
 41 | <script>
 42 | 	(function () {
 43 | 
 44 | 		document.addEventListener('DOMContentLoaded', function () {
 45 | 
 46 | 			(function () {
 47 | 
 48 | 				let ccctwoclickcontainer = document.querySelectorAll(".ccctwoclickcontainer-<?php echo $moduleId; ?>");
 49 | 
 50 | 				for (let i = 0; i < ccctwoclickcontainer.length; i++) {
 51 | 
 52 | 					let content = ccctwoclickcontainer[i].querySelectorAll(".ccctwoclick-<?php echo $moduleId; ?>");
 53 | 					let enablebtn = ccctwoclickcontainer[i].querySelectorAll(".ccctwoclickreveal-<?php echo $moduleId; ?>");
 54 | 					let disablebtn = ccctwoclickcontainer[i].querySelectorAll(".ccctwoclickdisable-<?php echo $moduleId; ?>");
 55 | 					let contentafter = ccctwoclickcontainer[i].querySelectorAll(".contentafter-<?php echo $moduleId; ?>");
 56 | 					let contentbefore = ccctwoclickcontainer[i].querySelectorAll(".contentbefore-<?php echo $moduleId; ?>");
 57 | 
 58 | 					function enableContent() {
 59 | 
 60 | 						let iframe = document.createElement("iframe");
 61 | 
 62 | 							iframe.setAttribute('frameborder', '0');
 63 | 							iframe.setAttribute('allowfullscreen', 'true');
 64 | 							iframe.setAttribute('allowtransparency', 'true');
 65 | 							iframe.setAttribute('scrolling', 'no');
 66 | 							iframe.setAttribute('title', '<?php echo $iframetitle; ?>');
 67 | 
 68 | 							iframe.setAttribute('name', '<?php echo $iframename; ?>');
 69 | 							iframe.setAttribute('width', content[0].dataset.width);
 70 | 							iframe.setAttribute('height', content[0].dataset.height);
 71 | 
 72 | 							iframe.setAttribute('src', content[0].dataset.source);
 73 | 
 74 | 							content[0].innerHTML = "";
 75 | 							content[0].appendChild(iframe);
 76 | 
 77 | 							enablebtn[0].style.display = 'none';
 78 | 							contentbefore[0].style.display = 'none';
 79 | 
 80 | 							disablebtn[0].style.display = 'block';
 81 | 							disablebtn[0].classList.toggle('disablecontent');
 82 | 
 83 | 							contentafter[0].style.display = 'block';
 84 | 					}
 85 | 
 86 | 					document.getElementById("ccctc-<?php echo $moduleId; ?>").addEventListener("click",function(e) {
 87 | 						if (e.target && e.target.matches("a.ccctwoclickreveal-<?php echo $moduleId; ?>")) {
 88 | 							enableContent();
 89 | 						}
 90 | 					});
 91 | 
 92 | 					enablebtn[0].addEventListener("click", function (event) {
 93 | 						enableContent();
 94 | 					});
 95 | 
 96 | 					disablebtn[0].addEventListener("click", function () {
 97 | 						content[0].innerHTML = "";
 98 | 						disablebtn[0].style.display = 'none';
 99 | 						enablebtn[0].style.display = 'block';
100 | 						contentbefore[0].style.display = 'block';
101 | 						contentafter[0].style.display = 'none';
102 | 
103 | 						<?php if ($btnrevpos == 'center' || $contentbeforepos == 'center') : ?>
104 | 
105 | 						let centered = document.createElement('div');
106 | 							centered.style.position='relative';
107 | 							centered.style.width='<?php echo $iwidth; ?>';
108 | 							centered.style.height='<?php echo $iheight; ?>';
109 | 							centered.style.textAlign='center';
110 | 							centered.innerHTML = '<?php echo $centered; ?>';
111 | 
112 | 						document.getElementById('ccctc-<?php echo $moduleId; ?>').appendChild(centered);
113 | 
114 | 						<?php endif; ?>
115 | 
116 | 					});
117 | 				}
118 | 			})();
119 | 		});
120 | 
121 | 	})();
122 | </script>
123 | 
124 | 
125 | <div class="ccctwoclickcontainer-<?php echo $moduleId; ?> <?php echo $moduleclass_sfx; ?>"
126 |      style="width:<?php echo $iwidth; ?>; margin:0 auto;">
127 | 
128 | 
129 | 	<?php
130 | 	echo ($contentbeforepos == 'top' ? $contentBefore : '');
131 | 	echo ($contentafterpos == 'top' ? $contentAfter : '');
132 | 	echo ($btndispos == 'top' ? $btnDisable : '');
133 | 	echo ($btnrevpos == 'top' ? $btnReveal : '');
134 | 	?>
135 | 
136 | 	<div id="ccctc-<?php echo $moduleId; ?>"
137 | 	     class="ccctc ccctwoclick-<?php echo $moduleId; ?>"
138 | 	     data-source="<?php echo $isrc; ?>"
139 | 	     data-width="<?php echo $iwidth; ?>"
140 | 	     data-height="<?php echo $iheight; ?>"
141 | 	     style="<?php echo 'width:' . $iwidth . '; height:' . $iheight . ';';
142 | 	     echo ($disabledimage ? 'background-image:url(' . $disabledimage . '); background-repeat: no-repeat; background-size:' . $backgroundsize . ';' : '');
143 | 	     echo ($disabledcolor ? 'background-color:' . $disabledcolor . ';' : ''); ?> ">
144 | 
145 | 		<?php if ($btnrevpos == 'center' || $contentbeforepos == 'center') : ?>
146 | 			<div style="position:relative; <?php echo 'width:' . $iwidth . '; height:' . $iheight . ';'; ?> text-align: center;">
147 | 				<?php
148 | 				echo ($contentbeforepos == 'center' ? $contentBeforeCenter : '');
149 | 				echo ($btnrevpos == 'center' ? $btnRevealCenter : '');
150 | 				?>
151 | 			</div>
152 | 		<?php endif; ?>
153 | 	</div>
154 | 
155 | 	<?php
156 | 	echo ($contentbeforepos == 'bottom' ? $contentBefore : '');
157 | 	echo ($contentafterpos == 'bottom' ? $contentAfter : '');
158 | 	echo ($btndispos == 'bottom' ? $btnDisable : '');
159 | 	echo ($btnrevpos == 'bottom' ? $btnReveal : '');
160 | 	?>
161 | 
162 | </div>
163 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
  1 | [Zur deutschen Anleitung springen](#deutsch)
  2 | 
  3 | # mod_ccctwoclick
  4 | This module reveals an external iframe only after user click. (2-Click Solution) to respect the privacy of the user.
  5 | 
  6 | This could be an iframe of a Facebook Like Box, a Facebook Comment Box, a Youtube Video or whatever.
  7 | Due to EU privacy law it might be obligatory to let the user decide if an external iframe is loaded or not.
  8 | 
  9 | In this module you can setup a specific iframe source and load it only,
 10 | when the user gives the permission by clicking a button.
 11 | 
 12 | ![demo](https://raw.githubusercontent.com/coolcat-creations/mod_ccctwoclick/master/demo.gif)
 13 | 
 14 | ## Available Settings
 15 | ### Content before click
 16 | 
 17 | Background Image: Set up a Background Image that is shown, before the iframe is loaded. 
 18 | (That can be a blurry picture of the content that has to be revealed.)
 19 | 
 20 | Backgroundsize: Select the Background Size Property (Auto, Cover or Contain)
 21 | 
 22 | Content: You can add text here that will be shown below the image before the iframe is revealed.
 23 | (That can be an information like: "We respect your privacy, to reveal the Facebook Comment box click the button below")
 24 | 
 25 | Custom Button Text: The default button text is setup in the language file, if you want to use your custom language key or string just fill this input with your custom text.
 26 | 
 27 | Button Class: Add here a Button Class if needed
 28 | 
 29 | ### Content after click:
 30 | 
 31 | Custom Button Text: The default button text is setup in the language file, if you want to use your custom language key or string just fill this input with your custom text.
 32 | 
 33 | Button Class: Add here a Button Class if needed
 34 | 
 35 | ### Iframe Settings:
 36 | IFrame Source: Fill this input with the iframe link = A Link is an url to the embeded content and starts usually with https:// please do not fill here any iframe code or any plugin codes!
 37 | 
 38 | Example: https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2593.409168866908!2d11.073657616160999!3d49.457882979350806!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x479f57b0484a9207%3A0xa52e33decf29c9b!2sImperial+Castle+of+Nuremberg!5e0!3m2!1sen!2sde!4v1528203349104
 39 | 
 40 | Information: You get the exact iframe Link if you:
 41 |   Examples:
 42 |   Facebook: Get the Like Box Code and take just the URL from the provided iframe HTML
 43 |   Google Maps: Search the Location, click on share, then on embed, and take just the URL from the provided iframe HTML
 44 |   Youtube: Search ypur Video, click on share, then on embed, and take just the URL from the provided iframe HTML
 45 | 
 46 | Width: Set the iframe width here in px or %
 47 | Height: Set the iframe height here in px or %
 48 | (mind that the Facebook iframes have specific min/max sizes)
 49 | 
 50 | Frameborder: Setup the Frameborder of the iframe
 51 | Allow Fullscreen: Setup the fullscreen attribute to true or false
 52 | Allow Transparency: Setup the transparency attribute to true or false
 53 | Scrolling: Setup the scrolling attribute to yes or no
 54 | Load module css: Disable the Module CSS if needed
 55 | 
 56 | # deutsch
 57 | # mod_ccctwoclick
 58 | Dieses Modul zeigt ein externes iframe erst an, sobald der User auf einen Button geklickt hat (2-Klick Lösung). Dies kann zum Beispiel dazu verwendet werden um Datenschutzrichtlinien einzuhalten. 
 59 | 
 60 | Es könnte sich hierbei um eine Facebook Like Box, eine Facebook Kommentar Box, ein Youtubevideo, Google Map oder was auch immer handeln. In Anlehnung an die DSGVO könnte es verpflichtend sein, den Nutzer entscheiden zu lassen ob die Inhalte eines iFrames geladen werden oder nicht. 
 61 | 
 62 | In diesem Modul kann man einen iFrame link eingeben und laden lassen, sobald der Nutzer per Klick die Zustimmung dazu erteilt.
 63 | 
 64 | ![demo](https://raw.githubusercontent.com/coolcat-creations/mod_ccctwoclick/master/demo.gif)
 65 | 
 66 | ## Mögliche Einstellungen
 67 | ### Inhalt vor dem Klick
 68 | 
 69 | Hintergrundbild: Hier kann ein Bild festgelegt werden, das angezeigt wird, bevor der iframe angezeigt wird. 
 70 | (Das könnte zum Beispiel ein verwaschenes Bild von dem Inhalt sein, der geladen werden soll - Aber bitte beachtet die Urheberrechte!)
 71 | 
 72 | Hintergrund-Größe: Hier kann eingestellt werden, in welcher Größe das Hintergrundbild eingebunden werden soll (Auto, Cover or Contain)
 73 | 
 74 | Inhalt: Hier kann man text eingeben der Über, Ober oder unter dem Bild angezeigt wird bevor der iFrame angezeigt wird.
 75 | (Zum Beispiel: "Wir respektieren den Schutz Ihrer Daten, um eine Verbindung zu Google Maps herzustellen und unsere Karte anzuzeigen klicken Sie auf den Button unter diesem Text.")
 76 | 
 77 | Eigener Button Text: Die Beschriftung für diesen Button ist in der Sprachdatei hinterlegt, wenn du deinen eigenen JText string verwenden willst, kannst du ihn hier eintragen oder einfach den Text eintragen, der auf dem Button stehen soll. 
 78 | 
 79 | Button Klasse: Hier kann eine eigene CSS Klasse für den Button hinterlegt werden (Beispiel: uk uk-btn-primary)
 80 | 
 81 | ### Inhalt Nach dem Klick:
 82 | 
 83 | Inhalt: Hier kann man Text eingeben der Ober oder unter dem iFrame angezeigt wird.
 84 | (Zum Beispiel: "Wir respektieren den Schutz Ihrer Daten, um die Verbindung zu Google Maps wieder zu kappen, klicken Sie auf den Button unter diesem Text.")
 85 | 
 86 | Eigener Button Text: Die Beschriftung für diesen Button ist in der Sprachdatei hinterlegt, wenn du deinen eigenen JText string verwenden willst, kannst du ihn hier eintragen oder einfach den Text eintragen, der auf dem Button stehen soll. 
 87 | 
 88 | Button Klasse: Hier kann eine eigene CSS Klasse für den Button hinterlegt werden (Beispiel: uk uk-btn-primary)
 89 | 
 90 | ### Iframe Einstellungen:
 91 | IFrame Source: Füge hier einen iFrame Link ein. Ein Link ist eine URL zu dem einzufügenden Inhalt und beginnt normalerweise mit https:// . Füge hier keinen iframe code und keine plugin codes ein, sondern einen Link! 
 92 | 
 93 | Beispiel: https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2593.409168866908!2d11.073657616160999!3d49.457882979350806!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x479f57b0484a9207%3A0xa52e33decf29c9b!2sImperial+Castle+of+Nuremberg!5e0!3m2!1sen!2sde!4v1528203349104
 94 | 
 95 | Information: Man bekommt diesen Link wenn man...
 96 |   Beispiele:
 97 |   Facebook: Erstelle dir bei Facebook einen Like Box Code und nehme die URL die in dem iframe HTML zur Vefügung gestellt wurde src="WAS ZWISCHEN DEN ANFÜHRUNGSZEICHEN STEHT"
 98 |   
 99 |   Google Maps: Suche die Location, klicke auf "Share" oder "Teilen", dann auf "embed" bzw. "einbetten" und nehme die URL die in dem iframe HTML zur Vefügung gestellt wurde src="WAS ZWISCHEN DEN ANFÜHRUNGSZEICHEN STEHT"
100 |   
101 |   Youtube: Suche das Video, klicke auf "Share" oder "Teilen", dann auf "embed" bzw. "einbetten" und nehme die URL die in dem iframe HTML zur Vefügung gestellt wurde src="WAS ZWISCHEN DEN ANFÜHRUNGSZEICHEN STEHT"
102 | 
103 | Breite: Einstellung der Breite des iFrames in px oder %
104 | Höhe: Einstellung der Höhe des iFrames in px oder %
105 | (Achtung: Facebook Like Boxen haben spezifische Mindest- und Maximalgrößen)
106 | 
107 | Frameborder: Hier kann der Frameborder eingestellt werden
108 | Fullscreen: Hier kann das iFrame Fullscreen Attribut auf true oder false gesetzt werden
109 | Transparenz: Hier kann das iFrame Transparency Attribut auf true oder false gesetzt werde
110 | Scrolling: Hier kann das iFrame Scrolling Attribut auf yes oder no gesetzt werden
111 | css laden: Hier kann auf Wunsch das mitgelieferte CSS deaktiviert werden.
112 | 
113 | ##TODO
114 | Seit Version 2.0.0 gibt es Positionierungs Parameter die hier noch beschrieben werden müssen
115 | 
116 | 


--------------------------------------------------------------------------------
/mod_ccctwoclick/mod_ccctwoclick.xml:
--------------------------------------------------------------------------------
  1 | <?xml version="1.0" encoding="utf-8"?>
  2 | <extension type="module" version="3.10.0" client="site" method="upgrade">
  3 | 	<name>mod_ccctwoclick</name>
  4 | 	<creationDate>06/2017</creationDate>
  5 | 	<author>Elisa Foltyn</author>
  6 | 	<version>2.1-rc3</version>
  7 | 	<copyright>COOLCAT creations, Nürnberg - www.coolcat-creations.com</copyright>
  8 | 	<license>GNU General Public License version 2 or later; see LICENSE.txt</license>
  9 | 	<description>MOD_CCCTWOCLICK_DESC</description>
 10 | 	<files>
 11 | 		<filename>mod_ccctwoclick.xml</filename>
 12 | 		<filename module="mod_ccctwoclick">mod_ccctwoclick.php</filename>
 13 | 		<folder>tmpl</folder>
 14 | 		<folder>language</folder>
 15 | 	</files>
 16 | 	<media destination="mod_ccctwoclick" folder="media">
 17 | 		<folder>css</folder>
 18 | 	</media>
 19 | 	<config>
 20 | 		<fields name="params">
 21 | 			<fieldset
 22 | 					name="options"
 23 | 					label="MOD_CCCTWOCLICK_OPTIONS">
 24 | 
 25 | 				<field
 26 | 						name="donationcode"
 27 | 						label="MOD_CCCTWOCLICK_DONATE"
 28 | 						type="spacer"
 29 | 						showon="hidedonation:show"/>
 30 | 
 31 | 
 32 | 				<field
 33 | 						name="beforeclicksettings"
 34 | 						label="MOD_CCCTWOCLICK_BEFORECLICK_SETTINGS"
 35 | 						type="spacer"
 36 | 				/>
 37 | 
 38 | 				<field
 39 | 						name="disabledcolor"
 40 | 						label="MOD_CCCTWOCLICK_DISABLED_BGCOLOR_LBL"
 41 | 						desc="MOD_CCCTWOCLICK_DISABLED_BGCOLOR_DESC"
 42 | 						type="color"
 43 | 						default="transparent"
 44 | 				/>
 45 | 
 46 | 				<field
 47 | 						name="disabledimage"
 48 | 						label="MOD_CCCTWOCLICK_DISABLED_BACKGROUND_LBL"
 49 | 						desc="MOD_CCCTWOCLICK_DISABLED_BACKGROUND_DESC"
 50 | 						type="media"
 51 | 						default=""
 52 | 				/>
 53 | 
 54 | 
 55 | 				<field
 56 | 						name="backgroundsize"
 57 | 						label="MOD_CCCTWOCLICK_DISABLED_BACKGROUND_SIZE_LBL"
 58 | 						type="list"
 59 | 						default="auto"
 60 | 						class="inputbox chzn-color chzn-color-permissive"
 61 | 				>
 62 | 					<option value="">MOD_CCCTWOCLICK_SELECT</option>
 63 | 					<option value="auto">MOD_CCCTWOCLICK_DISABLED_BACKGROUND_SIZE_AUTO</option>
 64 | 					<option value="cover">MOD_CCCTWOCLICK_DISABLED_BACKGROUND_SIZE_COVER</option>
 65 | 					<option value="contain">MOD_CCCTWOCLICK_DISABLED_BACKGROUND_SIZE_CONTAIN</option>
 66 | 				</field>
 67 | 
 68 | 				<field
 69 | 						name="contentbeforereplacement"
 70 | 						label="MOD_CCCTWOCLICK_DISABLED_CONTENT_LBL"
 71 | 						desc="MOD_CCCTWOCLICK_DISABLED_CONTENT_DESC"
 72 | 						type="textarea"
 73 | 						cols="50"
 74 | 						rows="10"
 75 | 						default=""
 76 | 				/>
 77 | 
 78 | 
 79 | 				<field
 80 | 						name="displayprivacypolicy"
 81 | 						label="MOD_CCCTWOCLICK_DISPLAYPRIVACYLINK_LBL"
 82 | 						type="radio"
 83 | 						layout="joomla.form.field.radio.switcher"
 84 | 						default="0"
 85 | 				>
 86 | 					<option value="0">JNO</option>
 87 | 					<option value="1">JYES</option>
 88 | 
 89 | 				</field>
 90 | 
 91 | 				<field
 92 | 						name="privacypolicy"
 93 | 						type="menuitem"
 94 | 						default=""
 95 | 						label="MOD_CCCTWOCLICK_PRIVACY_LINK_LBL"
 96 | 						description="MOD_CCCTWOCLICK_PRIVACY_LINK_DESC"
 97 | 						showon="displayprivacypolicy:1"
 98 | 				/>
 99 | 
100 | 				<field
101 | 						name="privacypolicytext"
102 | 						label="MOD_CCCTWOCLICK_PRIVACYLINK_TXT_LBL"
103 | 						type="text"
104 | 						default="MOD_CCCTWOCLICK_PRIVACYLINK_TXT"
105 | 						showon="displayprivacypolicy:1"
106 | 				/>
107 | 
108 | 				<field
109 | 						name="privacytextdesc"
110 | 						label="MOD_CCCTWOCLICK_PRIVACYLINK_TXT_DESC"
111 | 						type="spacer"
112 | 						showon="displayprivacypolicy:1"
113 | 				/>
114 | 
115 | 
116 | 				<field
117 | 						name="buttontxtreveal"
118 | 						label="MOD_CCCTWOCLICK_BTN_REVEAL"
119 | 						type="text"
120 | 						default=""
121 | 
122 | 				/>
123 | 
124 | 				<field
125 | 						name="buttontxtrevealclass"
126 | 						label="MOD_CCCTWOCLICK_BTN_REVEAL_CLASS"
127 | 						type="text"
128 | 						default="btn btn-primary"
129 | 
130 | 				/>
131 | 
132 | 
133 | 				<field
134 | 						name="afterclicksettings"
135 | 						label="MOD_CCCTWOCLICK_AFTERCLICK_SETTINGS"
136 | 						type="spacer"
137 | 				/>
138 | 
139 | 				<field
140 | 						name="contentafterreplacement"
141 | 						label="MOD_CCCTWOCLICK_ENABLED_CONTENT_LBL"
142 | 						desc="MOD_CCCTWOCLICK_ENABLED_CONTENT_DESC"
143 | 						type="textarea"
144 | 						cols="50"
145 | 						rows="10"
146 | 						default=""
147 | 				/>
148 | 
149 | 				<field
150 | 						name="buttontxtdisable"
151 | 						label="MOD_CCCTWOCLICK_BTN_DISABLE"
152 | 						type="text"
153 | 						default=""
154 | 				/>
155 | 
156 | 
157 | 				<field
158 | 						name="buttontxtdisableclass"
159 | 						label="MOD_CCCTWOCLICK_BTN_DISABLE_CLASS"
160 | 						type="text"
161 | 						default="btn btn-secondary"
162 | 				/>
163 | 
164 | 				<field
165 | 						name="iframesettings"
166 | 						label="MOD_CCCTWOCLICK_IFRAME_SETTINGS"
167 | 						type="spacer"
168 | 				/>
169 | 
170 | 				<field
171 | 						name="iframename"
172 | 						label="MOD_CCCTWOCLICK_IFRAMENAME_LBL"
173 | 						desc="MOD_CCCTWOCLICK_IFRAMENAME_DESC"
174 | 						type="text"
175 | 						default=""
176 | 				/>
177 | 
178 | 				<field
179 | 						name="iframetitle"
180 | 						label="MOD_CCCTWOCLICK_IFRAMETITLE_LBL"
181 | 						desc="MOD_CCCTWOCLICK_IFRAMETITLE_DESC"
182 | 						type="text"
183 | 						default=""
184 | 				/>
185 | 
186 | 				<field
187 | 						name="sourceurl"
188 | 						label="MOD_CCCTWOCLICK_SOURCE_URL"
189 | 						type="text"
190 | 						default=""
191 | 						filter="url"
192 | 				/>
193 | 
194 | 				<field
195 | 						name="iframewidth"
196 | 						label="MOD_CCCTWOCLICK_IFRAMEWIDTH_LBL"
197 | 						type="text"
198 | 						default="100%"
199 | 				/>
200 | 
201 | 				<field
202 | 						name="iframeheight"
203 | 						label="MOD_CCCTWOCLICK_IFRAMEHEIGHT_LBL"
204 | 						type="text"
205 | 						default="300px"
206 | 
207 | 				/>
208 | 
209 | 				<field
210 | 						name="frameborder"
211 | 						label="MOD_CCCTWOCLICK_IFRAMEFRAMEBORDER_LBL"
212 | 						type="number"
213 | 						default="0"
214 | 				/>
215 | 
216 | 				<field
217 | 						name="allowfullscreen"
218 | 						label="MOD_CCCTWOCLICK_IFRAMEFULLSCREEN_LBL"
219 | 						type="list"
220 | 						default="true"
221 | 						class="inputbox chzn-color chzn-color-permissive"
222 | 				>
223 | 					<option value="">MOD_CCCTWOCLICK_SELECT</option>
224 | 					<option value="true">JYES</option>
225 | 					<option value="8">JNO</option>
226 | 				</field>
227 | 
228 | 				<field
229 | 						name="allowtransparency"
230 | 						label="MOD_CCCTWOCLICK_IFRAMETRANSPARENCY_LBL"
231 | 						type="list"
232 | 						default="true"
233 | 						class="inputbox chzn-color chzn-color-permissive"
234 | 				>
235 | 					<option value="">MOD_CCCTWOCLICK_SELECT</option>
236 | 					<option value="true">JYES</option>
237 | 					<option value="false">JNO</option>
238 | 				</field>
239 | 
240 | 				<field
241 | 						name="scrolling"
242 | 						label="MOD_CCCTWOCLICK_IFRAMESCROLLING_LBL"
243 | 						type="list"
244 | 						default="no"
245 | 						class="inputbox chzn-color chzn-color-permissive"
246 | 				>
247 | 					<option value="">MOD_CCCTWOCLICK_SELECT</option>
248 | 					<option value="yes">JYES</option>
249 | 					<option value="no">JNO</option>
250 | 				</field>
251 | 
252 | 				<field
253 | 						name="positionsetting"
254 | 						label="MOD_CCCTWOCLICK_POSITION_SETTINGS"
255 | 						type="spacer"
256 | 				/>
257 | 
258 | 				<field
259 | 						name="contentbeforepos"
260 | 						label="MOD_CCCTWOCLICK_CONTENTBEFOREPOS_LBL"
261 | 						type="list"
262 | 						default="bottom"
263 | 						class="inputbox chzn-color chzn-color-permissive"
264 | 				>
265 | 					<option value="">MOD_CCCTWOCLICK_SELECT</option>
266 | 					<option value="top">MOD_CCCTWOCLICK_POS_TOP</option>
267 | 					<option value="center">MOD_CCCTWOCLICK_POS_CENTER</option>
268 | 					<option value="bottom">MOD_CCCTWOCLICK_POS_BOTTOM</option>
269 | 				</field>
270 | 
271 | 				<field
272 | 						name="contentafterpos"
273 | 						label="MOD_CCCTWOCLICK_CONTENTAFTERPOS_LBL"
274 | 						type="list"
275 | 						default="bottom"
276 | 						class="inputbox chzn-color chzn-color-permissive"
277 | 				>
278 | 					<option value="">MOD_CCCTWOCLICK_SELECT</option>
279 | 					<option value="top">MOD_CCCTWOCLICK_POS_TOP</option>
280 | 					<option value="bottom">MOD_CCCTWOCLICK_POS_BOTTOM</option>
281 | 				</field>
282 | 
283 | 				<field
284 | 						name="btnrevpos"
285 | 						label="MOD_CCCTWOCLICK_BTNREVPOS_LBL"
286 | 						type="list"
287 | 						default="bottom"
288 | 						class="inputbox chzn-color chzn-color-permissive"
289 | 				>
290 | 					<option value="">MOD_CCCTWOCLICK_SELECT</option>
291 | 					<option value="top">MOD_CCCTWOCLICK_POS_TOP</option>
292 | 					<option value="center">MOD_CCCTWOCLICK_POS_CENTER</option>
293 | 					<option value="bottom">MOD_CCCTWOCLICK_POS_BOTTOM</option>
294 | 				</field>
295 | 
296 | 				<field
297 | 						name="btndispos"
298 | 						label="MOD_CCCTWOCLICK_BTNDISPOS_LBL"
299 | 						type="list"
300 | 						default="bottom"
301 | 						class="inputbox chzn-color chzn-color-permissive"
302 | 				>
303 | 					<option value="">MOD_CCCTWOCLICK_SELECT</option>
304 | 					<option value="top">MOD_CCCTWOCLICK_POS_TOP</option>
305 | 					<option value="bottom">MOD_CCCTWOCLICK_POS_BOTTOM</option>
306 | 				</field>
307 | 
308 | 				<field
309 | 						name="stylesheet"
310 | 						label="MOD_CCCTWOCLICK_STYLESHEET_LBL"
311 | 						type="list"
312 | 						default="yes"
313 | 						class="inputbox chzn-color chzn-color-permissive"
314 | 				>
315 | 					<option value="">MOD_CCCTWOCLICK_SELECT</option>
316 | 					<option value="yes">JYES</option>
317 | 					<option value="no">JNO</option>
318 | 				</field>
319 | 
320 | 			</fieldset>
321 | 
322 | 			<fieldset name="advanced">
323 | 
324 | 				<field
325 | 						name="hidedonation"
326 | 						label="MOD_CCCTWOCLICK_HIDEDONATION_LBL"
327 | 						type="radio"
328 | 						default="show"
329 | 				>
330 | 					<option value="show">JNO</option>
331 | 					<option value="hide">JYES</option>
332 | 				</field>
333 | 
334 | 				<field
335 | 						name="moduleclass_sfx"
336 | 						label="COM_MODULES_FIELD_MODULECLASS_SFX_LABEL"
337 | 						type="textarea"
338 | 						description="COM_MODULES_FIELD_MODULECLASS_SFX_DESC"
339 | 						rows="3"
340 | 				/>
341 | 
342 | 			</fieldset>
343 | 		</fields>
344 | 
345 | 
346 | 	</config>
347 | 
348 | 	<languages folder="language">
349 | 		<language tag="en-GB">en-GB/en-GB.mod_ccctwoclick.ini</language>
350 | 		<language tag="en-GB">en-GB/en-GB.mod_ccctwoclick.sys.ini</language>
351 | 		<language tag="de-DE">de-DE/de-DE.mod_ccctwoclick.ini</language>
352 | 		<language tag="de-DE">de-DE/de-DE.mod_ccctwoclick.sys.ini</language>
353 | 	</languages>
354 | 
355 | 	<updateservers>
356 | 		<server type="extension" name="mod_ccctwoclick Update Site">
357 | 			https://raw.githubusercontent.com/coolcat-creations/mod_ccctwoclick/master/manifest.xml
358 | 		</server>
359 | 	</updateservers>
360 | 
361 | </extension>
362 | 


--------------------------------------------------------------------------------