Ajout tooltip

src/edit.html

@@ -32,7 +32,7 @@
                         <a href="./" class="modal-close waves-effect waves-light btn-large red"><i class="large material-icons left">keyboard_backspace</i> Retour</a>
                     </div>
                     <div class="col s6 right-align">
-                        <button class="btn-floating btn-large waves-effect waves-light red"><i class="large material-icons">save</i></button>
+                        <button class="btn-floating btn-large waves-effect waves-light red tooltipped" data-position="left" data-tooltip="Sauvegarder"><i class="large material-icons">save</i></button>
                     </div>
                 </div>
                 <div class="row">
@@ -62,6 +62,8 @@
                 scope = binder({
                     username: username ? username : 'Utilisateur'
                 });
+                // Load tooltip
+                const tooltip = M.Tooltip.init(document.querySelectorAll('.tooltipped'))[0];
                 // Load MD editor
                 const simplemde = new SimpleMDE({
                     placeholder: 'Écrire ici ...',

src/index.html

@@ -65,7 +65,7 @@
 
         <!-- Add button -->
         <div class="fixed-action-btn">
-            <a id="float-add-btn" href="edit.html" class="btn-floating btn-large waves-effect waves-light red hide">
+            <a id="float-add-btn" href="edit.html" class="btn-floating btn-large waves-effect waves-light red hide tooltipped" data-position="left" data-tooltip="Ajouter">
                 <i class="large material-icons">add</i>
             </a>
         </div>
@@ -128,6 +128,8 @@
                 const floatingButton = M.FloatingActionButton.init(document.querySelectorAll('.fixed-action-btn'))[0];
                 // Load modal
                 modal = M.Modal.init(document.querySelectorAll('.modal'))[0];
+                // Load tooltip
+                const tooltip = M.Tooltip.init(document.querySelectorAll('.tooltipped'))[0];
             });
 
             /**