From bcd55302cc7cf88643da0c91a2ce55a4433a1286 Mon Sep 17 00:00:00 2001
From: Abbe98 <albin.post@gmail.com>
Date: Mon, 22 May 2023 17:49:35 +0200
Subject: [PATCH] add various sorting options to the keyword bar

This adds a new `sortKeywords` configuration  option for customizing the keyword order in the top bar.

The `sortKeywords` option can either take one of the following strings:
 - `alphabetical` (default)
 - `alfabetical-reverse`
 - `count-reverse`
 - `count`

 or an array with the tags in the order in wish one wants to display them.
---
 js/tags.js | 34 +++++++++++++++++++++++++++++++---
 1 file changed, 31 insertions(+), 3 deletions(-)

diff --git a/js/tags.js b/js/tags.js
index 0bd17c198..f7fb39b6f 100644
--- a/js/tags.js
+++ b/js/tags.js
@@ -13,6 +13,7 @@ function Tags() {
   var keywords = [];
   var wordBackground;
   var keywordsNestGlobal;
+  var sortKeywords = "alphabetical";
 
   // var filterWords = ["Potsdam"];
   var filterWords = [];
@@ -42,6 +43,10 @@ function Tags() {
       .append("div")
       //.attr("transform", "translate("+ margin.left +","+ margin.top +")")
       
+    if (config.sortKeywords != undefined) {
+      sortKeywords = config.sortKeywords;
+    }
+
     tags.update();
   }
 
@@ -103,10 +108,33 @@ function Tags() {
   // c("num",sliceNum)
 
    var keywordsNest = keywordsNestGlobal
-      .slice(0,sliceNum)
-      .sort(function(a,b){
+      .slice(0,sliceNum);
+
+    if (sortKeywords == "alphabetical") {
+      keywordsNest = keywordsNest.sort(function(a,b){
         return d3.ascending(a.key[0], b.key[0]);
-      })
+      });
+    } else if (sortKeywords == "alfabetical-reverse") {
+      keywordsNest = keywordsNest.sort(function(a,b){
+        return d3.descending(a.key[0], b.key[0]);
+      });
+    } else if (sortKeywords == "count") {
+      keywordsNest = keywordsNest.sort(function(a,b){
+        return d3.descending(a.values.length, b.values.length);
+      });
+    } else if (sortKeywords == "count-reverse") {
+      keywordsNest = keywordsNest.sort(function(a,b){
+        return d3.ascending(a.values.length, b.values.length);
+      });
+    } else if (Array.isArray(sortKeywords)) {
+      keywordsNest = keywordsNest.sort(function(a,b){
+        var indexA = sortKeywords.indexOf(a.key);
+        var indexB = sortKeywords.indexOf(b.key);
+        if (indexA === -1) return 1;
+        if (indexB === -1) return -1;
+        return indexA - indexB;
+      });
+    }
 
     // c("keywordsNest", keywordsNest);