- toggle reverse filter button

Author: tabreturn

index.html

@@ -23,7 +23,7 @@
   </div>
 
   <p style="text-align:right">
-    <a id="reverse-filter">&#8644; newest/oldest first</a> |
+    <a id="reverse-filter">&#8644; oldest first</a> |
     <a id="hide-all">hide all</a> |
     <a id="show-all">show all</a>
   </p>

js/categoryFilter.js

@@ -6,6 +6,7 @@ function categoryFilter(show_on_start) {
   var post_list = document.getElementById('post-list');
   var posts = post_list.querySelectorAll('.post');
   var categories_selected = [];
+  var reverse_button = document.getElementById('reverse-filter');
 
   // highlighing & selection logic:
 
@@ -112,6 +113,7 @@ function categoryFilter(show_on_start) {
   for (var i=0; i<show_on_start.length; i++) {
     if (show_on_start[i] == 'reverse') {
       reversePosts();
+      reverse_button.innerHTML = '⇄ newest first'
     }
     var show = show_on_start[i];
     categorySelect(show, category_buttons);
@@ -126,8 +128,13 @@ function categoryFilter(show_on_start) {
     });
   }
 
-  document.getElementById('reverse-filter').addEventListener('click', function() {
+  reverse_button.addEventListener('click', function(e) {
     reversePosts();
+
+    if (e.target.innerHTML == '⇄ oldest first')
+      e.target.innerHTML = '⇄ newest first';
+    else
+      e.target.innerHTML = '⇄ oldest first';
   });
 
   document.getElementById('hide-all').addEventListener('click', function() {
@@ -147,7 +154,7 @@ function categoryFilter(show_on_start) {
     category_buttons.forEach((but) => {
 
       if (but.classList[0]==='disabled') {
-       but.classList.remove('disabled');
+        but.classList.remove('disabled');
       }
 
       applySelection();