Skip to content
Snippets Groups Projects
Unverified Commit 7ef0a930 authored by Alexis BENOIT's avatar Alexis BENOIT Committed by GitHub
Browse files

Merge pull request #871 from noesya/feature/previews

Feature/previews
parents 857854f5 65aeb6d2
No related branches found
No related tags found
No related merge requests found
Showing
with 634 additions and 266 deletions
<% about.blocks.published.ordered.each do |block| %>
<section class="block-<%= block.template_kind %>">
<div class="container">
<div class="block-content">
<div class="top">
<h2><%= block.title %></h2>
</div>
<% @block = block %>
<%= render "admin/communication/blocks/templates/#{@block.template_kind}/preview" %>
</div>
</div>
</section>
<% @block = block %>
<%= render "admin/communication/blocks/templates/#{@block.template_kind}/preview" %>
<% end %>
\ No newline at end of file
......@@ -3,14 +3,9 @@ blob = component.blob
return unless blob
%>
<section class="block-image">
<div class="container">
<div class="block-content">
<%= kamifusen_tag blob, width: 600, class: 'img-fluid mb-1' %>
<figcaption>
<%= component.template.credit if component.template.try(:credit).present? %>
</figcaption>
</figure>
</div>
</div>
</section>
<figure>
<%= kamifusen_tag blob, width: 600, class: 'img-fluid mb-1', alt: component.template.alt %>
<figcaption>
<%= sanitize component.template.credit if component.template.try(:credit).present? %>
</figcaption>
</figure>
\ No newline at end of file
<%
$class = "block block-call_to_action"
unless @block.title.empty?
$class += " block-with-title"
end
<%= block_component_preview :image %><br>
<%= block_component_preview :alt %>
$image_class = "call_to_action--with" + (@block.template.image.empty? ? "out" : "") + "-image"
<div>
<% if @block.template.elements%>
<div {{ if gt (len .buttons) 1 }}role="group"{{ end -}}>
<% @block.template.elements.each do |element| %>
<% if element.title %>
<a href="<%= block_component_preview :url, template: element %>"
<% if element.target_blank %>
title="{{ i18n 'commons.link.blank_aria' (dict 'Title' $title) }}"
target="_blank"
<% else %>
title="<%= block_component_preview :title, template: element %>"
<% end %>
><%= block_component_preview :title, template: element %></a>
%>
<section class="block block-call_to_action">
<div class="container">
<div class="block-content">
<div class="call_to_action <%= $image_class %>">
<div>
<% unless @block.title.empty? %>
<h2><%= @block.title %></h2>
<% end %>
<% if @block.template.text %>
<div class="description">
<%= block_component_preview :text %>
</div>
<% end %>
<% if @block.template.elements %>
<div class="actions" <% if @block.template.elements.count > 1 %>role="group"<% end %>>
<% @block.template.elements.each do |element| %>
<% if element.title %>
<a href="<%= block_component_preview :url, template: element %>"
<% if element.target_blank %>
title="<%= block_component_preview :title, template: element %>"
target="_blank"
<% else %>
title="<%= block_component_preview :title, template: element %>"
<% end %>
><%= block_component_preview :title, template: element %></a>
<% end %>
<% end %>
</div>
<% end %>
</div>
<% component = @block.template.public_send "image_component" %>
<% if component.blob %>
<%= kamifusen_tag component.blob, width: 600, class: 'img-fluid mb-1', alt: @block.template.alt %>
<% end %>
<% end %>
</div>
</div>
<% end %>
</div>
\ No newline at end of file
</div>
</section>
\ No newline at end of file
<div class="chapter">
<div>
<%= block_component_preview :text %>
<%
$class = "block block-chapter"
unless @block.title.empty?
$class += " block-with-title"
end
if @block.template.image[:id] #TODO comment vérifier proprement la présence de l'image?
$class += " block-chapter--with-image"
end
$class += " block-chapter--" + @block.template.layout
%>
<section class="<%= $class %>">
<div class="container">
<div class="block-content">
<div class="chapter">
<div class="text">
<% unless @block.title.empty? %>
<div class="top">
<h2><%= @block.title %></h2>
</div>
<% end %>
<% unless @block.template.text.empty? %>
<div class="rich-text">
<%= block_component_preview :text %>
</div>
<% end %>
<% unless @block.template.notes.empty? %>
<div class="notes">
<%= block_component_preview :notes %>
</div>
<% end %>
</div>
<%= block_component_preview :image %>
</div>
</div>
</div>
<div class="notes">
<%= block_component_preview :notes %>
</div>
</div>
<figure>
<%= block_component_preview :image %>
<figcaption>
<%= block_component_preview :credit %>
</figcaption>
</figure>
</section>
<%= block_component_preview :description %>
<p>
<%= block_component_preview :name %><br>
<% if @block.template.address.present? %>
<%= @block.template.address %><br>
<% end %>
<%= block_component_preview :zipcode %>
<%= block_component_preview :city %>
<%= block_component_preview :country %>
</p>
<div class="table-responsive">
<table class="<%= table_classes %>">
<% @block.template.elements.each do |element| %>
<tr>
<td><%= block_component_preview :title, template: element %></td>
<td><%= block_component_preview :time_slot_morning, template: element %></td>
<td><%= block_component_preview :time_slot_afternoon, template: element %></td>
</tr>
<% end %>
</table>
</div>
<%
$class = "block block-contact"
unless @block.title.empty?
$class += " block-with-title"
end
%>
<section class="<%= $class %>">
<div class="container">
<div class="block-content">
<% unless @block.title.empty? && @block.template.description.empty? %>
<div class="top">
<% unless @block.title.empty? %>
<h2><%= @block.title %></h2>
<% end %>
<% unless @block.template.description.empty? %>
<div class="description">
<p><%= block_component_preview :description %></p>
</div>
<% end %>
</div>
<% end %>
<div class="informations">
<address itemscope itemtype="https://schema.org/Organization">
<% unless @block.template.name.empty? %>
<p><%= block_component_preview :name %></p>
<% end %>
<div itemprop="address" itemscope itemtype="https://schema.org/PostalAddress">
<span itemprop="streetAddress">
<%= block_component_preview :address %>
</span>
<span itemprop="addressLocality">
<%= block_component_preview :city %>
</span>
<span itemprop="postalCode">
<%= block_component_preview :zipcode %>
</span>
<span itemprop="addressCountry">
<%= block_component_preview :country %>
</span>
</div>
<p>
<% @block.template.phone_numbers.each do |phone_number| %>
<a itemprop="telephone" href="tel:<%= phone_number %>%>"><%= phone_number %></a><br>
<% end %>
<% @block.template.emails.each do |email| %>
<a itemprop="email" href="mailto:<%= email %>%>"><%= email %></a><br>
<% end %>
</p>
</address>
<ul>
<% @block.template.elements.each do |element| %>
<li>
<span><%= block_component_preview :title, template: element %></span>
<span><time datetime="<%= block_component_preview :time_slot_morning, template: element %>"><%= block_component_preview :time_slot_morning, template: element %></time></span>
<span><time datetime="<%= block_component_preview :time_slot_afternoon, template: element %>"><%= block_component_preview :time_slot_afternoon, template: element %></time></span>
</li>
<% end %>
</ul>
</div>
</div>
</div>
</section>
<div class="description">
<%= block_component_preview :description %>
</div>
<div class="table-responsive">
<caption><%= block_component_preview :caption %></caption>
<table class="<%= table_classes %>">
<thead>
<tr>
<%= block_component_preview :columns %>
</tr>
</thead>
<tbody>
<% @block.template.elements.each do |row| %>
<tr>
<%= block_component_preview :cells, template: row %>
</tr>
<%
$class = "block block-datatable"
unless @block.title.empty?
$class += " block-with-title"
end
%>
<section class="<%= $class %>">
<div class="container">
<div class="block-content">
<% unless @block.title.empty? && @block.template.description.empty? %>
<div class="top">
<% unless @block.title.empty? %>
<h2><%= @block.title %></h2>
<% end %>
<% unless @block.template.description.empty? %>
<div class="description">
<p><%= block_component_preview :description %></p>
</div>
<% end %>
</div>
<% end %>
</tbody>
</table>
</div>
<div class="table-responsive">
<table>
<% unless @block.template.caption.empty? %>
<caption><%= block_component_preview :caption %></caption>
<% end %>
<thead>
<tr>
<%= block_component_preview :columns %>
</tr>
</thead>
<tbody>
<% @block.template.elements.each do |row| %>
<tr>
<%= block_component_preview :cells, template: row %>
</tr>
<% end %>
</tbody>
</table>
</div>
</div>
</div>
</section>
\ No newline at end of file
<div class="description">
<%= block_component_preview :description %>
</div>
<div class="definitions">
<% @block.template.elements.each do |element| %>
<details itemscope itemtype="https://schema.org/DefinedTerm">
<summary itemprop="name">
<b>
<%= block_component_preview :title, template: element %>
</b></summary>
<p itemprop="description"><%= block_component_preview :description, template: element %></p>
</details>
<% end %>
</div>
\ No newline at end of file
<%
$class = "block block-definitions"
unless @block.title.empty?
$class += " block-with-title"
end
%>
<section class="<%= $class %>">
<div class="container">
<div class="block-content">
<% unless @block.title.empty? && @block.template.description.empty? %>
<div class="top">
<% unless @block.title.empty? %>
<h2><%= @block.title %></h2>
<% end %>
<% unless @block.template.description.empty? %>
<div class="description">
<p><%= block_component_preview :description %></p>
</div>
<% end %>
</div>
<% end %>
<div class="definitions">
<% @block.template.elements.each do |element| %>
<details itemscope itemtype="https://schema.org/DefinedTerm">
<summary itemprop="name">
<%= block_component_preview :title, template: element %>
</summary>
<p itemprop="description"><%= block_component_preview :description, template: element %></p>
</details>
<% end %>
</div>
</div>
</section>
<%= block_component_preview :code %>
<%= block_component_preview :transcription %>
<%
$class = "block block-embed"
if @block.title
$class += " block-with-title"
end
%>
<section class="<%= $class %>">
<div class="container">
<div class="block-content">
<% if @block.title %>
<div class="top">
<h2><%= @block.title %></h2>
</div>
<% end %>
<%= block_component_preview :code %>
<div class="transcription">
<details>
<summary>Transcription</summary>
<p>
<%= block_component_preview :transcription %>
</p>
</details>
</div>
</div>
</div>
</section>
<div class="description">
<%= block_component_preview :description %>
</div>
<ul>
<% @block.template.elements.each do |element| %>
<% next unless element.blob %>
<li>
<a href="<%= element.blob.url %>" download="{{ partial 'PrepareHTML' $file.name }}" target="_blank" title="{{ i18n 'commons.link.blank_aria' (dict 'Title' $title_with_size) }}">
<span><%= element.title %><br><span>(<%= element.blob.filename %>)</span></span>
</a>
</li>
<% end %>
</ul>
\ No newline at end of file
<%
$class = "block block-files"
unless @block.title.empty?
$class += " block-with-title"
end
%>
<section class="<%= $class %>">
<div class="container">
<div class="block-content">
<% unless @block.title.empty? && @block.template.description.empty? %>
<div class="top">
<% unless @block.title.empty? %>
<h2><%= @block.title %></h2>
<% end %>
<% unless @block.template.description.empty? %>
<div class="description">
<p><%= block_component_preview :description %></p>
</div>
<% end %>
</div>
<% end %>
<ul class="files">
<% @block.template.elements.each do |element| %>
<% next unless element.blob %>
<li>
<figure>
<a href="<%= element.blob.url %>" target="_blank" title="<%= element.title %>"><%= element.title %></a>
<figcaption>
<abbr title="">TODO : EXTENSION</abbr>
- <abbr title="">TODO : TAILLE FICHIER</abbr>
</figcaption>
</figure>
</a>
</li>
<% end %>
</ul>
</div>
</div>
</section>
\ No newline at end of file
<%= block_component_preview :description %>
<%= block_component_preview :layout %>
<div class="row">
<% @block.template.elements.each do |element| %>
<% next unless element.blob %>
<div class="col-6">
<article class="card">
<%= block_component_preview :image, template: element %>
<div class="card-body">
<div class="small">
<p class="mb-0">
<%= block_component_preview :alt, template: element %>
</p>
<%= block_component_preview :credit, template: element %>
<%
$class = "block block-gallery"
unless @block.title.empty?
$class += " block-with-title"
end
$class += " block-gallery--" + @block.template.layout
%>
<section class="<%= $class %>">
<div class="container">
<div class="block-content">
<div class="top">
<% unless @block.title.empty? && @block.template.description.empty? %>
<div class="top">
<% unless @block.title.empty? %>
<h2><%= @block.title %></h2>
<% end %>
<% unless @block.template.description.empty? %>
<div class="description">
<p><%= block_component_preview :description %></p>
</div>
<% end %>
</div>
<p class="mb-0">
<%= block_component_preview :text, template: element %>
</p>
<% end %>
</div>
<% if @block.template.layout === "carousel" %>
<% if !@block.template.elements.one? %>
<div class="splide" role="group" data-splide='{"arrows":true,"pagination":false,"autoWidth":true,"autoplay":false}'>
<div class="splide__track">
<div class="splide__list">
<% end %>
<% @block.template.elements.each do |element| %>
<%= block_component_preview :image, template: element %>
<% end %>
<% if !@block.template.elements.one? %>
</div>
</div>
</div>
<% end %>
<% else %>
<div class="gallery" role="group">
<% @block.template.elements.each do |element| %>
<%= block_component_preview :image, template: element %>
<% end %>
</div>
</article>
<% end %>
</div>
<% end %>
</div>
</div>
</section>
\ No newline at end of file
<figure>
<%= block_component_preview :image %>
<figcaption>
<p><%= block_component_preview :alt %></p>
<p><%= block_component_preview :text %></p>
<p><small><%= block_component_preview :credit %></small></p>
</figcaption>
</figure>
\ No newline at end of file
<%
$class = "block block-image"
unless @block.title.empty?
$class += " block-with-title"
end
%>
<section class="<%= $class %>">
<div class="container">
<div class="block-content">
<% unless @block.title.empty? %>
<div class="top">
<h2><%= @block.title %></h2>
</div>
<% end %>
<% if @block.template.image %>
<%= block_component_preview :image %>
<% end %>
</div>
</div>
</section>
\ No newline at end of file
<div class="top">
<div class="description">
<%= block_component_preview :description %>
<%
$class = "block block-key_figures"
unless @block.title.empty?
$class += " block-with-title"
end
%>
<section class="<%= $class %>">
<div class="container">
<div class="block-content">
<% unless @block.title.empty? && @block.template.description.empty? %>
<div class="top">
<% unless @block.title.empty? %>
<h2><%= @block.title %></h2>
<% end %>
<% unless @block.template.description.empty? %>
<div class="description">
<p><%= block_component_preview :description %></p>
</div>
<% end %>
</div>
<% end %>
<ul class="<%= @block.template.elements.count.even? ? "even-items" : "odd-items" %>">
<% @block.template.elements.each do |element| %>
<li>
<dl>
<dt><strong><%= block_component_preview :number, template: element %></strong><%= block_component_preview :unit, template: element %></dt>
<dd><%= block_component_preview :description, template: element %></dd>
</dl>
</li>
<% end %>
</ul>
</div>
</div>
</div>
<ul>
<% @block.template.elements.each do |element| %>
<li>
<dl>
<dt><strong><%= block_component_preview :number, template: element %></strong><%= block_component_preview :unit, template: element %></dt>
<dd><%= block_component_preview :description, template: element %></dd>
</dl>
</li>
<% end %>
</ul>
</section>
......@@ -11,23 +11,20 @@
%>
<div>
<article class="person" itemscope itemtype="https://schema.org/Person">
<div>
<p class="name" itemprop="name">
<div class="description">
<h3 class="name" itemprop="name">
<% if @block.template.with_link %>
<%= link_to person, [:admin, person] %>
<% else %>
<%= element.person %>
<% end %>
</p>
</h3>
<p itemprop="jobTitle"><%= element.role %></p>
</div>
<% if @block.template.with_photo %>
<div class="avatar" itemprop="image">
<% if person.best_picture.attached? %>
<div style="max-width: 80px" class="float-end">
<%= kamifusen_tag person.best_picture,
class: 'img-fluid rounded-circle' %>
</div>
<%= kamifusen_tag person.best_picture, class: 'img-fluid rounded-circle' %>
<% end %>
</div>
<% end %>
......
<% if @block.data %>
<% if @block.template.page %>
<% if @block.template.page %>
<%= @block.template.page.slug %>
<% end %>
<div class="pages">
<% @block.template.selected_pages.each do |element| %>
<div>
<%= element %>
<% if @block.template.show_image && element.featured_image.attached? %>
<%= kamifusen_tag element.featured_image,
class: 'img-fluid mb-3' %>
<% end %>
<% if @block.template.show_description %>
<p><%= element.summary %></p>
<% end %>
</div>
<% end %>
</div>
<% if @block.template.show_main_description %>
<p></p>
<% end %>
<% if @block.template.layout === "list" %>
<ul>
<% @block.template.elements.each do |element| %>
<li>
<%= element %>
</li>
<% end %>
</ul>
<% elsif @block.template.layout === "cards" %>
<div class="cards">
<% @block.template.elements.each do |element| %>
<article class="card">
<%= element %>
<% if @block.template.show_description %>
<p><%#= element.summary %></p>
<% end %>
</article>
<% end %>
</div>
<% else %>
<div class="grid">
<% @block.template.elements.each do |element| %>
<article>
<%= element %>
<% if @block.template.show_description %>
<p><%#= element.summary %></p>
<% end %>
</article>
<% end %>
</div>
<% end %>
<% end %>
<div class="top">
<div class="description">
<%= block_component_preview :description %>
</div>
</div>
<div class="organizations">
<% @block.template.elements.each do |element| %>
<div>
<article class="organization">
<div>
<p class="title">
<% if element.best_url %>
<a href="<%= element.best_url %>" target="_blank">
<% end %>
<%= element.best_name %>
<% if element.best_url%>
</a>
<% end %>
</p>
</div>
<div class="media">
<%= kamifusen_tag element.best_logo,
width: 600,
class: 'img-fluid mb-2' unless element.best_logo.nil? %>
</div>
</article>
</div>
<article class="organization">
<h3>
<% if element.best_url %>
<a href="<%= element.best_url %>" target="_blank">
<% end %>
<%= element.best_name %>
<% if element.best_url%>
</a>
<% end %>
</h3>
<div class="media">
<%= kamifusen_tag element.best_logo, width: 600%>
</div>
</article>
<% end %>
</div>
\ No newline at end of file
<hr>
<% @block.template.selected_programs.each do |program| %>
<p><%= program %></p>
<hr>
<% end %>
\ No newline at end of file
<ol class="programs">
<% @block.template.selected_programs.each do |program| %>
<li>
<%= program %></p>
</li>
<% end %>
</ol>
<div class="testimonials">
<% if !@block.template.elements.one? %>
<div class="splide" data-splide='{"arrows":false,"autoplay":true,"pauseOnHover":false,"pauseOnFocus":false,"type":"loop","autoHeight":true}'>
<div class="splide__slider">
<div class="splide__track">
<div class="splide__list">
<% end %>
<% @block.template.elements.each do |element| %>
<figure <% if !@block.template.elements.one? %> class="splide__slide" <% end %>>
<blockquote {{- if $is_long }} class="is-long" {{- end }}>
<p><%= block_component_preview :text, template: element %></p>
</blockquote>
<figcaption>
<% if element.photo %>
<div class="avatar">
<div style="max-width: 80px;" class="me-3">
<%= block_component_preview :photo, template: element %>
</div>
</div>
<% end %>
<span>
<b><%= block_component_preview :author, template: element %></b><br>
<%= block_component_preview :job, template: element %>
</span>
</figcaption>
</figure>
<% end %>
<%
$class = "block block-testimonials"
unless @block.title.empty?
$class += " block-with-title"
end
if !@block.template.elements.one?
$class += " with-carousel"
end
%>
<section class="<%= $class %>">
<div class="container">
<div class="block-content">
<div class="testimonials">
<% if !@block.template.elements.one? %>
</div>
</div>
</div>
<div class="splide"
data-splide='{
"arrows":false,
"autoplay":true,
"pauseOnHover":false,
"pauseOnFocus":true,
"type":"loop",
"autoHeight":true,
"interval":8000
}'
>
<div class="splide__slider">
<div class="splide__track">
<div class="splide__list">
<% end %>
<div class="splide__autoplay is-active">
<button class="splide__play"></button>
<button class="splide__pause"></button>
<% @block.template.elements.each do |element| %>
<figure <% if !@block.template.elements.one? %> class="splide__slide" <% end %>>
<blockquote>
<p><%= block_component_preview :text, template: element %></p>
</blockquote>
<figcaption>
<% if element.photo %>
<div class="avatar">
<%#= block_component_preview :photo, template: element %>
</div>
<% end %>
<% if element.author %>
<span class="signature"><%= block_component_preview :author, template: element %></span>
<% end %>
<% if element.job %>
<span class="meta"><%= block_component_preview :job, template: element %></span>
<% end %>
</figcaption>
</figure>
<% end %>
<% if !@block.template.elements.one? %>
</div>
</div>
</div>
<div class="splide__autoplay is-active">
<button class="splide__play"></button>
<button class="splide__pause"></button>
</div>
</div>
<% end %>
</div>
</div>
</div>
<% end %>
</div>
\ No newline at end of file
</section>
\ No newline at end of file
<%= block_component_preview :layout %>
<div class="events">
<% @block.template.elements.each do |element| %>
<div class="event">
<%= block_component_preview :title, template: element %>
<%= block_component_preview :text, template: element %>
<%
$class = "block block-timeline"
unless @block.title.empty?
$class += " block-with-title"
end
$class += " block-timeline--" + @block.template.layout
%>
<section class="<%= $class %>">
<div class="container">
<% if @block.template.layout == "vertical" %>
<div class="block-content">
<% unless @block.title.empty? %>
<div class="top">
<h2><%= @block.title %></h2>
</div>
<% end %>
<div class="events">
<% @block.template.elements.each do |element| %>
<article class="event">
<h3 class="event-title">
<%= block_component_preview :title, template: element %>
<h3>
<p><%= block_component_preview :text, template: element %></p>
</article>
<% end %>
</div>
</div>
<% else %>
<div class="timeline">
<% unless @block.title.empty? %>
<h2><%= @block.title %></h2>
<% end %>
<div class="events">
<ol>
<% @block.template.elements.each do |element| %>
<li class="event">
<p class="title"><%= block_component_preview :title, template: element %><p>
<div class="line"></div>
<p class="description"><%= block_component_preview :text, template: element %></p>
</li>
<% end %>
</ol>
<% if !@block.template.elements.one? %>
<div class="timeline-arrows">
<button class="previous" disabled></button>
<button class="next"></button>
</div>
<% end %>
</div>
<% end %>
</div>
<% end %>
</div>
\ No newline at end of file
</section>
<% if @block.template.video_title %>
<div class="top">
<h2><%= block_component_preview :video_title %></h2>
<%
$class = "block block-video"
unless @block.title.empty?
$class += " block-with-title"
end
%>
<section class="<%= $class %>">
<div class="container">
<div class="block-content">
<% unless @block.title.empty? %>
<div class="top">
<h2><%= @block.title %></h2>
</div>
<% end %>
<% if @block.template.url %>
<div class="video">
<%# TODO: identification du provider de la vidéo %>
<iframe
src="<%= block_component_preview :url %>"
title="<%= block_component_preview :video_title %>"
loading="lazy"
></iframe>
</div>
<% end %>
<% if @block.template.video_title %>
<p><%= block_component_preview :video_title %></p>
<% end %>
<% if @block.template.transcription %>
<div class="transcription">
<details>
<summary><%= t 'accessibility.transcription' %></summary>
<p><%= block_component_preview :transcription %></p>
</details>
</div>
<% end %>
</div>
</div>
<% end %>
<% if @block.template.url %>
<div class="video">
<%= block_component_preview :url %>
</div>
<% end %>
<%= block_component_preview :transcription %>
</section>
\ No newline at end of file
......@@ -10,7 +10,7 @@
<%= stylesheet_link_tag 'admin/pure', media: 'all' %>
<% end %>
</head>
<body>
<body class="full-width">
<header class="hero">
<%= yield :image %>
<div class="container">
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment