Update the number of unread items when marking an item as read

assets/js/app.js

@@ -171,6 +171,12 @@
     {
         var item = document.getElementById("item-" + item_id);
         if (item) item.parentNode.removeChild(item);
+        
+        var $unread_span = document.getElementById("unread-count");
+        var unread_count = parseInt($unread_span.innerHTML, 10) - 1;
+        
+        $unread_span.innerHTML = unread_count;
+        document.querySelector("title").innerHTML = "miniflux (" + unread_count + ")";
     }
 
 

templates/unread_items.php

@@ -5,7 +5,7 @@
 <?php else: ?>
 
     <div class="page-header">
-        <h2><?= t('%d unread items', $nb_items) ?></h2>
+        <h2> <?= t('<span id="unread-count">%d</span> unread items', $nb_items) ?></h2>
         <ul>
             <li><a href="?action=mark-as-read"><?= t('mark all as read') ?></a></li>
         </ul>