add page packs & offre blueprint twig

user/themes/lecampus/blueprints/modular/section-lieux.yaml

@@ -0,0 +1,35 @@
+title: Section lieux
+'@extends': default
+
+form:
+  fields:
+    tabs:
+      fields:
+        content:
+          fields:
+            header.media_order:
+              label: Page Media (first one will be displayed next to your content)
+
+            header.section-lieux:
+              type: fieldset
+              title: Nos lieux
+              underline: true
+              fields:
+                header.list_lieux:
+                  name: Les lieux à découvrir
+                  type: list
+                  style: vertical
+                  btnLabel: "Ajouter un Lieux"
+                  fields:
+                    .section-thumbnail:
+                      type: section
+                      title: Lieux
+                      underline: true
+                    .title:
+                      type: text
+                      label: Titre du lieux
+                    .img-thumbnail:
+                      type: filepicker
+                      folder: '@self'
+                      preview_images: true
+                      label: Selectionner le document

user/themes/lecampus/blueprints/modular/section-offres.yaml

@@ -0,0 +1,35 @@
+title: Section offres
+'@extends': default
+
+form:
+  fields:
+    tabs:
+      fields:
+        content:
+          fields:
+            header.media_order:
+              label: Page Media (first one will be displayed next to your content)
+
+            header.section-offres:
+              type: fieldset
+              title: Offres
+              underline: true
+              fields:
+                header.list_offres:
+                  name: type d'offres
+                  type: list
+                  style: vertical
+                  btnLabel: "Ajouter une offres"
+                  fields:
+                    .section-thumbnail:
+                      type: section
+                      title: Information
+                      underline: true
+                    .title:
+                      type: text
+                      label: Titre
+                    .a_file:
+                      type: filepicker
+                      folder: '@self'
+                      preview_images: true
+                      label: Select a file

user/themes/lecampus/blueprints/modular/section-packs.yaml

@@ -0,0 +1,73 @@
+title: Section packs
+'@extends': default
+
+form:
+  fields:
+    tabs:
+      fields:
+        content:
+          fields:
+            header.media_order:
+              label: Page Media (first one will be displayed next to your content)
+
+            header.sections:
+              type: fieldset
+              title: Nos packs
+              fields:
+                header.list_packs:
+                  name: Les packs
+                  type: list
+                  style: vertical
+                  btnLabel: "Ajouter un pack"
+                  fields:
+                    .section-pack:
+                      type: section
+                      title: Pack
+                    .section-thumb:
+                      type: fieldset
+                      title: Information
+                      underline: true
+                      fields:
+                        .title:
+                          type: text
+                          label: Titre
+                        .sous_title:
+                          type: text
+                          label: Texte de présentation
+                        .img_thumb:
+                          type: filepicker
+                          folder: '@self'
+                          preview_images: true
+                          label: image background
+                    .section-more:
+                      type: fieldset
+                      title: En savoir plus
+                      underline: true
+                      fields:
+                        .titre:
+                          label: Titre
+                          type: textarea
+                        .txt_color:
+                          label: Texte en couleur
+                          type: textarea
+                        .txt_black:
+                          label: Text en noir
+                          type: textarea
+                        .imb_background:
+                          type: filepicker
+                          folder: '@self'
+                          preview_images: true
+                          label: image background
+                    .section-button:
+                      type: fieldset
+                      title: Brochure
+                      underline: true
+                      fields:
+                        .btn_txt:
+                          type: text
+                          label: Texte boutton
+                        .btn_url:
+                          type: filepicker
+                          folder: '@self'
+                          preview_images: true
+                          label: Selectionner le document

user/themes/lecampus/blueprints/nos-offres.yaml

@@ -0,0 +1,35 @@
+extends@: modular
+form:
+  fields:
+    tabs:
+      fields:
+        content:
+          items:
+            default: "@self.modular"
+          fields:
+            content:
+              unset@: true
+            header.media_order:
+              unset@: true
+
+            header.entete:
+              ordering@: -4
+              type: fieldset
+              title: Texte en-tête
+              help: Écriver le texte qui sera affiché dans le bandeau d'en-tête
+              text: Écriver le texte qui sera affiché dans le bandeau d'en-tête
+              fields:
+                header.entete.text:
+                  type: text
+                  label: Texte
+
+      fields:
+        advanced:
+          fields:
+            columns:
+              fields:
+                column1:
+                   fields:
+                     header.body_classes:
+                       markdown: true
+                       description: 'Available classes in Quark Theme (space separated):<br />`header-fixed`, `header-animated`, `header-dark`, `header-transparent`, `sticky-footer`'

user/themes/lecampus/blueprints/nos-packs.yaml

@@ -0,0 +1,48 @@
+extends@: modular
+form:
+  fields:
+    tabs:
+      fields:
+        content:
+          items:
+            default: "@self.modular"
+          fields:
+            content:
+              unset@: true
+
+            header.entete:
+              ordering@: -5
+              type: fieldset
+              title: Texte en-tête
+              help: Écriver le texte qui sera affiché dans le bandeau d'en-tête
+              text: Écriver le texte qui sera affiché dans le bandeau d'en-tête
+              fields:
+                header.entete.text:
+                  type: text
+                  label: Texte
+
+            header.doc_dl:
+              ordering@: -4
+              type: fieldset
+              title: Lien pour télécharger les propositions de séjour d'entreprise
+              underline: true
+              fields:
+                header.btn_txt:
+                  type: text
+                  label: Texte boutton
+                header.btn_url:
+                  type: filepicker
+                  folder: '@self'
+                  preview_images: true
+                  label: Selectionner le document
+
+      fields:
+        advanced:
+          fields:
+            columns:
+              fields:
+                column1:
+                   fields:
+                     header.body_classes:
+                       markdown: true
+                       description: 'Available classes in Quark Theme (space separated):<br />`header-fixed`, `header-animated`, `header-dark`, `header-transparent`, `sticky-footer`'

user/themes/lecampus/templates/components/hero/bandeau.html.twig

@@ -0,0 +1,8 @@
+{% if header.entete.text == true %}
+  <div class="entete">
+    <div class="entete_c">
+      <h1>{{page.title}}</h1>
+      <p>{{ header.entete.text }}</p>
+    </div>
+  </div>
+{% endif %}

user/themes/lecampus/templates/modular/section-lieux.html.twig

@@ -0,0 +1,33 @@
+{% for item in header.list_packs %}
+  <div class="pack">
+    <div class="title-pack">
+    <p>{{item.title}}</p>
+    </div>
+    <div class="__thumb">
+      <div class="__images __hover">img</div>
+      <div class="__sub-title">
+        <h6>{{item.sous_title}}</h6>
+      </div>
+    </div>
+
+    <div class=" __more __color">
+      <div class="__btn">
+        <a href="#">En savoir plus</a>
+      </div>
+      <div class="__details __color">
+        <div class="__image-background">img_background</div>
+        <div class="__content">
+          <div class="__txt">
+            {{item.text}}
+          </div>
+          <div class="__btn __devis">
+
+          </div>
+          <div class="__btn __dl">
+            <a href="{{btn_url}}">{{btn_txt}}</a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+{% endfor %}

user/themes/lecampus/templates/modular/section-offres.html.twig

@@ -0,0 +1,33 @@
+{% for item in header.list_packs %}
+  <div class="pack">
+    <div class="title-pack">
+    <p>{{item.title}}</p>
+    </div>
+    <div class="__thumb">
+      <div class="__images __hover">img</div>
+      <div class="__sub-title">
+        <h6>{{item.sous_title}}</h6>
+      </div>
+    </div>
+
+    <div class=" __more __color">
+      <div class="__btn">
+        <a href="#">En savoir plus</a>
+      </div>
+      <div class="__details __color">
+        <div class="__image-background">img_background</div>
+        <div class="__content">
+          <div class="__txt">
+            {{item.text}}
+          </div>
+          <div class="__btn __devis">
+
+          </div>
+          <div class="__btn __dl">
+            <a href="{{btn_url}}">{{btn_txt}}</a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+{% endfor %}

user/themes/lecampus/templates/modular/section-packs.html.twig

@@ -0,0 +1,65 @@
+{{content}}
+
+{% for item in module.header.list_packs %}
+  {# img thumb #}
+  {% set image_parts = pathinfo(item.img_thumb) %}
+  {% set image_basename_thumb = image_parts.basename %}
+  {% set image_page_thumb = image_parts.dirname == '.' ? module : module.find(image_parts.dirname) %}
+
+  {# img more #}
+  {% set image_parts = pathinfo(item.imb_background) %}
+  {% set image_basename_imgB = image_parts.basename %}
+  {% set image_page_imgB = image_parts.dirname == '.' ? module : module.find(image_parts.dirname) %}
+
+  {# dl Brochure #}
+  {% set image_parts = pathinfo(item.btn_url) %}
+  {% set image_basename_dl = image_parts.basename %}
+  {% set image_page_dl = image_parts.dirname == '.' ? module : module.find(image_parts.dirname) %}
+
+
+  <div class="pack">
+    <div class="__title-pack">
+      <p>{{item.title}}</p>
+    </div>
+    <div class="__thumb">
+      <div class="__images __hover">
+        {{ image_page_thumb.media[image_basename_thumb].html() }}
+      </div>
+      <div class="__sub-title">
+        <h6>{{item.sous_title}}</h6>
+      </div>
+    </div>
+
+    <div class=" __more __color">
+      <div class="__btn">
+        <a href="#">En savoir plus</a>
+      </div>
+      <div class="__details __color">
+        <div class="__image-background">
+          {{ image_page_imgB.media[image_basename_imgB].html() }}
+        </div>
+        <div class="__content">
+          <div class="__title">
+            {{item.titre}}
+          </div>
+          <div class="__txt-color">
+            {{item.txt_color}}
+          </div>
+          <div class="__txt-black">
+            {{item.txt_black}}
+          </div>
+          <div>
+            <div class="__btn __devis">
+              <a target="_blank" href="/demande-de-devis">Faire une demande de devis</a>
+            </div>
+            <div class="__btn __dl">
+              <a href="{{ image_page_imgB.media[image_basename_imgB].url() }}" download>
+                {{item.btn_txt}}
+              </a>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+{% endfor %}

user/themes/lecampus/templates/nos-offres.html.twig

@@ -0,0 +1,20 @@
+{% extends 'partials/base.html.twig' %}
+{% set collection = page.collection() %}
+{% set image = page.media.images|first %}
+
+{% block body %}
+  <section id="body" class="start">
+    <section class="header-wrapper">
+      {% include 'components/hero/bandeau.html.twig' %}
+    </section>
+
+    <section class="body-wrapper">
+      <div class="content">
+        {{content}}
+        <div class="nos_pack">
+          {% include 'modular/section_offres.html.twig' %}
+        </div>
+      </div>
+    </section>
+  </section>
+{% endblock %}

user/themes/lecampus/templates/nos-packs.html.twig

@@ -0,0 +1,29 @@
+{% extends 'partials/base.html.twig' %}
+{% set collection = page.collection() %}
+{% set image = page.media.images|first %}
+
+{% block body %}
+  <section id="body" class="start">
+
+    <section class="header-wrapper">
+      {% include 'components/hero/bandeau.html.twig' %}
+    </section>
+
+    <section class="body-wrapper">
+        <div class="nos_pack">
+        {% for module in page.collection() %}
+          {{module.content}}
+          {% include 'modular/section-packs.html.twig' %}
+          {% include 'modular/section-lieux.html.twig' %}
+        {% endfor %}
+        </div>
+
+        <div class="nos_lieux">
+        </div>
+        <div class="dl_proposition">
+
+        </div>
+    </section>
+
+  </section>
+{% endblock %}