Sjabloon:BB Contact: verschil tussen versies

Huidige versie van 25 jun 2024 om 10:43

This is the "BB Contact" template.


{{BB Contact
|heading=
|summary=
|mail= 
|phone=+123456789
|phone text=
|contact=
|contact text=
}}

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec aliquam mauris nec.

Curabitur lobortis condimentum tortor id luctus. Sed ut lectus eros. Proin at libero dapibus, vulputate ex vel, tristique nibh. Phasellus rhoncus velit odio, vel molestie erat facilisis nec.

0123 456 789

mail@hz.nl

Contact

Bouwblok Contact

Sjabloonparameters
Voor dit sjabloon heeft het de voorkeur de parameters als blok te rangschikken.
Parameter		Beschrijving	Type	Status
Begeleidende tekt	`summary`	geen beschrijving	Tekenreeks	vereist
Telefoonnummer	`phone`	geen beschrijving	Onbekend	vereist
Weergave tekst telefoonnummer	`phone text`	geen beschrijving	Onbekend	vereist
E-mail	`mail`	geen beschrijving	Onbekend	vereist
Contact pagina	`contact`	geen beschrijving	Paginanaam	vereist
Contact tekst	`contact text`	geen beschrijving	Onbekend	vereist
Titel	`heading`	geen beschrijving	Tekenreeks	vereist

@@ Regel 4: / Regel 4: @@
 This is the "BB Contact" template.
 <pre>
 {{BB Contact
-|Heading=
+|heading=
-|Summary=
+|summary=
-|Link=
+|mail=
-|Link text=
+|phone=+123456789
-|Contact link=
+|phone text=
-|Contact link text=
+|contact=
-|Sign up link=
+|contact text=
-|Sign up link text=
 }}
 </pre>
+{{BB Contact
+|heading=Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec aliquam mauris nec.
+|summary=Curabitur lobortis condimentum tortor id luctus. Sed ut lectus eros. Proin at libero dapibus, vulputate ex vel, tristique nibh. Phasellus rhoncus velit odio, vel molestie erat facilisis nec.
+|mail=mail@hz.nl
+|phone=+123456789
+|phone text=0123 456 789
+|contact=PR 00203
+|contact text=Contact
+}}
 </noinclude>
-<includeonly>
+<includeonly><!--
-<div class="section calltoaction">
+--><div id="contact"></div>
+<div class="calltoaction hero--fullwidth">
 <div class="limit-12">
 <div class="row">
 <div class="col col-m-7 col-l-7">
-<h3 class="c-white">{{{Heading|}}}</h3>
+<h3 class="c-white">{{{heading|}}}</h3>
-<p class="lead c-white">{{{Summary|}}}</p>
+<p class="c-white">{{{summary|}}}</p>
 </div>
 <div class="col col-l-1 desktop-only">&nbsp;</div>
-<div class="col col-m-5 col-l-4">
+<div class="col col-m-5 col-l-4 d-f fd-c jc-c">
-<div class="mw-btn mw-btn-diap mw-btn-full mw-btn-l mw-btn-icon mb-s"><i class="ri-phone-line ri-2x mr-xxs"></i>[{{{Mail|}}}|{{{Mail text|}}}]</div>
+<div class="mw-btn mw-btn-diap mw-btn-full mw-btn-l mw-btn-icon mb-s"><i class="ri-phone-line ri-2x mr-xxs"></i>[tel:{{{phone|}}} {{{phone text|}}}]</div>
-<div class="mw-btn mw-btn-diap mw-btn-full mw-btn-l mw-btn-icon mb-s"><i class="ri-mail-line ri-2x mr-xxs"></i>[{{{Phone|}}}|{{{Phone text|}}}]</div>
+<div class="mw-btn mw-btn-diap mw-btn-full mw-btn-l mw-btn-icon mb-s"><i class="ri-mail-line ri-2x mr-xxs"></i>[mailto:{{{mail|}}} {{{mail|}}}]</div>
-<div class="mw-btn mw-btn-diap mw-btn-full mw-btn-l mw-btn-icon"><i class="ri-map-pin-5-line ri-2x mr-xxs"></i>[[{{{Contact|}}}|{{{Contact text|}}}]]</div>
+<div class="mw-btn mw-btn-diap mw-btn-full mw-btn-l mw-btn-icon"><i class="ri-map-pin-5-line ri-2x mr-xxs"></i>[[{{{contact|}}}|{{{contact text|}}}]]</div>
 </div>
 </div>
 </div>
-</div>
+</div><!--
-</includeonly>
+--></includeonly>
+<noinclude>
+<templatedata>
+{
+	"params": {
+		"summary": {
+			"required": true,
+			"label": "Begeleidende tekt",
+			"type": "string",
+			"suggested": true
+		},
+		"phone": {
+			"required": true,
+			"label": "Telefoonnummer",
+			"suggested": true
+		},
+		"phone text": {
+			"required": true,
+			"label": "Weergave tekst telefoonnummer",
+			"suggested": true
+		},
+		"mail": {
+			"required": true,
+			"label": "E-mail",
+			"suggested": true
+		},
+		"contact": {
+			"required": true,
+			"label": "Contact pagina",
+			"type": "wiki-page-name",
+			"suggested": true
+		},
+		"contact text": {
+			"required": true,
+			"label": "Contact tekst",
+			"suggested": true
+		},
+		"heading": {
+			"label": "Titel",
+			"type": "string",
+			"required": true,
+			"suggested": true
+		}
+	},
+	"description": "Bouwblok Contact",
+	"paramOrder": [
+		"summary",
+		"phone",
+		"phone text",
+		"mail",
+		"contact",
+		"contact text",
+		"heading"
+	],
+	"format": "block"
+}
+</templatedata>
+</noinclude>