vertx-howtos-jekyll-theme 0.3.0 → 0.3.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: a7a47c68f18f8bb376f563268838a2398027034c93f10f7ac3956757b3363cd5
-  data.tar.gz: 663f52b84166def3b897495c87b1beaa578363d873c2f88b02e2d512c7ebd402
+  metadata.gz: 94c21d612d92f0a7780fb6a6491f7009a1bfa57ec510b9097530a0053bb97296
+  data.tar.gz: 77154f35887c992f1310681251d02b1ad4337a3f6e0636b124097a3877146051
 SHA512:
-  metadata.gz: 7ad9a68c0bb7da94fb08a18f35d26964523ba8de75a2228511715b68735ef613e6f2f0b47f525b4811e3e5d309098e10036591844481e90d5cdc6266ba61e1a5
-  data.tar.gz: '022982861f08171b80a3b123d382751114e2ac997b651f84916c7a0fd1701e61b83c209d320eee85762ce181d3b97e28142ffa1133e0b7bbfec1dd065b801135'
+  metadata.gz: 030ba71eeb1056c7fb7190734bf67121ee6c3d30d668d64995fd6501599f92ac7591bc13771bd840cce14f097cec701ce3be035f1bf3f4c8dcc1315e2ec81261
+  data.tar.gz: d5eea554d8f48f85c9033622d558e902787cf9e65ed1d79542a34bfc854a0bd7708c2492564b47bc7d1fa10f5954758667ee58833b4c2a2a7845ce714d18cf8b

data/_layouts/frontpage.html

@@ -7,26 +7,69 @@
     </a>
 </nav>
 
+<div class="container">
+    <div class="row mb-3">
+        <input type="text" class="form-control" id="searchBox" placeholder="search by tags">
+    </div>
+</div>
+
 <div class="container">
     <div class="row">
         {% for howto in site.data.howtos %}
-        <div class="card col-12">
+        <div class="card col-12 mb-3" data-tags="{% for tag in howto.tags %}{{ tag }} {% endfor %}">
             <div class="card-body">
                 <h5 class="card-title"><a href="/{{ howto.repo }}/">{{ howto.repo }}</a></h5>
                 <p class="card-text">
-                        {% for tag in howto.tags %}
-                            <span class="badge badge-pill badge-light">{{ tag }}</span>
-                        {% endfor %}
-                    </p>
+                    {% for tag in howto.tags %}
+                    <span class="badge badge-pill badge-light">{{ tag }}</span>
+                    {% endfor %}
+                </p>
                 <p class="card-text">{{ howto.description }}</p>
                 <a href="/{{ howto.repo }}/" class="btn btn-light"><i class="fa fa-glasses"></i> Read the how-to</a>
                 <a href="https://github.com/vertx-howtos/{{ howto.repo }}" class="btn btn-light"><i
-                        class="fab fa-github"></i> GitHub repository</a>                
+                        class="fab fa-github"></i> GitHub repository</a>
             </div>
         </div>
         {% endfor %}
     </div>
 </div>
 
+<script>
+    (function () {
+        function show(element) {
+            element.style.display = "block";
+        }
+        function hide(element) {
+            element.style.display = "none";
+        }
+        const cards = Array.from(document.getElementsByClassName("card"));
+        const searchBox = document.getElementById("searchBox");
+        searchBox.focus();
+        searchBox.addEventListener("input", function(event) {
+            cards.forEach(function(card) {
+                show(card);
+            });
+            const search = searchBox.value.trim();
+            if (search.length == 0) {
+                return;
+            }
+            const searchTags = search.split(" ");
+            cards.forEach(function(card) {             
+                const tags = card.dataset.tags.trim().split(" ");
+                let found = false;
+                for (let i = 0; (i < searchTags.length && !found); i++) {
+                    for (let j = 0; (j < tags.length && !found); j++) {
+                        found = tags[j].includes(searchTags[i]);
+                    }
+                }
+                if (found) {
+                    show(card);
+                } else {
+                    hide(card);
+                }
+            });
+        });
+    })();
+</script>
 
 {% include footer.html %}

data/assets/css/style.scss

@@ -76,7 +76,3 @@ pre {
   details {
     margin-bottom: 1em;
   }
-
-  .card {
-    margin-bottom: 1em;
-  }

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: vertx-howtos-jekyll-theme
 version: !ruby/object:Gem::Version
-  version: 0.3.0
+  version: 0.3.1
 platform: ruby
 authors:
 - Julien Ponge
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2019-03-22 00:00:00.000000000 Z
+date: 2019-03-23 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll