use lib

gibsn · Jul 25, 2018 · f736611 · f736611
1 parent b3c2e29
commit f736611
Show file tree

Hide file tree

Showing 4 changed files with 7 additions and 49 deletions.
diff --git a/static/html/joinchat.html b/static/html/joinchat.html
@@ -54,7 +54,7 @@
 <script src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/crypto-js/3.1.2/rollups/md5.js"></script>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.8/js/materialize.min.js"></script>
-<script src="/js/lib/blinktitle.js"></script>
+<script src="/js/lib/PageTitleNotification.js"></script>
 <script src="/js/chat/chat.js"></script>
 </body>
 </html>
diff --git a/static/js/chat/chat.js b/static/js/chat/chat.js
@@ -5,6 +5,8 @@ const EventConnInitOk = 0;
 const EventConnInitNoSuchChat = 1;
 const EventConnInitMaxUsrsReached = 2;
 
+const NewMsgTitle = "New message!";
+
 new Vue({
     el: '#app',
 
@@ -16,6 +18,8 @@ new Vue({
         okconnected: true, // True if email and username have been filled in
         fail: false,
         name: '',
+        onPage: false,
+        newMessagesNum: 0,
     },
     created: function() {
         var self = this;
@@ -47,7 +51,7 @@ new Vue({
     methods: {
         addmsg: function(msg){
             if (document.hidden) {
-                blinkTitle("TechnoChat", "New message!", 1200, true);
+                pageTitleNotification.on(BlinkTitleNewMsg);
             }
             this.chatContent += '<div class="chip" >'
                 + '<img src="' + this.roboHash(msg.username) + '">' // Avatar

diff --git a/static/js/lib/PageTitleNotification.js b/static/js/lib/PageTitleNotification.js
diff --git a/static/js/lib/blinktitle.js b/static/js/lib/blinktitle.js