浏览代码

Création nouvelle page d'edition

Loquicom 5 年之前
父节点
当前提交
45de624b94
共有 2 个文件被更改,包括 34 次插入5 次删除
  1. 23 0
      src/edit.html
  2. 11 5
      src/index.html

+ 23 - 0
src/edit.html

@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <meta charset="UTF-8">
+        <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
+        <link type="text/css" rel="stylesheet" href="css/material-icons.css"/>  
+        <link type="text/css" rel="stylesheet" href="css/materialize.min.css"  media="screen,projection"/>
+        <link type="text/css" rel="stylesheet" href="css/style.min.css"  media="screen,projection"/>
+        <link rel="stylesheet" type="text/css" href="css/google-code-prettify/desert.css">
+        <title>Titre</title>
+    </head>
+    <body>
+
+        <script type="text/javascript" src="../node_modules/jquery/dist/jquery.min.js"></script>
+        <script type="text/javascript" src="../node_modules/marked/marked.min.js"></script> 
+        <script type="text/javascript" src="../node_modules/dompurify/dist/purify.min.js"></script>
+        <script type="text/javascript" src="js/materialize.min.js"></script>
+        <script type="text/javascript" src="js/google-code-prettify/prettify.js"></script>
+        <script type="text/javascript" src="js/script.js"></script>
+        <script type="text/javascript" src="js/binder.js"></script>
+        <script type="text/javascript"></script>
+    </body>
+</html>

+ 11 - 5
src/index.html

@@ -41,7 +41,7 @@
                                 <span class="card-title" data-val="title"></span>
                             </div>
                             <div class="card-action">
-                                <a href="#">Modifier</a>
+                                <a href="#" class="card-edit">Modifier</a>
                                 <a href="#" onclick="deleteCard(this, true)">Supprimer</a>
                             </div>
                         </div>
@@ -57,15 +57,15 @@
                 <div id="modal-content"></div>
             </div>
             <div class="modal-footer">
-                <a href="#!" class="waves-effect waves-green btn-flat">Modifier</a>
-                <span id="modal-delete" class="modal-close waves-effect waves-green btn-flat" onclick="deleteCard(this, false)">Supprimer</span>
-                <span class="modal-close waves-effect waves-green btn-flat">Fermer</span>
+                <a id="modal-edit" href="#!" class="waves-effect waves-red btn-flat">Modifier</a>
+                <span id="modal-delete" class="modal-close waves-effect waves-red btn-flat" onclick="deleteCard(this, false)">Supprimer</span>
+                <span class="modal-close waves-effect waves-red btn-flat">Fermer</span>
             </div>
         </div>
 
         <!-- Add button -->
         <div class="fixed-action-btn">
-            <a id="float-add-btn" 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">
                 <i class="large material-icons">add</i>
             </a>
         </div>
@@ -96,6 +96,7 @@
         <script type="text/javascript">
             var scope;
             var modal;
+            const editPage = 'edit.html';
 
             //When wep page is ready
             $(document).ready(() => {
@@ -167,6 +168,10 @@
                     element.content = element.content.toHTML();
                 }
                 looper(scope);
+                for (cardEdit of $('.card-edit')) {
+                    const id = $($($(cardEdit).parents()[1]).children()[0]).children()[0].innerHTML;
+                    $(cardEdit).attr('href', `${editPage}?id=${id}`);
+                }
                 PR.prettyPrint();
             }
 
@@ -186,6 +191,7 @@
                     $('#modal-title').html(data[id].title);
                     $('#modal-content').html(data[id].content.toHTML())
                     $('#modal-delete').attr('data-id', id);
+                    $('#modal-edit').attr('href', `${editPage}?id=${id}`);
                     PR.prettyPrint();
                     modal.open();
                 });