promethee 1.0.18 → 1.0.19

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 91fcc83478af634a7c46e76f061a1c9c2c71635a
-  data.tar.gz: 8673c66290f2eb5a9e8b7ed43d3b1eecd97604eb
+  metadata.gz: ff4222a60ff026188abda14dedaef525f7af012a
+  data.tar.gz: 8272fbd675688bb2b8c079c1c61b922f6b86a992
 SHA512:
-  metadata.gz: e8ab2ffa36e0e05778155c594fa57b1134b6a613b74a163319dd219c2094de6376ef14907b78fafd695a3714294d00f59d4c912890cf012511f28ed301d0a160
-  data.tar.gz: c1720102c79c8eeb8e8ad2e07a83a35a1d56afc5588b3c04289dcf5cb4b1241d7baa748da5d2a802f3b33fcf5136dedb3d7688190fccac96378c837b955aac7f
+  metadata.gz: 3fa8ec13bc82dc0b430724afad25795c56166774a792a934b72160d9977d07f9c2e296ebfd268e76852f88fbb23e60a4fbad956a5c46a173c69853c101dd58b6
+  data.tar.gz: 30c2f867088622d787d15727d8fb5117f564ddaac82c005e4577289f9baf3bff5e2f3b3965f68f425b067130952a55a4c82d4e75f82a19424a4f502a10f96299

data/README.md

@@ -163,9 +163,10 @@ With javascript set:
 //= require jquery
 //= require jquery-ui
 //= require bootstrap
+//= require summernote
 //= require angular
 //= require angular-animate
-//= require summernote
+//= require angular-ui-bootstrap
 //= require angular-summernote
 //= require promethee
 //= require promethee-editor
@@ -306,12 +307,15 @@ This would do quite the same thing:
 - promethee-i18n
 - Component versioning
 - Edit in a column
-- UI et branding
+- UI and branding
 - Gallery
 - Menu
 - Tab
