Add favicon counter #728

4 years ago · 1ffe66f7e6
2 changed files with 5 additions and 0 deletions
--- a/index.html
+++ b/index.html
@ -8,6 +8,7 @@
    <link rel="manifest" href="manifest.json" />
    <meta name="theme-color" id="theme-color" content="" />
    <meta name="description" content="Uptime Kuma monitoring tool" />
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/favico.js/0.3.10/favico.min.js" integrity="sha512-d9sMcIBjQTs74UtVxBT8z7b4NRFZrwD2rn5VJe/pBxjwMmxOuBDmYFzLmwssH9AUIhFKtWzoeZgDIp6Yc0g+jw==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
    <title>Uptime Kuma</title>
 </head>
 <body>
--- a/src/pages/DashboardHome.vue
+++ b/src/pages/DashboardHome.vue
@ -103,6 +103,9 @@ export default {
                unknown: 0,
                pause: 0,
            };
+            let favicon = new Favico({
+                animation:'pop'
+            });

            for (let monitorID in this.$root.monitorList) {
                let beat = this.$root.lastHeartbeatList[monitorID];
@ -125,6 +128,7 @@ export default {
                }
            }

+            favicon.badge(result.down);
            return result;
        },