promethee 4.1.5 → 4.1.10

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: b7d821ae071c08da48380617b5ca9f0f601256a00dd8e27b553ede3475785217
-  data.tar.gz: c7eeabfdbfdcad6b7ef5fb2e19989e5bdb72c7dc75ec88cadfa90ef98e8315ff
+  metadata.gz: 0beecf6dd37d65be3957b1610ebc4c938388e787b8e8c6991c0a5d467ffd665b
+  data.tar.gz: b897dd103018126be4ef58c662f59acf90ff43302db2c3d35ffa8627dcf25670
 SHA512:
-  metadata.gz: d4562917821c9211f589d2a6dcd457e1af5451b8ccd1e00daf087f88464720e97e2b3ff35c1eb4f6b0b25150f256040dc739ef3f2260ad4f819df4c7f183bba8
-  data.tar.gz: 0a35e27bb871f285a213bae214f7c177e36028c3a86e94f8805f17aea4fba2104f33f9c6a9327a3f2e86253878a793c6ee8e17f9562840c51d206e4253bb1557
+  metadata.gz: 9bb4b71ab5b06e25c62ae3ed09147f909bdf6cd65d6869242e55b9a05c723d75289958f4e84ddf89b0fc6886215aed0730219e5e4f7688e773ad63d330873955
+  data.tar.gz: 8ec5b9f95b687ec5d658df2260e896c30ef09fb7a962ec7ecf694e4762a16e5afd9cc86df57de4e8c82a7008bdefe6b82a3aae47b990d3fe2978481bae3a6a50

data/app/assets/stylesheets/promethee-edit/_move.sass

@@ -6,10 +6,12 @@
         line-height: 100%
         &__inner
             border: 1px solid #CCCCCC
-            min-height: 50px
+            display: flex
+            flex-direction: column
+            justify-content: center
+            min-height: 70px
             position: relative
             p.text-empty
-                line-height: 50px
                 margin-bottom: 0
         &--selected
             > .promethee-edit__component__inner

data/app/assets/stylesheets/promethee.sass

@@ -164,20 +164,26 @@ $black: #000000 !default
         // component direct in root
         &__page > &__blockquote,
         &__page > &__cover
-            .promethee__component__content
-                @extend .col-md-8
-                @extend .offset-md-2 !optional
-                @extend .col-md-offset-2 !optional
+            .promethee__component
+                &__row
+                    @extend .row
+                &__content
+                    @extend .col-md-8
+                    @extend .offset-md-2 !optional
+                    @extend .col-md-offset-2 !optional
 
         &__page > &__aside,
         &__page > &__faq,
         &__page > &__image,
         &__page > &__text,
         &__page > &__video
-            .promethee__component__content
-                @extend .col-md-10
-                @extend .offset-md-1 !optional
-                @extend .col-md-offset-1 !optional
+            .promethee__component
+                &__row
+                    @extend .row
+                &__content
+                    @extend .col-md-10
+                    @extend .offset-md-1 !optional
+                    @extend .col-md-offset-1 !optional
 
 
         @media screen and (max-width: 767.98px)
@@ -187,6 +193,9 @@ $black: #000000 !default
             &__page > &__video
                 padding-left: 0
                 padding-right: 0
+                .promethee__component__row
+                    margin-left: 0
+                    margin-right: 0
                 .promethee__component__content
                     padding-left: 0
                     padding-right: 0

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

@@ -53,11 +53,17 @@ promethee_masters_multiple = Promethee::Data::MastersMultiple.new master_data, o
     $scope.data = <%= promethee_data.to_json.html_safe %>;
     $scope.masters = mastersMultiple;
     $scope.masters.set(<%= promethee_masters_multiple.to_json.html_safe %>);
+
     $scope.$watch('data', function(new_val, old_val) {
       if (old_val != new_val) {
         window.warnBeforeUnload.lock();
       }
     }, true);
