feat(weo): wireframing crado de la page espace

weo/models.py

@@ -69,9 +69,9 @@ class Titre(mixins.SetBlockTheme, blocks.StructBlock):
         group = 'texte'
 
     niveau = blocks.ChoiceBlock(
-            default='H3',
+            default='h3',
             choices=[
-                ('H{}'.format(i), 'Titre de niveau {}'.format(i))
+                ('h{}'.format(i), 'Titre de niveau {}'.format(i))
                 for i in range(3, 7)
             ],
             icon='title',
@@ -171,13 +171,10 @@ class TableMatieres(mixins.SetBlockTheme, blocks.StructBlock):
 
     coulissant = blocks.BooleanBlock(
             label="coulissant avec le défilement",
-            blank=True,
-            null=True,
+            required=False,
     )
     enfants = blocks.BooleanBlock(
             label="inclut les liens vers les pages enfants",
-            blank=True,
-            null=True,
     )
 
 

weo/templates/default/blocks/_colonne_111.html

@@ -0,0 +1,21 @@
+{% load wagtailcore_tags %}
+<div style="border-style:solid;padding:1ex">
+  <div style="display:inline-block;width:calc({% block col_gauche %}33%{% endblock %} - 4ex);border-style:solid;padding:1ex;vertical-align:top;">
+    {% for block in value.gauche %}
+      {% include_block block %}
+      {% if not forloop.last %}<div style="height:1ex;width:100%"></div>{% endif %}
+    {% endfor %}
+  </div>
+  <div style="display:inline-block;width:calc({% block col_centre %}34%{% endblock %} - 4ex);border-style:solid;padding:1ex;vertical-align:top;">
+    {% for block in value.centre %}
+      {% include_block block %}
+      {% if not forloop.last %}<div style="height:1ex;width:100%"></div>{% endif %}
+    {% endfor %}
+  </div>
+  <div style="display:inline-block;width:calc({% block col_droite %}33%{% endblock %} - 4ex);border-style:solid;padding:1ex;vertical-align:top;">
+    {% for block in value.droite %}
+      {% include_block block %}
+      {% if not forloop.last %}<div style="height:1ex;width:100%"></div>{% endif %}
+    {% endfor %}
+  </div>
+</div>

weo/templates/default/blocks/alerte.html

@@ -0,0 +1,8 @@
+{% extends "./_baseblock.html" %}
+{% load wagtailcore_tags %}
+
+{% block interieur %}
+<div class="alert_{{ value.class }}">
+  {{ value.texte }}
+</div>
+{% endblock %}

weo/templates/default/blocks/colonne_111.html

@@ -0,0 +1,5 @@
+{% extends "./_colonne_111.html" %}
+{% load wagtailcore_tags %}
+{% block col_gauche %}33%{% endblock %}
+{% block col_centre %}34%{% endblock %}
+{% block col_droite %}33%{% endblock %}

weo/templates/default/blocks/colonne_1111.html

@@ -0,0 +1,27 @@
+{% load wagtailcore_tags %}
+<div style="border-style:solid;padding:1ex">
+  <div style="display:inline-block;width:calc({% block col_gauche %}25%{% endblock %} - 4ex);border-style:solid;padding:1ex;vertical-align:top;">
+    {% for block in value.gauche %}
+      {% include_block block %}
+      {% if not forloop.last %}<div style="height:1ex;width:100%"></div>{% endif %}
+    {% endfor %}
+  </div>
+  <div style="display:inline-block;width:calc({% block col_centre_gauche %}25%{% endblock %} - 4ex);border-style:solid;padding:1ex;vertical-align:top;">
+    {% for block in value.centre_gauche %}
+      {% include_block block %}
+      {% if not forloop.last %}<div style="height:1ex;width:100%"></div>{% endif %}
+    {% endfor %}
+  </div>
+  <div style="display:inline-block;width:calc({% block col_centre_droit %}25%{% endblock %} - 4ex);border-style:solid;padding:1ex;vertical-align:top;">
+    {% for block in value.centre_droit %}
+      {% include_block block %}
+      {% if not forloop.last %}<div style="height:1ex;width:100%"></div>{% endif %}
+    {% endfor %}
+  </div>
+  <div style="display:inline-block;width:calc({% block col_droite %}25%{% endblock %} - 4ex);border-style:solid;padding:1ex;vertical-align:top;">
+    {% for block in value.droite %}
+      {% include_block block %}
+      {% if not forloop.last %}<div style="height:1ex;width:100%"></div>{% endif %}
+    {% endfor %}
+  </div>
+</div>

weo/templates/default/blocks/colonne_121.html

@@ -0,0 +1,5 @@
+{% extends "./_colonne_111.html" %}
+{% load wagtailcore_tags %}
+{% block col_gauche %}25%{% endblock %}
+{% block col_centre %}50%{% endblock %}
+{% block col_droite %}25%{% endblock %}

weo/templates/default/blocks/colonne_22.html

@@ -0,0 +1,4 @@
+{% extends "./_colonne_11.html" %}
+{% load wagtailcore_tags %}
+{% block col_gauche %}50%{% endblock %}
+{% block col_droite %}50%{% endblock %}

weo/templates/default/blocks/colonne_31.html

@@ -0,0 +1,4 @@
+{% extends "./colonne_11.html" %}
+{% load wagtailcore_tags %}
+{% block col_gauche %}75%{% endblock %}
+{% block col_droite %}25%{% endblock %}

weo/templates/default/blocks/image.html

@@ -3,5 +3,5 @@
 {% load wagtailimages_tags %}
 
 {% block interieur %}
-{% image value.image max-1000x1000 style="width:100%" %}
+{% image value.image max-1000x1000 style="width:100%;height:100%;" %}
 {% endblock %}

weo/templates/default/blocks/liens_enfants.html

@@ -0,0 +1,6 @@
+{% extends "./_baseblock.html" %}
+{% load wagtailcore_tags %}
+
+{% block interieur %}
+Liens vers les pages enfants
+{% endblock %}

weo/templates/default/blocks/table_matieres.html

@@ -0,0 +1,6 @@
+{% extends "./_baseblock.html" %}
+{% load wagtailcore_tags %}
+
+{% block interieur %}
+Table des matières
+{% endblock %}

weo/templates/default/blocks/titre.html

@@ -0,0 +1,8 @@
+{% extends "./_baseblock.html" %}
+{% load wagtailcore_tags %}
+
+{% block interieur %}
+<{{ value.niveau }}>
+  {{ value.texte }}
+</{{ value.niveau }}>
+{% endblock %}

wss/templates/default/base.html

@@ -6,8 +6,8 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
     <title>
-      {% block title %}{% endblock %}
-      {% block title_suffix %}- test-wagtail{% endblock %}
+      {% block title %}{{ page.title }}{% endblock %}
+      {% block title_suffix %}{% endblock %}
     </title>
 
     <meta name="description" content="">

wss/templates/default/espace.html

@@ -0,0 +1,13 @@
+{% extends "./base.html" %}
+{% load wagtailcore_tags wagtailimages_tags %}
+
+{% block content %}
+
+<h1>{{ page.title }}</h1>
+
+{% for block in page.contenu4 %}
+  {% include_block block %}
+  {% if not forloop.last %}<div style="height:1ex;width:100%"></div>{% endif %}
+{% endfor %}
+
+{% endblock %}