Sjabloon:FMT Card: verschil tussen versies

Huidige versie van 3 jun 2024 om 19:32

This is the "FMT Card" template. It should be called in one of the following formats:

{{BB Semantic search
|..
|formatter=FMT Card
|...
}}
{{BB Query
|..
|formatter=FMT Card
|...
}}

@@ Regel 2: / Regel 2: @@
 [[Category:BB]]
 [[Category:EMont core]]
-This is the "Card" template.
+This is the "FMT Card" template.
 It should be called in one of the following formats:
 <pre>
-{{Card header}}
+{{BB Semantic search
-{{Card
+|..
-|pagenames=array,
+|formatter=FMT Card
-|showdate=
+|...
-|readmore=
+}}
-{{Card footer}}
+{{BB Query
+|..
+|formatter=FMT Card
+|...
 }}
 </pre>
 </noinclude>
 <includeonly>
-{{#vardefine:page|{{{pagename|KCKT_Project_PR_00021}}}}}
+{{#vardefine:page|{{{pagename|{{{?pagename|}}}}}}}}
-{{#vardefine:img|{{#show:{{#var:page}}|?Imagename}}|image-landscape.png}}
+{{#vardefine:img|{{#show:{{#var:page}}|?Imagename}}}}
 {{#vardefine:date|{{#show:{{#var:page}}|?Start date#-F[d/m/Y]}}}}
-{{#vardefine:title|{{#show:{{#var:page}}|?Heading}}}}
+{{#vardefine:date|{{#if:{{#var:date}}|{{#var:date}}|{{#show:{{#var:page}}|?Dct:date#-F[d/m/Y]}}}}}}
-{{#vardefine:summary|{{#show:{{#var:page}}|?Summary}}}}
+{{#vardefine:title|{{#show:{{#var:page}}|?Heading{{#if:{{#emmlang:|}}|_{{#emmlang:}}|}}}}}}
-{{#vardefine:more|{{{readmore|true}}}}}
+{{#if:{{#var:title}}||{{#vardefine:title|{{#show:{{#var:page}}|?Heading}}}}}}
-{{#vardefine:show|{{{showdate|true}}}}}
+{{#vardefine:summary|{{Text max length|text={{#show:{{#var:page}}|?Summary{{#if:{{#emmlang:|}}|_{{#emmlang:}}|}}}}|max=200}}}}
+{{#if:{{#var:summary}}||{{#vardefine:summary|{{Text max length|text={{#show:{{#var:page}}|?Summary}}|max=200}}}}}}
+{{#vardefine:label|{{{label|}}}}}
+{{#vardefine:button|{{{show button|true}}}}}
+{{#vardefine:show|{{{show date|true}}}}}
+{{#vardefine:link|{{#replace:{{#replace:{{#var:page}}|File:|Media:}}|Bestand:|Media:}}}}
+{{#vardefine:name|{{#var:title|{{#replace:{{#replace:{{#replace:{{#var:page}}|File:|}}|Bestand:|}}|_|<nowiki/> <nowiki/>}}}}}}
 <div class="col col-12 col-m-6 col-l-4">
-<div class="card">
+<div class="card"><div class="card__link">[[{{#var:link}}]]</div>
-<div class="card-image">[[File:{{#var:img}}|link={{#var:page}}|{{#var:title}}|]]</div>
+<div class="card__image  ar-4/3">[[File:{{#var:img|image-landscape.png}}|frameless|500px|link=|{{#var:link}}|]]</div>
-<div class="card-body">
+<div class="card__body">
-<p class="subheader">{{#ifeq:{{#var:show|}}|true|{{#var:date}}|}}</p>
+{{#if:{{#var:label}}|<div class="medialabels"><p class="medialabel">{{#var:label}}</p></div>}}
-<h3 class="header">{{#var:title}}</h3>
+<p class="card__subtitle">{{#ifeq:{{#var:show|}}|true|{{#var:date}}|}}</p>
-<p>{{#var:summary}}</p>
+<h3 class="card__title">{{#var:name}}</h3>
-{{#ifeq:{{#var:more|}}|true|
+<div class="card__text">{{#var:summary}}</div>
-<div class="mw-btn mw-btn-l mw-btn-primary d-ib">[[{{#var:page}}|{{int:EMM Text Read more}} »]]</div>
+{{#ifeq:{{#var:button|}}|true|
-|}}
+<div class="mw-btn mw-btn-l mw-btn-primary d-ib">[[{{#var:link}}|{{int:EMM Text Read more}}]]</div>|}}
 </div>
 </div>
 </div>
 </includeonly>