-- Cover
-- Chapter (or maybe it's a cover too?)
+- ~~Cover~~
+- ~~Chapter (or maybe it's a cover too? *Yes it is, but see next line*)~~
+- Section (in order to organize page contents within distincts parts which can be referenced. eg: scrollspy, hyperlink, tabs, ...)
+- Utils rake tasks (generate, destroy, override, ...)
+- Doc (to be updated in terms of the new component concept and structure)
 
 ## Development
 After checking out the repo, run `bin/setup` to install dependencies. You can also run `bin/console` for an interactive prompt that will allow you to experiment.

data/app/assets/stylesheets/promethee-editor/_component.sass

@@ -2,9 +2,26 @@
   &--text
     .mce-tinymce
       border: none
+
     .mce-panel
       border-top-color: $promethee-transparent-grey
+
     .mce-btn-group:not(:first-child)
       border-left-color: $promethee-transparent-grey
+
     .mce-top-part::before
       box-shadow: none
+
+  &--cover
+    .promethee-editor__cover-content
+      padding: 150px 30px
+      background-repeat: no-repeat
+      background-position: center center
+      background-size: cover
+
+  &--slider
+    .fontawesome-carousel-control .fa
+        top: 50%
+        position: absolute
+        transform: translateY(-50%)
+        font-size: 30px

data/app/assets/stylesheets/promethee-editor/_mover.sass

@@ -2,10 +2,13 @@
   transform-origin: top
   transition: transform ease-out 0.5s
   transform: scale(0.3)
+
   &.ng-hide
     transform: scale(1)
+
   .row, .col
     position: relative
+
   &--draggable
     h4
       font-size: 11px
@@ -14,8 +17,10 @@
       color: $promethee-color
       padding: 0 0 0 3px
       margin: 0
+
     &--row
       padding-left: 10px
+
   &--droppable
     margin: 10px 0
     position: relative
@@ -24,6 +29,7 @@
     width: 400px
     height: 40px
     transition: .2s
+
     &--hidden
       visibility: hidden
       pointer-events: none
@@ -39,14 +45,17 @@
         left: -25px
         width: 40px
         height: 400px
+
       &--inside-column
         position: absolute
         top: 0
         right: -25px
         width: 40px
         height: 400px
+
   &--dragged
     opacity: 0.25
+
   .ui-droppable-active
     border-color: $promethee-color
 
@@ -57,6 +66,7 @@
   &--dragging
     .promethee__move--droppable.promethee__move--droppable--row
       display: none
+
   // Except for columns, which can be dropped only on rows
   &--dragging.promethee__move--dragging--column
     .promethee__move--droppable
@@ -65,6 +75,7 @@
       &.promethee__move--droppable.promethee__move--droppable--row--inside-column,
       &.promethee__move--droppable.promethee__move--droppable--row--first
         display: block
+
   .video-neutralizing-overlay
     background: transparent
     position: absolute

data/app/assets/stylesheets/promethee.sass

@@ -1 +1,16 @@
 .promethee
+  &__component
+    &--cover
+      background-repeat: no-repeat
+      background-position: center center
+      background-size: cover
+      padding: 150px 30px
+
+    &--slider
+      .promethee__component
+        margin-bottom: 0
+      .fontawesome-carousel-control .fa
+        top: 50%
+        position: absolute
+        transform: translateY(-50%)
+        font-size: 30px

data/app/views/promethee/_localize.html.erb

@@ -14,7 +14,8 @@ promethee_data = Promethee::Data.new master_data, localization_data: localizatio
 
   prometheeLocalizer.controller('PrometheeLocalizerController', ['$scope', 'data', function($scope, data) {
 
-    $scope.data = $scope.component = data;
+    $scope.data = data;
+    $scope.component = {children: data.components};
 
     $scope.options = {
       toolbar: [
@@ -38,11 +39,12 @@ promethee_data = Promethee::Data.new master_data, localization_data: localizatio
      ng-controller="PrometheeLocalizerController as prometheeLocalizerController">
   <input type="hidden" name="page[data]" id="page_data" value="{{data}}" />
 
+  <%= render 'promethee/localize/component' %>
   <% Dir[__dir__ + '/localize/component/*.html.erb'].map do |file| %>
     <%= render "promethee/localize/component/#{File.basename(file, '.html.erb').sub(/\A_/, '')}" %>
   <% end %>
 
   <div ng-repeat="component in component.children">
-    <ng-include src="'promethee/localize/components'"></ng-include>
+    <ng-include src="'promethee/localize/component'"></ng-include>
   </div>
 </div>

data/app/views/promethee/edit/_write.html.erb

@@ -5,6 +5,9 @@
 <% Dir[__dir__ + '/write/component/_*.html.erb'].map do |file| %>
   <%= render "promethee/edit/write/component/#{File.basename(file, '.html.erb').sub(/\A_/, '')}" %>
 <% end %>
+<% Dir[__dir__ + '/write/toolbar/_*.html.erb'].map do |file| %>
+  <%= render "promethee/edit/write/toolbar/#{File.basename(file, '.html.erb').sub(/\A_/, '')}" %>
+<% end %>
 
 <script type="text/ng-template" id="promethee/write">
   <div class="promethee-editor__page">

data/app/views/promethee/edit/move/component/_cover.html.erb

@@ -0,0 +1,8 @@
+<script type="text/ng-template" id="promethee/move/component/cover">
+    <div
+      class="promethee-editor__wrapper promethee-editor__cover-content"
+      ng-bind-html="component.attributes.body | htmlSafe"
+      style="background-image: url('{{component.attributes.src}}')"
+    ></div>
+  </div>
+</script>

data/app/views/promethee/edit/move/component/_details.html.erb

@@ -0,0 +1,6 @@
+<script type="text/ng-template" id="promethee/move/component/details">
+  <details>
+    <summary>{{component.attributes.summary}}</summary>
+    <ng-include src="'promethee/move'"></ng-include>
+  </details>
+</script>

data/app/views/promethee/edit/move/component/_image.html.erb

@@ -1,3 +1,6 @@
 <script type="text/ng-template" id="promethee/move/component/image">
-  <img ng-src="{{component.attributes.src}}" class="img-responsive">
+  <figure>
+    <img ng-src="{{component.attributes.src}}" class="img-responsive">
+    <figcaption ng-show="component.attributes.caption" ng-bind-html="component.attributes.caption | htmlSafe"></figcaption>
+  </figure>
 </script>

data/app/views/promethee/edit/move/component/_slider.html.erb

@@ -0,0 +1,7 @@
+<script type="text/ng-template" id="promethee/move/component/slider">
+  <h1>Slider</h1>
+
+  <div ng-if="component.children.length > 0" ng-init="component = component.children[0]">
+    <ng-include src="'promethee/move/component'"></ng-include>
+  </div>
+</script>

data/app/views/promethee/edit/write/component/_cover.html.erb

@@ -0,0 +1,70 @@
+<script type="text/ng-template" id="promethee/write/component/cover">
+  <div ng-controller="CoverController" class="promethee-editor__component promethee-editor__component--cover">
+    <div class="promethee-editor__toolbar">
+      Cover
+      <ng-include src="'promethee/write/toolbar'"></ng-include>
+    </div>
+    <div ng-show="editing" class="promethee-editor__wrapper">
+      <div class="form-group">
+        <label class="label-control">Image Url</label>
+        <input ng-model="component.attributes.src" class="form-control" type="text"/>
+      </div>
+    </div>
+
+    <div
+      ng-hide="editing"
+      class="promethee-editor__wrapper promethee-editor__cover-content"
+      ng-bind-html="component.attributes.body | htmlSafe"
+      ng-click="edit()"
+      style="background-image: url('{{component.attributes.src}}')"
+    ></div>
+
+    <div
+      ng-show="editing"
+      class="promethee-editor__wrapper promethee-editor__cover-content"
+      style="background-image: url('{{component.attributes.src}}')"
+    >
+      <summernote config="options" ng-model="component.attributes.body"></summernote>
+    </div>
+  </div>
+</script>
+
+<script>
+  angular.injector(['ng', 'Promethee']).get('definitions').push({
+    name: 'Cover',
+    thumb: 'http://via.placeholder.com/300x200',
+    data: {
+      type: 'cover',
+      attributes: {
+        src: 'https://picsum.photos/1920/1080/?random',
+        alt: '',
+        caption: ''
+      }
+    }
+  });
+
+  promethee.controller('CoverController', ['$scope', function($scope) {
+    $scope.editing = false;
+
+    $scope.edit = function() {
+      $scope.editing = true;
+    };
+
+    $scope.complete = function() {
+      $scope.editing = false;
+    };
+
+    $scope.toggleEdit = function() {
+      $scope.editing = !$scope.editing;
+    };
+
+    $scope.options = {
+      toolbar: [
+        ['headline', ['style']],
+        ['style', ['bold', 'italic']],
+        ['alignment', ['ul', 'ol', 'paragraph']],
+        ['code', ['codeview']]
+      ]
+    };
+  }]);
+</script>

data/app/views/promethee/edit/write/component/_details.html.erb

@@ -0,0 +1,68 @@
+<script type="text/ng-template" id="promethee/write/component/details">
+  <div  ng-controller="DetailsController"
+        class="promethee-editor__component promethee-editor__component--details">
+    <div class="promethee-editor__toolbar">
+      Details
+      <ng-include src="'promethee/write/toolbar'"></ng-include>
+    </div>
+
+    <div ng-show="editing" class="promethee-editor__wrapper">
+      <div class="form-group">
+        <label class="label-control">Summary</label>
+        <input ng-model="component.attributes.summary" class="form-control" type="text"/>
+      </div>
+    </div>
+
+    <details>
+      <summary>{{component.attributes.summary}}</summary>
+      <ng-include src="'promethee/write/components'"></ng-include>
+
+      <span
+        type="button"
+        class="btn btn-default btn-block"
+        ng-click="addComponentTo(component.children)"
+      >
+        Add component
+      </span>
+    </details>
+  </div>
+</script>
+
+<script>
+  angular.injector(['ng', 'Promethee']).get('definitions').push({
+    name: 'Details',
+    thumb: 'http://via.placeholder.com/300x200',
+    data: {
+      type: 'details',
+      children: [],
+      attributes: {
+        summary: 'Edit me'
+      }
+    }
+  });
+
+  promethee.controller('DetailsController', ['$scope', function($scope) {
+    $scope.editing = false;
+
+    $scope.edit = function() {
+      $scope.editing = true;
+    };
+
+    $scope.complete = function() {
+      $scope.editing = false;
+    };
+
+    $scope.toggleEdit = function() {
+      $scope.editing = !$scope.editing;
+    };
+
+    $scope.options = {
+      toolbar: [
+        ['headline', ['style']],
+        ['style', ['bold', 'italic']],
+        ['alignment', ['ul', 'ol', 'paragraph']],
+        ['code', ['codeview']]
+      ]
+    };
+  }]);
+</script>

data/app/views/promethee/edit/write/component/_image.html.erb

@@ -13,10 +13,15 @@
         <label class="label-control">Alt</label>
         <input ng-model="component.attributes.alt" class="form-control" type="text"/>
       </div>
+      <div class="form-group">
+        <label class="label-control">Caption</label>
+        <summernote config="options" ng-model="component.attributes.caption"></summernote>
+      </div>
     </div>
-    <div ng-show="component.attributes.src">
+    <figure ng-show="component.attributes.src">
       <img ng-click="edit()" ng-src="{{component.attributes.src}}" class="img-responsive">
-    </div>
+      <figcaption ng-show="component.attributes.caption" ng-bind-html="component.attributes.caption | htmlSafe"></figcaption>
+    </figure>
     <div ng-hide="component.attributes.src">
       <p ng-hide="editing" ng-click="edit()" class="text-center">Click to set the image</p>
     </div>
@@ -30,7 +35,9 @@
     data: {
       type: 'image',
       attributes: {
-        src: 'https://source.unsplash.com/random/1920x1080'
+        src: 'https://picsum.photos/1920/1080/?random',
+        alt: '',
+        caption: ''
       }
     }
   });
@@ -49,5 +56,14 @@
     $scope.toggleEdit = function() {
       $scope.editing = !$scope.editing;
     };
+
+    $scope.options = {
+      toolbar: [
+        ['headline', ['style']],
+        ['style', ['bold', 'italic']],
+        ['alignment', ['ul', 'ol', 'paragraph']],
+        ['code', ['codeview']]
+      ]
+    };
   }]);
 </script>

data/app/views/promethee/edit/write/component/_slider.html.erb

@@ -0,0 +1,77 @@
+<script type="text/ng-template" id="promethee/write/component/slider">
+  <div  ng-controller="SliderController"
+        class="row promethee-editor__component promethee-editor__component--slider">
+    <div class="promethee-editor__toolbar">
+      Slider
+
+      <ng-include src="'promethee/write/toolbar'"></ng-include>
+
+      <div class="pull-right">
+        <span ng-show="editing" ng-click="prev()" class="promethee-editor__button"><%= fa_icon 'chevron-left' %></span>
+        <span ng-show="editing" ng-click="next()" class="promethee-editor__button"><%= fa_icon 'chevron-right' %></span>
+      </div>
+    </div>
+
+    <div id="{{sliderId}}" class="carousel slide" data-ride="carousel" ng-init="components = component.children">
+      <div class="carousel-inner" style="min-height: 100px">
+        <div ng-repeat="component in components track by $index" class="item" ng-class="{active: $index === 0}">
+          <ng-include src="'promethee/' + (editing ? 'write' : 'move') + '/component'"></ng-include>
+        </div>
+      </div>
+
+      <a ng-hide="editing" ng-click="$event.preventDefault()" class="left carousel-control fontawesome-carousel-control" href="#{{sliderId}}" data-slide="prev">
+        <%= fa_icon 'angle-left' %>
+      </a>
+      <a ng-hide="editing" ng-click="$event.preventDefault()" class="right carousel-control fontawesome-carousel-control" href="#{{sliderId}}" data-slide="next">
+        <%= fa_icon 'angle-right' %>
+      </a>
+    </div>
+
+    <span
+      type="button"
+      class="btn btn-default btn-block"
+      ng-click="addComponentTo(component.children);goToLastItem();"
+    >
+      Add item
+    </span>
+  </div>
+</script>
+
+<script>
+  angular.injector(['ng', 'Promethee']).get('definitions').push({
+    name: 'Slider',
+    thumb: 'http://via.placeholder.com/300x200',
+    data: {
+      type: 'slider',
+      attributes: {},
+      children: []
+    }
+  });
+
+  promethee.controller('SliderController', ['$scope', '$element', function($scope, $element) {
+    $scope.sliderId = 'slider-' + Date.now() + '-' + Math.floor(Math.random()*1000000);
+
+    $scope.$watch('editing', function(newVal) {
+      if(newVal === true) $element.find('.carousel').carousel('pause');
+      else $element.find('.carousel').carousel('play');
+    });
+
+    $scope.goToLastItem = function() {
+      setTimeout(function() {
+        $element.find('.carousel').carousel($scope.component.children.length - 1);
+      }, 1000);
+    };
+
+    $scope.prev = function() {
+      $element.find('.carousel').carousel('prev');
+    };
+
+    $scope.next = function() {
+      $element.find('.carousel').carousel('next');
+    };
+
+    $element.find('.carousel').carousel();
+
+    // element.ready(function() { this.find('.carousel').carousel() });
+  }]);
+</script>

data/app/views/promethee/localize/_component.html.erb

@@ -0,0 +1,3 @@
+<script type="text/ng-template" id="promethee/localize/component">
+  <ng-include src="'promethee/localize/component/' + component.type"></ng-include>
+</script>

data/app/views/promethee/localize/component/_column.html.erb

@@ -1,11 +1,3 @@
-<script type="text/ng-template" id="promethee/localize/component/text">
-  <div class="row">
-    <div class="col-md-6">
-      <summernote config="options" ng-model="component.attributes.body"></summernote>
-    </div>
-    <div class="col-md-6">
-      <b>Master</b>
-      <div class="promethee-editor__wrapper" ng-bind-html="component.master.attributes.body | htmlSafe"></div>
-    </div>
-  </div>
+<script type="text/ng-template" id="promethee/localize/component/column">
+
 </script>

data/app/views/promethee/localize/component/_cover.html.erb

@@ -0,0 +1,11 @@
+<script type="text/ng-template" id="promethee/localize/component/cover">
+  <div class="row">
+    <div class="col-md-6">
+      <summernote config="options" ng-model="component.attributes.body"></summernote>
+    </div>
+    <div class="col-md-6">
+      <b>Master</b>
+      <div class="promethee-editor__wrapper" ng-bind-html="component.master.attributes.body | htmlSafe"></div>
+    </div>
+  </div>
+</script>

data/app/views/promethee/localize/component/_details.html.erb

@@ -0,0 +1,11 @@
+<script type="text/ng-template" id="promethee/localize/component/details">
+  <div class="row">
+    <div class="col-md-6">
+      <input ng-model="component.attributes.summary" type="text" class="form-control">
+    </div>
+    <div class="col-md-6">
+      <b>Master</b>
+      <input ng-model="component.master.attributes.summary" type="text" class="form-control" disabled/>
+    </div>
+  </div>
+</script>

data/app/views/promethee/localize/component/_image.html.erb

@@ -1,3 +1,13 @@
 <script type="text/ng-template" id="promethee/localize/component/image">
-
+  <div class="row">
+    <div class="col-md-6">
+      <input ng-model="component.attributes.alt" type="text" class="form-control">
+      <summernote config="options" ng-model="component.attributes.caption"></summernote>
+    </div>
+    <div class="col-md-6">
+      <b>Master</b>
+      <input ng-model="component.master.attributes.alt" type="text" class="form-control" disabled/>
+      <div class="promethee-editor__wrapper" ng-bind-html="component.master.attributes.caption | htmlSafe"></div>
+    </div>
+  </div>
 </script>

data/app/views/promethee/localize/component/_slider.html.erb

@@ -0,0 +1,3 @@
+<script type="text/ng-template" id="promethee/localize/component/slider">
+
+</script>

data/app/views/promethee/localize/component/_text.html.erb

@@ -1,3 +1,11 @@
 <script type="text/ng-template" id="promethee/localize/component/text">
-
+  <div class="row">
+    <div class="col-md-6">
+      <summernote config="options" ng-model="component.attributes.body"></summernote>
+    </div>
+    <div class="col-md-6">
+      <b>Master</b>
+      <div class="promethee-editor__wrapper" ng-bind-html="component.master.attributes.body | htmlSafe"></div>
+    </div>
+  </div>
 </script>

data/app/views/promethee/show/component/_cover.html.erb

@@ -0,0 +1,6 @@
+<%
+src = component[:attributes][:src].to_s
+body = component[:attributes][:body].to_s
+%>
+
+<%= content_tag :div, body.html_safe, class: promethee_class_for(component), style: 'background-image: url(' + src.to_json.html_safe + ')' %>

data/app/views/promethee/show/component/_details.html.erb

@@ -0,0 +1,8 @@
+<%
+summary = component[:attributes][:summary]
+%>
+
+<details class="<%= promethee_class_for component %>">
+  <summary><%= summary %></summary>
+  <%= render 'promethee/show/components', components: component[:children] %>
+</details>

data/app/views/promethee/show/component/_image.html.erb

@@ -1,7 +1,14 @@
 <%
 src = component[:attributes][:src]
 alt = component[:attributes][:alt]
+caption = component[:attributes][:caption].to_s
 %>
-<div class="<%= promethee_class_for component %>">
+<figure class="<%= promethee_class_for component %>">
   <img class="img-responsive" src="<%= src %>" alt="<%= alt %>">
-</div>
+
+  <% if caption.present? %>
+    <figcaption>
+      <%= caption.html_safe %>
+    </figcaption>
+  <% end %>
+</figure>

data/app/views/promethee/show/component/_slider.html.erb

@@ -0,0 +1,16 @@
+<div id="slider-<%= component[:id] %>" class="carousel slide <%= promethee_class_for component %>" data-ride="carousel">
+  <div class="carousel-inner">
+    <% component[:children].each.with_index do |child, n| %>
+      <div class="item<%= ' active' if n.zero? %>">
+        <%= render 'promethee/show/component', component: child %>
+      </div>
+    <% end %>
+  </div>
+
+  <a class="left carousel-control fontawesome-carousel-control" href="#slider-<%= component[:id] %>" data-slide="prev">
+    <%= fa_icon 'angle-left' %>
+  </a>
+  <a class="right carousel-control fontawesome-carousel-control" href="#slider-<%= component[:id] %>" data-slide="next">
+    <%= fa_icon 'angle-right' %>
+  </a>
+</div>

data/lib/promethee/rails/version.rb

@@ -1,5 +1,5 @@
 module Promethee
   module Rails
-    VERSION = '1.0.18'
+    VERSION = '1.0.19'
   end
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: promethee
 version: !ruby/object:Gem::Version
-  version: 1.0.18
+  version: 1.0.19
 platform: ruby
 authors:
 - Julien Dargelos
@@ -11,7 +11,7 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2018-01-03 00:00:00.000000000 Z
+date: 2018-01-05 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails
@@ -242,8 +242,11 @@ files:
 - app/views/promethee/edit/move/_component.html.erb
 - app/views/promethee/edit/move/_components.html.erb
 - app/views/promethee/edit/move/component/_column.html.erb
+- app/views/promethee/edit/move/component/_cover.html.erb
+- app/views/promethee/edit/move/component/_details.html.erb
 - app/views/promethee/edit/move/component/_image.html.erb
 - app/views/promethee/edit/move/component/_row.html.erb
+- app/views/promethee/edit/move/component/_slider.html.erb
 - app/views/promethee/edit/move/component/_text.html.erb
 - app/views/promethee/edit/move/component/_video.html.erb
 - app/views/promethee/edit/shared/_navbar.html.erb
@@ -252,21 +255,31 @@ files:
 - app/views/promethee/edit/write/_components.html.erb
 - app/views/promethee/edit/write/_toolbar.html.erb
 - app/views/promethee/edit/write/component/_column.html.erb
+- app/views/promethee/edit/write/component/_cover.html.erb
+- app/views/promethee/edit/write/component/_details.html.erb
 - app/views/promethee/edit/write/component/_image.html.erb
 - app/views/promethee/edit/write/component/_row.html.erb
+- app/views/promethee/edit/write/component/_slider.html.erb
 - app/views/promethee/edit/write/component/_text.html.erb
 - app/views/promethee/edit/write/component/_video.html.erb
+- app/views/promethee/localize/_component.html.erb
 - app/views/promethee/localize/component/_column.html.erb
+- app/views/promethee/localize/component/_cover.html.erb
+- app/views/promethee/localize/component/_details.html.erb
 - app/views/promethee/localize/component/_image.html.erb
 - app/views/promethee/localize/component/_row.html.erb
+- app/views/promethee/localize/component/_slider.html.erb
 - app/views/promethee/localize/component/_text.html.erb
 - app/views/promethee/localize/component/_video.html.erb
 - app/views/promethee/preview.html.erb
 - app/views/promethee/show/_component.html.erb
 - app/views/promethee/show/_components.html.erb
 - app/views/promethee/show/component/_column.html.erb
+- app/views/promethee/show/component/_cover.html.erb
+- app/views/promethee/show/component/_details.html.erb
 - app/views/promethee/show/component/_image.html.erb
 - app/views/promethee/show/component/_row.html.erb
+- app/views/promethee/show/component/_slider.html.erb
 - app/views/promethee/show/component/_text.html.erb
 - app/views/promethee/show/component/_video.html.erb
 - config/routes.rb