From fa87d36abd9ef66f057f56f4e436911aa4a77f70 Mon Sep 17 00:00:00 2001
From: Marvin Borner
Date: Sat, 6 Jul 2019 15:15:15 +0200
Subject: Added tooltip support

---
 public/scripts/chat.js  | 19 ++++++++++---------
 public/styles/main.sass |  1 +
 2 files changed, 11 insertions(+), 9 deletions(-)

(limited to 'public')

diff --git a/public/scripts/chat.js b/public/scripts/chat.js
index 04a6852..43aad4e 100644
--- a/public/scripts/chat.js
+++ b/public/scripts/chat.js
@@ -137,7 +137,7 @@ function chat() {
     } else if (err.type === 'peer-unavailable') {
       swal('Peer could not be found!', '', 'error');
     } else if (err.type === 'unavailable-id') {
-      swal('Ou snap! Your ID isn\'t available!', '', 'error');
+      swal('Oh snap! Your ID isn\'t available!', '', 'error');
     } else if (err.type === 'disconnected') {
       swal('Not connected to the server!', 'Please reconnect using the anonymize button.', 'error');
     } else {
@@ -473,14 +473,15 @@ function chat() {
         if (!$(`[data-peer="${peerObj.peer_id}"]`).length) { // Contact isn't already there
           $('#contact_list')
             .append(`
-            <column>
-                <button
-                    class="button action-button is-big is-outlined is-white" 
-                    data-peer="${peerObj.peer_id}">
-                    <i class="fas fa-user"></i>
-                </button>
-            </column>
-        `);
+                <column>
+                    <button
+                        class="button action-button is-big is-outlined is-white tooltip" 
+                        data-peer="${peerObj.peer_id}"
+                        data-tooltip="${peerObj.peer_id.split('-').map(text => text[0]).join('')}">
+                        <i class="fas fa-user"></i>
+                    </button>
+                </column>
+            `);
           $(`[data-peer="${peerObj.peer_id}"]`)
             .off('click')
             .on('click', () => connect(peerObj.peer_id));
diff --git a/public/styles/main.sass b/public/styles/main.sass
index ce758fe..2157adf 100644
--- a/public/styles/main.sass
+++ b/public/styles/main.sass
@@ -7,6 +7,7 @@
 
 // Normal input doesn't work here for npm packages!
 @import "../../node_modules/bulma/bulma"
+@import "../../node_modules/bulma-tooltip/dist/css/bulma-tooltip"
 @import "../../node_modules/jquery-ui-bundle/jquery-ui.min"
 @import "variables"
 @import "style"
-- 
cgit v1.2.3