Sjabloon:Overzicht: verschil tussen versies

Huidige versie van 14 aug 2024 om 17:01

This is the "Overzicht" template

Version=1.0
Version notes=1.0 - First managed version, added class 'hidden' to hide grey row if there is no Tag2

{{Overzicht
|Tag=<tag that is used as selection for main items>
|Tag2=<tag that is used as selection for secondary items>
|Title=
|Type=<optioonal 'list' for a list view>
|Text=<introductory text>
|Order=<asc or desc (=default)>
}}

@@ Regel 1: / Regel 1: @@
-__NOTOC__ __NOTITLE__<!--
+<noinclude>
---><div class="main-wrapper "><wsfield type="button" onclick="$('.main-wrapper').addClass('list')">{{fa|list}}</wsfield><!--
+This is the "Overzicht" template
- --><h1>{{{Title|}}}</h1><!--
+*Version=1.0
+*Version notes=1.0 - First managed version, added class 'hidden' to hide grey row if there is no Tag2
+<pre>
+{{Overzicht
+|Tag=<tag that is used as selection for main items>
+|Tag2=<tag that is used as selection for secondary items>
+|Title=
+|Type=<optioonal 'list' for a list view>
+|Text=<introductory text>
+|Order=<asc or desc (=default)>
+}}
+</pre>
+</noinclude><includeonly>__NOTOC__ __NOTITLE__<!--
+--><div class="main-wrapper {{{Type|}}}"><!--
 --><p>{{{Text|}}}</p><!--
-  --><div class="row">{{#ask:[[Class::Bericht]][[Tags::{{{Tag|}}}]][[Domein::{{SERVERNAME}}]]|?Datum|?Titel|?Samenvatting|?Image|link=none|format=complexarray|name=@berichten}}<!--
+  --><div class="row">{{#ask:[[Class::Bericht]][[Tags::{{{Tag|}}}]][[Domein::{{SERVERNAME}}]]|?Datum|?Titel|?Samenvatting|?Show date|sort=Datum|order={{{Order|desc}}}|link=none|format=complexarray|name=@berichten}}<!--
     -->{{#camap:@berichten|@@@|
    <div class="col-md-6">
      <div class="card"><!--
-        -->{{#tag:html|<div class="card-top" style="background-image:url('{{#if:@@@[Image]|{{filepath:{{#replace:@@@[Image]|Bestand:|}}}}|https://cdn.mos.cms.futurecdn.net/VSy6kJDNq2pSXsCzb6cvYF-1024-80.jpg.webp}}')">
+        --><div class="card-top">{{#vardefine:@hubimg|{{#ask:[[Class::Bericht file]][[Page::@@@[catitle]]]|sort=Modification date|limit=1|link=none|order={{{Order|desc}}}|format=array}} }}
-       </div>}}<!--
+[[{{#if:{{#var:@hubimg}}|{{#var:@hubimg}}|File:{{#replace:{{SERVERNAME}}|.|-}}-logo.png }}|{{#ifeq: {{{Type|}}} | list | 250px | 550px}}|link=]]
+       </div><!--
          --><div class="card-bottom">
-          <div><small><b>{{#if:@@@[Datum]|{{#time:d M Y|@@@[Datum]|nl}} }}</b></small></div>
+          {{#ifeq:@@@[Show date]|false| |<div><small><b>{{#if:@@@[Datum]|{{#time:d M Y|@@@[Datum]|nl}} }}</b></small></div>}}
           <h2>@@@[Titel]</h2>
-          <div class="text-read-more">{{#regex:@@@[Samenvatting]|/<[^>]*>/|<nowiki/> <nowiki/>}} <i> {{#widget:link|type=a|href=@@@[cafullurl]|text=Lees meer|class=red}}</i></div>
+          <div class="text-read-more">@@@[Samenvatting] <i> [@@@[cafullurl] Lees meer]</i></div>
        </div>
      </div>
    </div>
    |}}<!--
---><div class="col-md-6" >{{#widget:link|text={{fa|plus}}|href={{fullurl:Nieuw Bericht maken}}|type=a|class=btn mb-4 }}<br>{{#widget:laad meer berichten|offset=1}}</div></div></div><div class="bg-gray row pt-4"><div class="main-wrapper pt-4 "><div class="row"><!--
+--><div class="col-md-6" ></div></div></div><div class="bg-gray row pt-4 {{#if:{{{Tag2|}}}||hidden}}">{{#if:{{{Tag2|}}}|<div class="main-wrapper pt-4 {{{Type|}}}"><div class="row">{{#ask:[[Class::Bericht]][[Tags::{{{Tag2|}}}]][[Domein::{{SERVERNAME}}]]|?Datum|?Titel|?Samenvatting|?-Page=Image|sort=Datum|order={{{Order|desc}}}|link=none|format=complexarray|name=@berichten2}}<!--
-  -->{{#arraymap:Start onderhoud rotonde Bromtol, Plannen fietspad vooruit geschoven, Paaspop afgelast wegens Corona, Herinrichting Vrachelsestraat gaat door!|,|@@@|
+  -->{{#camap:@berichten2|@@@|
-   <div class="col-md-4">
+   <div class="col-md-6">
      <div class="card"><!--
-        -->{{#tag:html|<div class="card-top" style="background-image:url('https://cdn.mos.cms.futurecdn.net/VSy6kJDNq2pSXsCzb6cvYF-1024-80.jpg.webp')">
+        --><div class="card-bottom">
-      </div>}}<!--
+          <div><small><b>{{#if:@@@[Datum]|{{#time:d M Y|@@@[Datum]|nl}} }}</b></small></div>
-        --><div class="card-bottom">
+          <div><b>@@@[Titel]</b></div>
-          <div><small><b>6 mei 2020</b></small></div>
+          <div class="text-read-more">@@@[Samenvatting]</div>
-          <div><b>@@@</b></div>
-          <div class="text-read-more">In het kort hier een tekst van hooguit 3 regels waarin duidelijk wordt waar dit onderwerp over gaat. Mensen kunnen dan doorklikken als ze meer willen weten... Belangrijk is dat de tekst meteen verklaart waar deze actualiteit over gaat. <i> {{#widget:link|type=a|href=#|text=Lees meer|class=red}}</i></div>
        </div>
      </div>
    </div>
    |}}<!--
-  --></div></div></div>
+  --></div></div></div>}}
+</includeonly>