Add a refresh button for convenience

static/js/wishlists.js

@@ -155,6 +155,19 @@ function enableListEditMode(listElem) {
 }
 
 $(function() {
+  $('.lists-refresh').on('click', function() {
+    if ($(".list-data:visible").length) {
+      showErrorDialog("Kan niet verversen tijdens bewerken!",
+        "<p>Het is niet mogelijk om de lijsten te verversen als er " +
+          "op dit moment een lijst bewerkt wordt.</p>" +
+        "<p>Sla te lijst die bewerkt wordt eerst op of annuleer de " +
+          "bewerking.",
+        true);
+    } else {
+      initLists();
+    }
+  });
+
   $('.list-cancel-button').on('click', function() {
     var listElem = $(this).parents(".list");
     console.debug("Cancelling the edit of list " + listElem.data("list-id"));

templates/index.html.tera

@@ -9,6 +9,9 @@
     </li>
   {% endfor %}
   </ul>
+  <button class="btn btn-sm btn-light lists-refresh" title="Verversen">
+    <i class="fas fa-sync-alt"></i> Verversen
+  </button>
   </div>
 </div>
 {% endblock navbar %}