Start repo

app/templates/creative/_navtool.html

@@ -0,0 +1,61 @@
+<!-- Navigation -->
+<nav class="navbar navbar-expand-lg navbar-light fixed-bottom navbar-skrink" id="toolNav">
+  <div class="container">
+    <button class="btn btn-secondary" type="button" data-toggle="modal" data-target="#parameters" > Paramètres de mon site </button>
+    <a class="btn btn-warning nav-brand js-scroll-trigger" href="/edit/save"> Publier mes modifications </a>
+  </div>
+ 
+</nav>
+
+<div class="modal" id="parameters">
+    <div class="modal-dialog modal-lg">
+      <div class="modal-content">
+        <!-- Modal Header -->
+        <div class="modal-header">
+          <h4 class="modal-title">Paramètres </h4>
+          <button type="button" class="close" data-dismiss="modal">&times;</button>
+        </div>
+	
+        <!-- Modal body -->
+        <div class="modal-body">
+	  <ul class="nav nav-pills nav-justified">
+	    <li class="nav-item">
+	      <a class="nav-link active" data-toggle="pill" href="#menu">Menu</a>
+	    </li>
+	    <li class="nav-item">
+	      <a class="nav-link" data-toggle="pill" href="#options"> Options </a>
+	    </li>
+	    <li class="nav-item">
+	      <a class="nav-link" data-toggle="pill" href="#publication">Publication</a>
+	    </li>
+	  </ul>
+	  
+	  <!-- Tab panes -->
+	  <div class="tab-content">
+	    <div class="tab-pane container text-center active" id="menu">
+	      <br/>
+	      <h4> Organiser mes pages </h4>
+	      
+	      {% include 'admin/_menu-edit.html' %}
+	      
+	    </div>
+	    <div class="tab-pane container  text-center fade" id="options">
+	      <br/>
+	      <h4> Mes réseaux sociaux </h4>
+	    </div>
+	    <div class="tab-pane container fade text-center" id="publication">
+	      <br/>
+	      <h4> Serveur(s) où publier mon site </h4>
+	      
+	    </div>
+	  </div>
+        </div>
+	
+        <!-- Modal footer -->
+        <div class="modal-footer mx-auto">
+	  <button class="btn btn-success">Enregistrer </button>
+	  <a class="btn btn-danger" href="/edit" > Annuler </a>
+        </div>
+      </div>
+    </div>
+</div>