Template:Show docs search result

VisualWikitext

Revision as of 11:47, 24 October 2022

This is the Show docs search result template. It should be called in the following format:

@@ Line 3: / Line 3: @@
 This is the '''Show docs search result''' template. It should be called in the following format:
-</noinclude><includeonly>{{#widget:DocsSearchResults
+</noinclude><includeonly><!--
-|title={{{$title| }}}
-|synopsis={{{Doc synopsis| }}}
+--><div class="csp-doc-result-card card">
-|version={{{Subject version| }}}
+[{{{$namespacename|}}}:{{{$page|}}} <div class="card-header h5 text-white"><i class="far fa-file"></i> {{{Doc subject|}}} :: {{{$title|}}}<span class="float-right"></div>]
-|target={{{Doc target group| }}}
+<div class="card-body bg-white">
-|parent={{{Doc parent| }}}
+<div class="result-card--header">
-|subject={{{Doc subject| }}}
+<div class="col-10"><!--
-|snippet={{{$snippet| }}}
+-->{{#if:{{{Doc synopsis|}}} |<div class="card-title h5"><i class="fas fa-info-circle"></i> {{{Doc synopsis|}}}<br><span class="small">{{{$snippet|}}}</span></div>}}<!--
-|modification={{{$Modification date| }}}
+--></div>
-|url={{{$namespacename|}}}:{{{$page|}}} }}<includeonly>
+<div class="col-2"><!--
+ -->{{#switch:{{{Doc subject|}}}
+    |Doc/PageSync=<div class="float-right align-middle">[[File:Pagesync_square.png|link=|x50px]]</div>
+    |Doc/FlexForm=<div class="float-right align-middle">[[File:FlexForm-logo_square.png|link=|x50px]]</div>
+    |#default=
+  }}<!--
+--></div>
+</div><!--
+    --><div class="result-card--info"><!--
+    -->{{#if:{{{Doc parent|}}}<!--
+      -->|<div class="col-6"><p class="card-text"><u>Parent</u><br><small><strong>{{{Doc parent|}}}</strong></small></p></div><!--
+      -->|<div class="col-6"></div><!--
+    -->}}<!--
+      --><div class="col-3"><p class="card-text"><u>Version</u><br><small><strong>{{{Subject version|}}}</strong></small></p></div><!--
+      --><div class="col-3"><p class="card-text"><u>Target</u><br><small><strong>{{{Doc target group|}}}</strong></small></p></div><!--
+    --></div><!--
+  --></div><!--
+  --><div class="card-footer p-1 pr-2 bg-light"><!--
+      --><small class="text-muted float-right">Last updated <strong><{{{$Modification date|}}}</strong></small><!--
+  --></div><!--
+--></div><!--
+--><includeonly>