(fix): show alert in index.html only

alert-tip.html and no-items-found.html are separated because alert-tip.html has to shown in index.html only

Author: neelbrahma

src/template-builder/base.pug

@@ -1,4 +1,5 @@
 - var bodyCustomClass         = ''
+- var showAlert    = false
 
 doctype html
 html
@@ -24,8 +25,10 @@ html
             include contents/filters.html
             #grid.row
               block content
-            include contents/alert-messages.html
-          //- END: Content
+            include partials/no-items-found.html
+            if showAlert
+              include partials/alert-tip.html
+          // END: Content
 
     //- BEGIN: Footer
     block footer

src/template-builder/contents/alert-messages.html

@@ -8,6 +8,7 @@ extend ../base
 block pageVars
   - var pageTitle    = "Classes"
   - var activeMenu   = "home"
+  - var showAlert    = true
 
 block content
   include ../contents/classes/grid.html

src/template-builder/pages/index.pug

@@ -0,0 +1,9 @@
+<div class="alert-tip">
+  <div class="alert-tip-title">Tip</div>
+  <ul class="m-0">
+    <li><code>.col-*</code> where <code>*</code> value can be <code>{ sm | md | lg | xl | xxl }</code></li>
+    <li><code>.col-#</code> where <code>#</code> value can be from <code>1 to 12</code></li>
+    <li><code>.bg-{color}</code> where <code>color</code> value can be <code>{ primary | secondary | success | danger | warning | info | light | dark }</code></li>
+    <li><code>.bd-highlight</code> class is for demo purpose only</li>
+  </ul>
+</div>

src/template-builder/partials/alert-tip.html

@@ -0,0 +1,7 @@
+<h4 class="no-search-items align-items-center d-flex d-none">
+  <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor" class="bi bi-x-circle" viewBox="0 0 16 16">
+    <path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z"/>
+    <path d="M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708z"/>
+  </svg>
+  <span class="ms-2">No Items Found</span>
+</h4>