Add footer in page

app/templates/_print_colors-footer.css

@@ -0,0 +1,4 @@
+ {% if footer.fg_color != footer.bg_color %}
+	color: {{ footer.fg_color }}; background-color: {{ footer.bg_color }};	
+{% endif %}
+

app/templates/admin/_blocs-list.html

@@ -2,13 +2,13 @@
 
 <div id="myblocs" class="myblocs">    
   {% for item in myblocs.keys() %}
-
+  {% if item != 'footer' %}
   <div class="bloc" id="bloc-{{ item }}" style="margin-top: 10px;">
     <button class="btn"> {{ item }} - {{ myblocs[item]['type'] }} </button>
     <input class="input-menu" id="bloc-{{ item }}" name="{{ item }}" value="" style="display:none;">
     <button class="btn btn-danger" onclick="deleteItem(this)"> x </button>
   </div>
-  
+  {% endif %}
 {% endfor %}
 
 </div>

app/templates/edit.html.tpl

@@ -20,17 +20,46 @@
 {% include 'admin/_menu-admin.html' %}
 
 {% macro print_colors() %}
-  {% endmacro %}
+{% endmacro %}
+
+{% set bloc = header %}
+
+{% include 'themes/'+config.theme+'/header.html' ignore missing %}
+{% if bloc is defined %}
+<button class="btn btn-danger btn-xl  pull-right"
+	id="close-edit-{{bloc.name}}"
+	onclick="hideBtn()"
+	hx-get="{% if page %}/{{ page }}{% endif %}/view/{{ bloc.name }}"
+	hx-swap="outerHTML"
+	hx-target="#{{ bloc.name }}" > X </button>
+
+
+<button class="btn btn-success btn-xl btn-modify pull-right"
+		id="modify-{{ bloc.name }}"
+		style="margin-top:-7rem; margin-right:1rem;"
+		hx-get="{% if page %}/{{ page }}{% endif %}/edit/{{ bloc.name }}"
+		hx-target="#{{bloc.name}}"
+		hx-swap="oob"> Modifier </button>
+		
+
+{% endif %}
+
 
 {% for bloc in myblocs.values() %}
 
 {% if blocEdit == bloc.name %}
-
-	{% include 'themes/'+config.theme+'/blocs/edit/_'+bloc.type+'.html' %}
+	{% include 'themes/'+config.theme+'/blocs/edit/'+bloc.type+'.html' %}
 
 {% else %}
+	{% include 'themes/'+config.theme+'/blocs/'+bloc.type+'.html' %}
+	<button class="btn btn-danger  pull-right"
+		id="close-edit-{{bloc.name}}"
+		style="margin-top:-4rem; position:relative; z-index:999; margin-right:1rem; visibility: hidden;"
+		onclick="enableModBtn()"
+		hx-get="{% if page %}/{{ page }}{% endif %}/view/{{ bloc.name }}"
+		hx-swap="outerHTML"
+		hx-target="#{{ bloc.name }}" > X </button>
 
-	{% include 'themes/'+config.theme+'/blocs/_'+bloc.type+'.html' %}
 
 	<button class="btn btn-success btn-xl btn-modify pull-right"
 		id="modify-{{ bloc.name }}"
@@ -38,14 +67,36 @@
 		hx-get="{% if page %}/{{ page }}{% endif %}/edit/{{ bloc.name }}"
 		hx-target="#{{bloc.name}}"
 		hx-swap="oob"> Modifier </button>
+ 
+	
 
 {% endif %}
 {% endfor %}
 {% include '_flash_msgs.html' %} 
+{% set bloc = footer %}
+{% include 'themes/'+config.theme+'/blocs/footer.html' ignore missing %}
+{% if bloc.name %}
+<button class="btn btn-danger btn-xl  pull-right"
+	id="close-edit-{{bloc.name}}"
+	onclick="enableModBtn()"
+	hx-get="{% if page %}/{{ page }}{% endif %}/view/{{ bloc.name }}"
+	hx-swap="outerHTML"
+	hx-target="#{{ bloc.name }}" > X </button>
 
+
+<button class="btn btn-success btn-xl btn-modify pull-right"
+		id="modify-{{ bloc.name }}"
+		style="margin-top:-7rem; margin-right:1rem;"
+		hx-get="{% if page %}/{{ page }}{% endif %}/edit/{{ bloc.name }}"
+		hx-target="#{{bloc.name}}"
+		hx-swap="oob"> Modifier </button>
+
+{% endif %}
 {% endblock %}
 
 {% block js %}
+<script>
+</script>
 <!-- Include the Quill library -->
 <!-- Bootstrap core JavaScript -->
 <script src="/static/vendors/jquery/jquery.min.js"></script>

app/templates/index.html.tpl

@@ -16,8 +16,11 @@
     {% include 'themes/'+config.theme+'/_nav.html' %}
 
     {% for bloc in myblocs.values() %}
-    {% include 'themes/'+config.theme+'/blocs/_'+bloc.type+'.html' %}
+    {% include 'themes/'+config.theme+'/blocs/'+bloc.type+'.html' %}
     {% endfor %}
+    
+    {% set bloc = footer %}
+    {% include 'themes/'+config.theme+'/blocs/footer.html' %}
 
 
      {% endblock %}

app/templates/themes/chocolate/blocs/edit/footer.html

@@ -0,0 +1,15 @@
+
+  <div class="container">
+    <form method='POST' action='/edit-footer' >
+      {{ form.csrf_token }}
+
+      <div class="row">
+        <div class="col-lg-8 mx-auto text-center">
+	  {% include 'edit-tools/_form-base.html' %}
+          {% include 'edit-tools/_editor-wysiwyg.html' %}
+        </div>
+      </div> 
+      {% include 'edit-tools/_btn-save-cancel.html' %}
+    </form>
+  </div>
+ {% include 'edit-tools/_disable-modify-button.html' %} 

app/templates/themes/chocolate/blocs/footer.html

@@ -0,0 +1,4 @@
+<footer class="{{ bloc.property }}" id="{{ bloc.name }}" style="{% include '_print_colors.css' %}">
+         {{ bloc.text|safe }} 
+
+</footer>