Personnalisation bouton d'action

app/src/edit.html

@@ -25,19 +25,15 @@
             <div class="container">
                 <div class="row mtop-5">
                     <div class="col s12 right-align" style="position: relative; min-height: 60px;">
-                        <!--button class="btn-floating btn-large waves-effect waves-light blue tooltipped" data-position="left" data-tooltip="Sauvegarder" onclick="validCard()"><i class="large material-icons">save</i></button-->
-                        <div>
-                            <div class="fixed-action-btn" style="position: absolute; z-index: 10;">
-                                <a class="btn-floating btn-large red">
-                                    <i class="large material-icons">mode_edit</i>
-                                </a>
-                                <ul>
-                                    <li><a class="btn-floating red"><i class="material-icons">insert_chart</i></a></li>
-                                    <li><a class="btn-floating yellow darken-1"><i class="material-icons">format_quote</i></a></li>
-                                    <li><a class="btn-floating green"><i class="material-icons">publish</i></a></li>
-                                    <li><a class="btn-floating blue"><i class="material-icons">attach_file</i></a></li>
-                                </ul>
-                            </div>
+                        <div class="fixed-action-btn" style="position: absolute; z-index: 10;">
+                            <a class="btn-floating btn-large blue darken-1">
+                                <i class="large material-icons">menu</i>
+                            </a>
+                            <ul>
+                                <li><button class="btn-floating blue lighten-3 tooltipped" data-position="bottom" data-tooltip="Fermer" onclick="back()"><i class="material-icons">close</i></button></li>
+                                <li><button class="btn-floating blue lighten-2 tooltipped" data-position="bottom" data-tooltip="Supprimer" onclick="removeCard()"><i class="material-icons">delete</i></button></li>
+                                <li><button class="btn-floating blue lighten-1 tooltipped" data-position="bottom" data-tooltip="Sauvegarder" onclick="validCard()"><i class="material-icons">save</i></button></li>
+                            </ul>
                         </div>
                     </div>
                 </div>
@@ -135,6 +131,11 @@
                 }
             }
 
+            function back() {
+                ipcRenderer.send('refresh-card');
+                remote.getCurrentWindow().close();
+            }
+
             function saveCard() {
                 let id;
                 // Update
@@ -157,8 +158,13 @@
                 // Save
                 localStorage.setItem(id, JSON.stringify(data));
                 // Go back to main page
-                ipcRenderer.send('refresh-card');
-                remote.getCurrentWindow().close();
+                back();
+            }
+
+            function removeCard() {
+                // Remove card
+                // Go back to main page
+                back();
             }
         </script>
     </body>