+
+    $scope.freezeData = function (data) {
+      return JSON.parse(JSON.stringify(data));
+    };
+
     $scope.copyTranslations = function(event) {
       event.preventDefault();
       if (confirm('Warning: this will overwrite every translations!')) {
@@ -97,7 +103,9 @@ promethee_masters_multiple = Promethee::Data::MastersMultiple.new master_data, o
      ng-controller="PrometheeLocalizerController as prometheeLocalizerController">
 
   <script type="text/ng-template" id="promethee/localize/component">
-    <span class="hidden d-none">{{ master = masters.masterForComponent(component) }}</span>
+    <span class="hidden d-none" ng-init="frozen_component = freezeData(component)">
+      {{ master = masters.masterForComponent(component) }}
+    </span>
     <ng-include src="'promethee/components/' + component.type + '/localize'"></ng-include>
   </script>
 

data/app/views/promethee/components/aside/_edit.inspect.html.erb

@@ -17,9 +17,9 @@
   <div class="form-group">
     <label class="label-control">Button label position</label>
     <div>
-      <label class="radio-inline"> <input ng-model="promethee.inspected.attributes.open_label_position.value" type="radio" value="left" />Left </label>
-      <label class="radio-inline"> <input ng-model="promethee.inspected.attributes.open_label_position.value" type="radio" value="center" />Center </label>
-      <label class="radio-inline"> <input ng-model="promethee.inspected.attributes.open_label_position.value" type="radio" value="right" />Right </label>
+      <label class="radio-inline form-check form-check-inline"> <input ng-model="promethee.inspected.attributes.open_label_position.value" type="radio" value="left" class="form-check-input" />Left </label>
+      <label class="radio-inline form-check form-check-inline"> <input ng-model="promethee.inspected.attributes.open_label_position.value" type="radio" value="center" class="form-check-input" />Center </label>
+      <label class="radio-inline form-check form-check-inline"> <input ng-model="promethee.inspected.attributes.open_label_position.value" type="radio" value="right" class="form-check-input" />Right </label>
     </div>
   </div>
 </script>

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

@@ -14,7 +14,7 @@
     </div>
   </div>
 
-  <div class="row" ng-show="master.attributes.collapsed_content.value">
+  <div class="row" ng-show="master.attributes.collapsed_content.value || frozen_component.attributes.collapsed_content.value">
     <div class="col-md-6">
       <b>Aside collapsed content</b>
       <div ng-bind-html="master.attributes.collapsed_content.value | htmlSafe"></div>
@@ -27,7 +27,7 @@
     </div>
   </div>
 
-  <div class="row" ng-show="master.attributes.collapsed_content.value">
+  <div class="row" ng-show="master.attributes.open_label.value || frozen_component.attributes.open_label.value">
     <div class="col-md-6">
       <b>Button label</b>
       <div ng-bind-html="master.attributes.open_label.value | htmlSafe"></div>

data/app/views/promethee/components/aside/_show.html.erb

@@ -5,7 +5,8 @@
   open_label_position = component[:attributes].dig(:open_label_position, :value)&.to_s
 %>
 
-<aside class="<%= promethee_class_for component %> aside">
+<aside  class="<%= promethee_class_for component %> aside"
+        id="<%= promethee_id_for component %>">
   <div class="promethee__component__row">
     <div class="promethee__component__content">
         <div class="aside__content">

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

@@ -1,5 +1,5 @@
 <script type="text/ng-template" id="promethee/components/blockquote/localize">
-  <div ng-show="master.attributes.body.value">
+  <div ng-show="master.attributes.body.value || frozen_component.attributes.body.value">
     <hr>
     <div class="row">
       <div class="col-md-6">
@@ -15,7 +15,7 @@
     </div>
   </div>
 
-  <div class="row" ng-show="master.attributes.author.value">
+  <div class="row" ng-show="master.attributes.author.value || frozen_component.attributes.author.value">
     <div class="col-md-6">
       <b>Author</b>
       <p>{{master.attributes.author.value}}</p>

data/app/views/promethee/components/blockquote/_show.html.erb

@@ -3,7 +3,8 @@
   author = component[:attributes].dig(:author, :value)&.to_s
 %>
 
-<div class="<%= promethee_class_for(component) %>">
+<div  class="<%= promethee_class_for(component) %>"
+      id="<%= promethee_id_for component %>">
   <div class="promethee__component__row">
     <div class="promethee__component__content">
       <blockquote class="blockquote">

data/app/views/promethee/components/collection/_edit.inspect.html.erb

@@ -3,16 +3,16 @@
     <label class="label-control">Items per line (on desktop):</label>
     <div class="row">
       <div class="col-xs-2 col-2">
-        <input ng-model="promethee.inspected.attributes.items_per_line.value" type="radio" ng-value="2"> 2
+        <label class="radio-inline form-check form-check-inline"><input ng-model="promethee.inspected.attributes.items_per_line.value" type="radio" ng-value="2" class="form-check-input">2</label>
       </div>
       <div class="col-xs-2 col-2">
-        <input ng-model="promethee.inspected.attributes.items_per_line.value" type="radio" ng-value="3"> 3
+        <label class="radio-inline form-check form-check-inline"><input ng-model="promethee.inspected.attributes.items_per_line.value" type="radio" ng-value="3" class="form-check-input">3</label>
       </div>
       <div class="col-xs-2 col-2">
-        <input ng-model="promethee.inspected.attributes.items_per_line.value" type="radio" ng-value="4"> 4
+        <label class="radio-inline form-check form-check-inline"><input ng-model="promethee.inspected.attributes.items_per_line.value" type="radio" ng-value="4" class="form-check-input">4</label>
       </div>
       <div class="col-xs-2 col-2">
-        <input ng-model="promethee.inspected.attributes.items_per_line.value" type="radio" ng-value="6"> 6
+        <label class="radio-inline form-check form-check-inline"><input ng-model="promethee.inspected.attributes.items_per_line.value" type="radio" ng-value="6" class="form-check-input">6</label>
       </div>
     </div>
   </div>

data/app/views/promethee/components/collection/_show.html.erb

@@ -12,7 +12,8 @@
   end
 %>
 
-<div class="row <%= promethee_class_for component %>">
+<div  class="row <%= promethee_class_for component %>"
+      id="<%= promethee_id_for component %>">
   <% component[:children].each.with_index do |child, n| %>
     <div class="<%= col_classes %>">
         <%= render 'promethee/show/component', component: child %>

data/app/views/promethee/components/collection_item/_edit.inspect.html.erb

@@ -2,8 +2,8 @@
   <div class="form-group">
     <label class="label-control">Media type</label>
     <div>
-      <label class="radio-inline"> <input ng-model="promethee.inspected.attributes.media_type.value" type="radio" value="image" />Image </label>
-      <label class="radio-inline"> <input ng-model="promethee.inspected.attributes.media_type.value" type="radio" value="video" />Video </label>
+      <label class="radio-inline form-check form-check-inline"> <input ng-model="promethee.inspected.attributes.media_type.value" type="radio" value="image" class="form-check-input" />Image </label>
+      <label class="radio-inline form-check form-check-inline"> <input ng-model="promethee.inspected.attributes.media_type.value" type="radio" value="video" class="form-check-input" />Video </label>
     </div>
   </div>
 

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

@@ -1,8 +1,8 @@
 <script type="text/ng-template" id="promethee/components/collection_item/localize">
-  <div ng-show="master.attributes.caption.value !== '' || master.attributes.media_type.value == 'video'">
+  <div ng-show="master.attributes.caption.value || frozen_component.attributes.caption.value || master.attributes.media_type.value == 'video'">
     <hr>
 
-    <div class="row" ng-show="master.attributes.caption.value !== ''">
+    <div class="row" ng-show="master.attributes.caption.value || frozen_component.attributes.caption.value">
       <div class="col-md-6">
         <b>Collection Item Caption</b>
         <div class="promethee-edit__wrapper" ng-bind-html="master.attributes.caption.value | htmlSafe"></div>

data/app/views/promethee/components/collection_item/_show.html.erb

@@ -17,8 +17,8 @@ when 'video'
   end
 end
 %>
-<div class="collection-item__content">
-
+<div  class="<%= promethee_class_for component %> collection-item__content"
+      id="<%= promethee_id_for component %>">
   <% if iframe_src.present? %>
   <div class="embed-responsive embed-responsive-16by9">
     <iframe frameborder="0" webkitallowfullscreen="" mozallowfullscreen="" allowfullscreen="allowfullscreen" src="<%= iframe_src %>"></iframe>
@@ -26,5 +26,7 @@ end
   <% elsif image_blob.present? %>
   <%= render 'promethee/show/image.srcset', blob: image_blob, alt: '', caption: caption %>
   <% end %>
-  <%= caption %>
+  <div class="collection-item__content__caption">
+    <%= caption %>
+  </div>
 </div>

data/app/views/promethee/components/column/_show.html.erb

@@ -41,6 +41,7 @@ if component[:attributes].dig(:mobile, :value, :enabled, :value)
   classes += " col-xs-#{size} col-xs-offset-#{offset}" # BS3, does nothing for BS4
 end
 %>
-<div class="<%= classes %> <%= promethee_class_for component %>">
+<div  class="<%= classes %> <%= promethee_class_for component %>"
+      id="<%= promethee_id_for component %>">
   <%= render 'promethee/show/components', components: component[:children] %>
 </div>

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

@@ -1,5 +1,5 @@
 <script type="text/ng-template" id="promethee/components/cover/localize">
-  <div ng-show="master.attributes.surtitle.value || master.attributes.title.value || master.attributes.subtitle.value">
+  <div ng-show="master.attributes.surtitle.value || frozen_component.attributes.surtitle.value || master.attributes.title.value || frozen_component.attributes.title.value || master.attributes.subtitle.value || frozen_component.attributes.subtitle.value">
     <hr>
 
     <div class="row">
@@ -8,7 +8,7 @@
       </div>
     </div>
 
-    <div class="row" ng-show="master.attributes.surtitle.value">
+    <div class="row" ng-show="master.attributes.surtitle.value || frozen_component.attributes.surtitle.value">
       <div class="col-md-6">
         <b>Surtitle</b>
         <p>{{master.attributes.surtitle.value}}</p>
@@ -21,7 +21,7 @@
       </div>
     </div>
 
-    <div class="row" ng-show="master.attributes.title.value">
+    <div class="row" ng-show="master.attributes.title.value || frozen_component.attributes.title.value">
       <div class="col-md-6">
         <b>Title</b>
         <p>{{master.attributes.title.value}}</p>
@@ -34,7 +34,7 @@
       </div>
     </div>
 
-    <div class="row" ng-show="master.attributes.subtitle.value">
+    <div class="row" ng-show="master.attributes.subtitle.value || frozen_component.attributes.subtitle.value">
       <div class="col-md-6">
         <b>Subtitle</b>
         <p>{{master.attributes.subtitle.value}}</p>

data/app/views/promethee/components/cover/_show.html.erb

@@ -5,7 +5,9 @@ surtitle = component[:attributes].dig(:surtitle, :value)&.to_s
 title = component[:attributes].dig(:title, :value)&.to_s
 subtitle = component[:attributes].dig(:subtitle, :value)&.to_s
 %>
-<div id="component-<%= component[:id] %>" class="<%= promethee_class_for(component) %>" style="background-image: url(<%= url_for(blob.variant(resize: '1920>', quality: 95)) if blob %>)">
+<div  class="<%= promethee_class_for(component) %>"
+      id="<%= promethee_id_for component %>"
+      style="background-image: url(<%= url_for(blob.variant(resize: '1920>', quality: 95)) if blob %>)">
     <div class="container">
       <div class="promethee__component__row">
         <div class="promethee__component__content">

data/app/views/promethee/components/faq/_show.html.erb

@@ -1,4 +1,5 @@
-<div class="<%= promethee_class_for component %>">
+<div  class="<%= promethee_class_for component %>"
+      id="<%= promethee_id_for component %>">
   <div class="promethee__component__row">
     <div class="promethee__component__content">
       <% component[:children].each do |child| %>

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

@@ -1,5 +1,5 @@
 <script type="text/ng-template" id="promethee/components/faq_item/localize">
-  <div ng-show="master.attributes.title.value">
+  <div ng-show="master.attributes.title.value || frozen_component.attributes.title.value">
     <hr>
     <div class="row">
       <div class="col-md-6">

data/app/views/promethee/components/faq_item/_show.html.erb

@@ -6,7 +6,8 @@ special_question = component[:attributes].dig(:special_question, :value)
 image_blob = blob_from_data component[:attributes].dig(:image, :value)
 %>
 
-<div class="<%= promethee_class_for component %> <%= 'promethee__component__faq_item--special' if special_question %>">
+<div  class="<%= promethee_class_for component %> <%= 'promethee__component__faq_item--special' if special_question %>"
+      id="<%= promethee_id_for component %>">
   <h4 data-toggle="collapse"
       data-target="#collapse-faq-<%= component[:id] %>"
       aria-expanded="false"

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

@@ -1,5 +1,5 @@
 <script type="text/ng-template" id="promethee/components/image/localize">
-  <div ng-show="master.attributes.alt.value || master.attributes.caption.value">
+  <div ng-show="master.attributes.alt.value || frozen_component.attributes.alt.value || master.attributes.caption.value || frozen_component.attributes.caption.value">
     <hr>
 
     <div class="row">
@@ -11,7 +11,7 @@
       </div>
     </div>
 
-    <div class="row" ng-show="master.attributes.caption.value">
+    <div class="row" ng-show="master.attributes.caption.value || frozen_component.attributes.caption.value">
       <div class="col-md-6">
         <b>Caption</b>
         <p>{{master.attributes.caption.value}}</p>
@@ -25,7 +25,7 @@
     </div>
   </div>
 
-  <div class="row" ng-show="master.attributes.alt.value">
+  <div class="row" ng-show="master.attributes.alt.value || frozen_component.attributes.alt.value">
     <div class="col-md-6">
       <b>Alt</b>
       <p>{{master.attributes.alt.value}}</p>

data/app/views/promethee/components/image/_show.html.erb

@@ -4,7 +4,8 @@ blob = blob_from_data component[:attributes].dig(:image, :value)
 alt = component[:attributes].dig(:alt, :value)&.to_s
 caption = component[:attributes].dig(:caption, :value)&.to_s
 %>
-<figure class="<%= promethee_class_for component %>">
+<figure class="<%= promethee_class_for component %>"
+        id="<%= promethee_id_for component %>">
   <div class="promethee__component__row">
     <div class="promethee__component__content">
       <%= render 'promethee/show/image.srcset', blob: blob, alt: alt, caption: caption if blob %>

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

@@ -15,7 +15,7 @@
       </div>
     </div>
 
-    <div class="row" ng-show="master.attributes.description.value">
+    <div class="row" ng-show="master.attributes.description.value || frozen_component.attributes.description.value">
       <div class="col-md-6">
         <div>
           <b>Page description</b>

data/app/views/promethee/components/page/_show.html.erb

@@ -11,6 +11,7 @@
   <script><%= javascripts %></script>
 <% end %>
 
-<div class="<%= promethee_class_for component %>">
+<div  class="<%= promethee_class_for component %>"
+      id="<%= promethee_id_for component %>">
   <%= render 'promethee/show/components', components: component[:children] %>
 </div>

data/app/views/promethee/components/row/_show.html.erb

@@ -22,6 +22,7 @@ end
 %>
 
 <div  class="row <%= promethee_class_for component %><%= ' promethee__component__row--background' if has_background %>"
+      id="<%= promethee_id_for component %>"
       style="background-color: <%= background_color %>; <%= background_images.count > 0 ? "background-repeat: no-repeat; background-image: #{background_images.join(', ')}; background-position: #{background_positions.join(', ')}; background-size: #{background_sizes.join(', ')};" : '' %>">
   <%= render 'promethee/show/components', components: component[:children] %>
 </div>

data/app/views/promethee/components/slider/_show.html.erb

@@ -1,4 +1,6 @@
-<div id="slider-<%= component[:id] %>" class="carousel slide <%= promethee_class_for component %>" data-ride="carousel">
+<div  class="carousel slide <%= promethee_class_for component %>"
+      id="<%= promethee_id_for component %>"
+      data-ride="carousel">
   <div class="carousel-inner">
     <% component[:children].each.with_index do |item, n| %>
     <div class="carousel-item item<%= ' active' if n.zero? %>">

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

@@ -1,8 +1,8 @@
 <script type="text/ng-template" id="promethee/components/slider_item/localize">
-  <div ng-show="master.attributes.caption.value !== '' || master.attributes.media_type.value == 'video'">
+  <div ng-show="master.attributes.caption.value || frozen_component.attributes.caption.value || master.attributes.media_type.value == 'video'">
     <hr>
 
-    <div class="row" ng-show="master.attributes.caption.value !== ''">
+    <div class="row" ng-show="master.attributes.caption.value || frozen_component.attributes.caption.value">
       <div class="col-md-6">
         <b>Slider Item Caption</b>
         <div class="promethee-edit__wrapper" ng-bind-html="master.attributes.caption.value | htmlSafe"></div>

data/app/views/promethee/components/slider_item/_show.html.erb

@@ -17,7 +17,8 @@ when 'video'
   end
 end
 %>
-<div class="carousel-item__content">
+<div class="<%= promethee_class_for component %> carousel-item__content"
+     id="<%= promethee_id_for component %>">
   <% if iframe_src.present? %>
   <div class="embed-responsive embed-responsive-16by9">
     <iframe frameborder="0" webkitallowfullscreen="" mozallowfullscreen="" allowfullscreen="allowfullscreen" src="<%= iframe_src %>"></iframe>
@@ -25,5 +26,7 @@ end
   <% elsif image_blob.present? %>
     <%= render 'promethee/show/image.srcset', blob: image_blob, alt: '', caption: caption %>
   <% end %>
-  <%= caption %>
+  <div class="carousel-item__content__caption">
+    <%= caption %>
+  </div>
 </div>

data/app/views/promethee/components/table/_show.html.erb

@@ -12,7 +12,8 @@
   headerRow = rows.shift
 %>
 
-<div id="component-<%= component[:id] %>" class="<%= promethee_class_for(component) %>">
+<div  class="<%= promethee_class_for(component) %>"
+      id="<%= promethee_id_for component %>">
   <% unless headerRow.nil? %>
     <div class="table-responsive">
       <table class="table">

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

@@ -1,14 +1,12 @@
 <script type="text/ng-template" id="promethee/components/table_cell/localize">
-  <div ng-show="master.attributes.text.value !== ''">
-    <div class="row mt-2" ng-show="master.attributes.text.value !== ''">
-      <div class="col-md-6">
-        <b>Text</b>
-        <p>{{ master.attributes.text.value }}</p>
-      </div>
-      <div class="col-md-6">
-        <b>Text</b>
-        <input class="form-control" ng-model="component.attributes.text.value" type="text">
-      </div>
+  <div class="row mt-2" ng-show="master.attributes.text.value || frozen_component.attributes.text.value">
+    <div class="col-md-6">
+      <b>Text</b>
+      <p>{{ master.attributes.text.value }}</p>
+    </div>
+    <div class="col-md-6">
+      <b>Text</b>
+      <input class="form-control" ng-model="component.attributes.text.value" type="text">
     </div>
   </div>
 </script>

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

@@ -1,5 +1,5 @@
 <script type="text/ng-template" id="promethee/components/text/localize">
-  <div ng-show="master.attributes.body.value">
+  <div ng-show="master.attributes.body.value || frozen_component.attributes.body.value">
     <hr>
     <div class="row">
       <div class="col-md-6">

data/app/views/promethee/components/text/_show.html.erb

@@ -1,7 +1,8 @@
 <%
 body = component[:attributes].dig(:body, :value)&.to_s&.html_safe
 %>
-<div class="<%= promethee_class_for component %>">
+<div  class="<%= promethee_class_for component %>"
+      id="<%= promethee_id_for component %>">
   <div class="promethee__component__row">
     <div class="promethee__component__content">
         <%= body %>

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

@@ -1,5 +1,5 @@
 <script type="text/ng-template" id="promethee/components/video/localize">
-  <div ng-show="master.attributes.url.value !== ''">
+  <div ng-show="master.attributes.url.value || frozen_component.attributes.url.value">
     <hr>
     <div class="row">
       <div class="col-md-6">

data/app/views/promethee/components/video/_show.html.erb

@@ -14,7 +14,8 @@ else
   iframe_src = url
 end
 %>
-<div class="<%= promethee_class_for component %>">
+<div  class="<%= promethee_class_for component %>"
+      id="<%= promethee_id_for component %>">
   <div class="promethee__component__row">
     <div class="promethee__component__content">
         <div class="embed-responsive embed-responsive-16by9">

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

@@ -2,7 +2,7 @@
   <label class="label-control"><%= label %></label>
   <div style="margin-left: 2px">
     <% values.each do |value| %>
-      <label class="radio-inline"> <input ng-model="<%= model %>" type="radio" value="<%= value %>" /><%= value.humanize %> </label>
+      <label class="radio-inline form-check form-check-inline"> <input ng-model="<%= model %>" type="radio" value="<%= value %>" class="form-check-input" /><%= value.humanize %> </label>
     <% end %>
   </div>
 </div>

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

@@ -3,7 +3,7 @@
 <%  image_width = blob.metadata.has_key?(:width) ? blob.metadata[:width] : ActiveStorage::Analyzer::ImageAnalyzer.new(blob).metadata[:width] %>
 
 <% if image_zoomable %>
-  <a data-fancybox title="<%= strip_tags(caption) %>" href="<%= fullsize_url %>">
+  <a data-fancybox="gallery" title="<%= strip_tags(caption) %>" href="<%= fullsize_url %>">
 <% end %>
     <img src="<%= fullsize_url %>"
         srcset="

data/lib/promethee/rails/helper.rb

@@ -3,7 +3,7 @@ module Promethee::Rails::Helper
     render partial: 'promethee/show', locals: { master_data: data, localization_data: options[:l] }
   end
 
-  def promethee_class_for component, *modifiers
+  def promethee_class_for(component, *modifiers)
     base = "promethee__component"
     component_base = "#{base}__#{component[:type]}"
 
@@ -14,6 +14,10 @@ module Promethee::Rails::Helper
     ].flatten.select(&:present?).join ' '
   end
 
+  def promethee_id_for(component)
+    "promethee-component-#{component[:id]}"
+  end
+
   def promethee_component_partials
     promethee_partials_for 'components/*/_edit.*.html.erb'
   end

data/lib/promethee/rails/version.rb

@@ -1,5 +1,5 @@
 module Promethee
   module Rails
-    VERSION = '4.1.5'
+    VERSION = '4.1.10'
   end
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: promethee
 version: !ruby/object:Gem::Version
-  version: 4.1.5
+  version: 4.1.10
 platform: ruby
 authors:
 - Sébastien Gaya
@@ -14,22 +14,28 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2020-04-03 00:00:00.000000000 Z
+date: 2020-09-02 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails
   requirement: !ruby/object:Gem::Requirement
     requirements:
-    - - "~>"
+    - - ">="
       - !ruby/object:Gem::Version
         version: 5.2.0
+    - - "<"
+      - !ruby/object:Gem::Version
+        version: '6.1'
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
-    - - "~>"
+    - - ">="
       - !ruby/object:Gem::Version
         version: 5.2.0
+    - - "<"
+      - !ruby/object:Gem::Version
+        version: '6.1'
 - !ruby/object:Gem::Dependency
   name: angularjs-rails
   requirement: !ruby/object:Gem::Requirement