Widget:DocsSearchResults

Latest revision as of 08:51, 30 September 2022

::

</a>

Parent

Version

Target

     Last updated

@@ Line 1: / Line 1: @@
-<div class="card text-white bg-secondary mb-3">
+<div class="csp-doc-result-card card">
-   <div class="card-header h5"><!--{$title}--></div>
+   <a href="/<!--{$url}-->"><div class="card-header h5 text-white"><i class="far fa-file"></i> <!--{$subject}--> :: <!--{$title}--><span class="float-right"></div></a>
-   <div class="card-body">
+   <div class="card-body bg-white">
-    <div class="card-title h5"><!--{$synopsis}--></div>
+<div class="result-card--header">
-     <div class="row">
+<div class="col-10">
-       <div class="col-3"><p class="card-text">Version: <!--{$version}--></p></div>
+<!--{if isset($synopsis) && $synopsis !== ''}--><div class="card-title h5"><i class="fas fa-info-circle"></i> <!--{$synopsis}--><br><span class="small"><!--{$snippet}--></span></div>
-       <div class="col-3"><p class="card-text">Target: <!--{$target}--></p></div>
+<!--{/if}-->
-       <div class="col-3"><p class="card-text">Last updated: <!--{$modification}--></p></div>
+</div>
-     </div>
+<div class="col-2">
-    <a href="<!--{$url}-->" class="btn btn-primary"><!--{$title}--> Documentation</a>
+<!--{if $subject === "Doc/PageSync"}--><img src="https://www.open-csp.org/img_auth.php/8/8c/Pagesync_square.png" class="float-right align-middle" style="height:50px;"><!--{/if}-->
+<!--{if $subject === "Doc/FlexForm"}--><img src="https://www.open-csp.org/img_auth.php/1/13/FlexForm-logo_square.png" class="float-right align-middle" style="height:50px;"><!--{/if}-->
+</div>
+</div>
+     <div class="result-card--info">
+       <!--{if isset($parent) && $parent!== ''}--><div class="col-6"><p class="card-text"><u>Parent</u><br><small><strong><!--{$parent}--></strong></small></p></div><!--{else}--><div class="col-6"></div><!--{/if}-->
+       <div class="col-3"><p class="card-text"><u>Version</u><br><small><strong><!--{$version}--></strong></small></p></div>
+       <div class="col-3"><p class="card-text"><u>Target</u><br><small><strong><!--{$target}--></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}--></strong></small>
    </div>
 </div>