Exclude empty taxonomies, categories, and filters.

dirmaker/__init__.py

@@ -143,10 +143,13 @@ def _make_taxonomies(self, item):
  # Iterate through each taxonomy array in the entry.
  for v in item[tx]:
  if v not in out[tx]:
- id = v.lower()
+ id = v.strip().lower()
+ if id == "":
+ continue
+
  out[tx][id] = Taxonomy(
  name=v, slug=self._make_slug(v), count=0)
- for tx in self.config["taxonomies"]:
+
  out[tx] = sorted([out[tx][v]
  for v in out[tx]], key=lambda k: k.name)
 
@@ -164,7 +167,10 @@ def _collate_taxonomies(self, entries):
  out[tx] = {}
 
  for t in e.taxonomies[tx]:
- id = t.name.lower()
+ id = t.name.strip().lower()
+ if id == "":
+ continue
+
  if id not in out[tx]:
  out[tx][id] = copy(t)
  out[tx][id].count += 1

dirmaker/example/static/main.js

@@ -1,12 +1,15 @@
 function filterList(sel, itemSelector) {
+ const noRes = document.querySelector("#no-results");
  // Hide all items.
  document.querySelectorAll(itemSelector).forEach(e => {
  e.style.display = "none";
  });
 
  if (sel.length === 0) {
+ noRes.style.display = 'block';
  return;
  }
+ noRes.style.display = 'none';
 
  // List of attribute selector queries for each value. eg:
  // #items li[data-language*=malayalam|], #items li[data-language*=kannada|] ...
@@ -102,7 +105,12 @@ function tokenize(str) {
 
  // Check or uncheck all filter checkboxes with the toggle item's dataset.taxonomy.
  const tax = e.target.dataset.taxonomy;
- document.querySelectorAll(`#filters input[data-taxonomy=${tax}]`).forEach(el => {
+ const filters = document.querySelectorAll(`#filters input[data-taxonomy=${tax}]`);
+ if (filters.length === 0) {
+ return;
+ }
+
+ filters.forEach(el => {
  el.checked = e.target.dataset.state === "on" ? false : true;
  });
 

dirmaker/example/static/style.css

@@ -202,6 +202,10 @@ footer {
  display: inline-block !important;
  }
 
+#no-results {
+ display: none;
+ margin-top: 30px;
+}
 
 .pagination {
  margin-top: 30px; 

dirmaker/example/template.html

@@ -116,6 +116,8 @@ <h2 class="title">
  </ul>
  {% endif %}
  </section>
+
+ <h3 id="no-results">No results.</h3>
  </section><!-- content -->
  </div><!-- container -->