Updates

Added bulma tooltip extension for icons in home and file name in dashboard. I MAY revert this someday. I was bored as heck so I did this.

pages/dashboard.html

@@ -11,13 +11,14 @@
 
     <!-- Stylesheets and scripts -->
     <link rel="stylesheet" type="text/css" href="libs/bulma/bulma.min.css?v=8FbubjpYRC">
+    <link rel="stylesheet" type="text/css" href="libs/bulma/bulma-tooltip.min.css?v=8FbubjpYRC">
     <link rel="stylesheet" type="text/css" href="libs/fontello/fontello.css?v=YBMnkTE6GB">
     <link rel="stylesheet" type="text/css" href="css/style.css?v=YBMnkTE6GB">
     <link rel="stylesheet" type="text/css" href="css/dashboard.css?v=YXK9PzZfYP">
     <script type="text/javascript" src="libs/sweetalert/sweetalert.min.js?v=8FbubjpYRC"></script>
     <script type="text/javascript" src="libs/axios/axios.min.js?v=8FbubjpYRC"></script>
     <script type="text/javascript" src="libs/clipboard.js/clipboard.min.js?v=8FbubjpYRC"></script>
-    <script type="text/javascript" src="js/dashboard.js?v=YXK9PzZfYP"></script>
+    <script type="text/javascript" src="js/dashboard.js?v=8FbubjpYRC"></script>
 
     <!-- Open Graph tags -->
     <meta property="og:type" content="website" />

pages/home.html

@@ -11,6 +11,7 @@
 
     <!-- Stylesheets and scripts -->
     <link rel="stylesheet" type="text/css" href="libs/bulma/bulma.min.css?v=8FbubjpYRC">
+    <link rel="stylesheet" type="text/css" href="libs/bulma/bulma-tooltip.min.css?v=8FbubjpYRC">
     <link rel="stylesheet" type="text/css" href="libs/fontello/fontello.css?v=YBMnkTE6GB">
     <link rel="stylesheet" type="text/css" href="css/style.css?v=YBMnkTE6GB">
     <script type="text/javascript" src="libs/sweetalert/sweetalert.min.js?v=8FbubjpYRC"></script>
@@ -135,37 +136,37 @@
             <a href="auth" id="loginLinkText"></a>
           </h3>
           <h3 id="links">
-            <a href="https://fiery.me" title="Home">
+            <a href="https://fiery.me" data-tooltip="Home" class="tooltip">
               <span class="icon is-medium">
                 <i class="icon-home icon-2x"></i>
               </span>
             </a>
-            <a href="https://blog.fiery.me" title="Blog">
+            <a href="https://blog.fiery.me" data-tooltip="Blog" class="tooltip">
               <span class="icon is-medium">
                 <i class="icon-archive icon-2x"></i>
               </span>
             </a>
-            <a id="ShareX" href="https://safe.fiery.me/sharex.txt" title="ShareX">
+            <a id="ShareX" href="https://safe.fiery.me/sharex.txt" data-tooltip="ShareX" class="tooltip">
               <span class="icon is-medium">
                 <i class="icon-sharex icon-2x"></i>
               </span>
             </a>
-            <a href="https://chrome.google.com/webstore/detail/loli-safe-uploader/enkkmplljfjppcdaancckgilmgoiofnj" title="Chrome extension">
+            <a href="https://chrome.google.com/webstore/detail/loli-safe-uploader/enkkmplljfjppcdaancckgilmgoiofnj" data-tooltip="Chrome extension" class="tooltip">
               <span class="icon is-medium">
                 <i class="icon-chrome icon-2x"></i>
               </span>
             </a>
-            <a href="faq" title="FAQ">
+            <a href="faq" data-tooltip="FAQ" class="tooltip">
               <span class="icon is-medium">
                 <i class="icon-help-circled icon-2x"></i>
               </span>
             </a>
-            <a href="auth" title="Dashboard">
+            <a href="auth" data-tooltip="Dashboard" class="tooltip">
               <span class="icon is-medium">
                 <i class="icon-gauge icon-2x"></i>
               </span>
             </a>
-            <a href="https://github.com/BobbyWibowo/lolisafe" title="GitHub">
+            <a href="https://github.com/BobbyWibowo/lolisafe" data-tooltip="GitHub" class="tooltip">
               <span class="icon is-medium">
                 <i class="icon-github-circled icon-2x"></i>
               </span>

public/js/dashboard.js

@@ -268,7 +268,7 @@ panel.getUploads = (album, page, element) => {
         tr.innerHTML = `
           <tr>
             <th><input type="checkbox" class="file-checkbox" title="Select this file" data-id="${file.id}" onclick="panel.selectFile(this)"${selected ? ' checked' : ''}></th>
-            <th><a href="${file.file}" target="_blank">${file.name}</a></th>
+            <th><a href="${file.file}" target="_blank" data-tooltip="${file.file}" class="tooltip is-tooltip-right is-tooltip-multiline">${file.name}</a></th>
             <th>${displayAlbumOrUser}</th>
             <td>${file.size}</td>
             <td>${file.date}</td>
@@ -637,7 +637,7 @@ panel.getAlbums = () => {
             <tr>
                 <th>Name</th>
                 <th>Files</th>
-                <th>Created At</th>
+                <th>Created at</th>
                 <th>Public link</th>
                 <th></th>
             </tr>