promethee 4.1.28 → 5.0.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: fc61aa6d8dcd8e3718c08e592951ec341b36a0711a8e0d94c67604bd58e8db33
-  data.tar.gz: b8573d32516ef6fbb7e5b3ae298d1fb3d403f3ec00128978dd93e73038a18268
+  metadata.gz: 8e292e103c34c4f06ef0164ccc87dd4c41db7abfc4774fd0d901a17cf023041c
+  data.tar.gz: 4a087934dc16b629cfad1bcf62554a77b3fca18e4f25f2e240601b15d22cd0cd
 SHA512:
-  metadata.gz: 9041ebe7b6857c7f77b9ad6b9d112073d12fdf620f338b4a75adc701420f602a1e7dbd2a6b73e00d946760e33f4aebc941b611018b16b22a1d9c473b5ff760e2
-  data.tar.gz: ec4902d36afb6802d50fff4863394127037ec4f5aa21d6620f81f974a06bbb965452f4a99e8e8fa2df2cd6363f5e39baa5d8df978e628bac1c337802cb1ebd73
+  metadata.gz: fbae2b2a9f5ea6ac39f6c552b2648e625cdafd61061bcf35881212723a5cc865a3363dbb76b292a8fefafeef5b98c68a856acf2a415fd344ed973eae3f74cec8
+  data.tar.gz: d5fb29d2b2d840a98c4a6ffca7426474e18195d390e6b5b491d5a08ad5963d181c698733039be790487ce8b6927a6f2f5d693f79060375d74fdcf686da20380f

data/UPGRADING

@@ -1,9 +1,9 @@
 ###################################
-#  NOTE FOR UPGRADING TO 4.x.x  #
+#  NOTE FOR UPGRADING TO 5.x.x  #
 ###################################
 
-In Prométhée 4.0, to apply the correct sanitization process, every attribute has an explicit type.
-A rake task is available to upgrade your data.
+In Prométhée 5.0, having dots in partial names is deprecated.
+If you have custom components, you have to rename some of them.
 
 For more details, check the documentation:
-https://github.com/lespoupeesrusses/promethee/tree/master/doc
+https://github.com/lespoupeesrusses/promethee/tree/master/doc/RENAME_PARTIALS.md

data/app/views/promethee/components/aside/{_edit.move.html.erb → _edit_move.html.erb}

@@ -1,5 +1,5 @@
 <script type="text/ng-template" id="promethee/components/aside/edit/move">
-  <%= render 'promethee/edit/move.header', type: 'aside' %>
+  <%= render 'promethee/edit/move_header', type: 'aside' %>
       <aside  ng-show="component.attributes.collapsed_content.value"
               ng-init="collapsed = true">
         <div  ng-bind-html="component.attributes.visible_content.value | htmlSafe"></div>

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

@@ -1,12 +1,12 @@
 <script type="text/ng-template" id="promethee/components/aside/localize">
   <hr>
 
-  <div class="row">
+  <div class="row js-translation-element">
     <div class="col-md-6">
       <b>Aside visible content</b>
-      <div ng-bind-html="master.attributes.visible_content.value | htmlSafe"></div>
+      <div class="js-translation-source" data-type="text" ng-bind-html="master.attributes.visible_content.value | htmlSafe"></div>
     </div>
-    <div class="col-md-6">
+    <div class="col-md-6 js-translation-target">
       <div class="form-group">
         <b>Aside visible content</b>
         <summernote config="summernoteConfig" ng-model="component.attributes.visible_content.value"></summernote>
@@ -14,12 +14,12 @@
     </div>
   </div>
 
-  <div class="row" ng-show="master.attributes.collapsed_content.value || frozen_component.attributes.collapsed_content.value">
+  <div class="row js-translation-element" 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>
+      <div class="js-translation-source" data-type="text" ng-bind-html="master.attributes.collapsed_content.value | htmlSafe"></div>
     </div>
-    <div class="col-md-6">
+    <div class="col-md-6 js-translation-target">
       <div class="form-group">
         <b>Aside collapsed content</b>
         <summernote config="summernoteConfig" ng-model="component.attributes.collapsed_content.value"></summernote>
@@ -27,12 +27,12 @@
     </div>
   </div>
 
-  <div class="row" ng-show="master.attributes.open_label.value || frozen_component.attributes.open_label.value">
+  <div class="row js-translation-element" 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>
+      <div class="js-translation-source" data-type="string" ng-bind-html="master.attributes.open_label.value | htmlSafe"></div>
     </div>
-    <div class="col-md-6">
+    <div class="col-md-6 js-translation-target">
       <div class="form-group">
         <b>Button label</b>
         <input class="form-control" ng-model="component.attributes.open_label.value" type="text">

data/app/views/promethee/components/blockquote/{_edit.move.html.erb → _edit_move.html.erb}

@@ -1,5 +1,5 @@
 <script type="text/ng-template" id="promethee/components/blockquote/edit/move">
-  <%= render 'promethee/edit/move.header', type: 'blockquote' %>
+  <%= render 'promethee/edit/move_header', type: 'blockquote' %>
       <div class="row">
         <div class="col-md-12 blockquote" ng-bind-html="component.attributes.body.value | htmlSafe"></div>
 

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

@@ -1,12 +1,12 @@
 <script type="text/ng-template" id="promethee/components/blockquote/localize">
   <div ng-show="master.attributes.body.value || frozen_component.attributes.body.value">
     <hr>
-    <div class="row">
+    <div class="row js-translation-element">
       <div class="col-md-6">
         <b>Body</b>
-        <div ng-bind-html="master.attributes.body.value | htmlSafe"></div>
+        <div class="js-translation-source" data-type="text" ng-bind-html="master.attributes.body.value | htmlSafe"></div>
       </div>
-      <div class="col-md-6">
+      <div class="col-md-6 js-translation-target">
         <div class="form-group">
           <b>Body</b>
           <summernote config="summernoteConfig" ng-model="component.attributes.body.value"></summernote>
@@ -15,12 +15,12 @@
     </div>
   </div>
 
-  <div class="row" ng-show="master.attributes.author.value || frozen_component.attributes.author.value">
+  <div class="row js-translation-element" 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>
+      <p class="js-translation-source" data-type="string">{{master.attributes.author.value}}</p>
     </div>
-    <div class="col-md-6">
+    <div class="col-md-6 js-translation-target">
       <div class="form-group">
         <b>Author</b>
         <input class="form-control" ng-model="component.attributes.author.value" type="text">

data/app/views/promethee/components/collection/{_edit.move.html.erb → _edit_move.html.erb}

@@ -1,5 +1,5 @@
 <script type="text/ng-template" id="promethee/components/collection/edit/move">
-  <%= render 'promethee/edit/move.header', type: 'collection' %>
+  <%= render 'promethee/edit/move_header', type: 'collection' %>
       <div class="header">Collection</div>
       <div class="row" ng-controller="CollectionMoveController">
         <div class="col-md-{{size}}" ng-repeat-start="component in components">

data/app/views/promethee/components/collection_item/{_edit.move.html.erb → _edit_move.html.erb}

@@ -1,5 +1,5 @@
 <script type="text/ng-template" id="promethee/components/collection_item/edit/move">
-  <%= render 'promethee/edit/move.header', type: 'collection_item' %>
+  <%= render 'promethee/edit/move_header', type: 'collection_item' %>
       <div class="header">Collection Item</div>
       <div class="row">
         <div class="col-xs-12 col-12">

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

@@ -2,23 +2,23 @@
   <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 || frozen_component.attributes.caption.value">
+    <div class="row js-translation-element" 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>
+        <div class="promethee-edit__wrapper js-translation-source" data-type="text" ng-bind-html="master.attributes.caption.value | htmlSafe"></div>
       </div>
-      <div class="col-md-6">
+      <div class="col-md-6 js-translation-target">
         <b>Collection Item Caption</b>
         <summernote config="summernoteConfig" ng-model="component.attributes.caption.value"></summernote>
       </div>
     </div>
 
-    <div class="row" ng-show="master.attributes.media_type.value == 'video'">
+    <div class="row js-translation-element" ng-show="master.attributes.media_type.value == 'video'">
       <div class="col-md-6">
         <b>Video URL</b>
-        <div ng-bind-html="master.attributes.video.value | htmlSafe"></div>
+        <div class="js-translation-source" data-type="string" ng-bind-html="master.attributes.video.value | htmlSafe"></div>
       </div>
-      <div class="col-md-6">
+      <div class="col-md-6 js-translation-target">
         <b>Video URL</b>
         <input class="form-control" ng-model="component.attributes.video.value" type="text">
       </div>

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

@@ -24,7 +24,7 @@ end
     <iframe frameborder="0" webkitallowfullscreen="" mozallowfullscreen="" allowfullscreen="allowfullscreen" src="<%= iframe_src %>"></iframe>
   </div>
   <% elsif image_blob.present? %>
-  <%= render 'promethee/show/image.srcset', blob: image_blob, alt: '', title: '', caption: caption %>
+  <%= render 'promethee/show/image_srcset', blob: image_blob, alt: '', title: '', caption: caption %>
   <% end %>
   <div class="collection-item__content__caption">
     <%= caption %>

data/app/views/promethee/components/column/{_edit.inspect.html.erb → _edit_inspect.html.erb}

@@ -23,7 +23,7 @@
     </offset-input>
   </div>
 
-  <%= render 'promethee/edit/inspect.advanced' %>
+  <%= render 'promethee/edit/inspect_advanced' %>
     <div class="form-group">
       <input  id="column_edit_inspect_tablet_enabled"
               ng-model="promethee.inspected.attributes.tablet.value.enabled.value"

data/app/views/promethee/components/cover/{_edit.move.html.erb → _edit_move.html.erb}

@@ -1,5 +1,5 @@
 <script type="text/ng-template" id="promethee/components/cover/edit/move">
-  <%= render 'promethee/edit/move.header', type: 'cover' %>
+  <%= render 'promethee/edit/move_header', type: 'cover' %>
       <div  class=" promethee-edit__wrapper
                     promethee-edit__cover-content"
             style="background-image:url('{{ component.attributes.image.value.id ? '/promethee/blob/' + component.attributes.image.value.id : '' }}')">

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

@@ -8,12 +8,12 @@
       </div>
     </div>
 
-    <div class="row" ng-show="master.attributes.surtitle.value || frozen_component.attributes.surtitle.value">
+    <div class="row js-translation-element" 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>
+        <p class="js-translation-source" data-type="string">{{master.attributes.surtitle.value}}</p>
       </div>
-      <div class="col-md-6">
+      <div class="col-md-6 js-translation-target">
         <div class="form-group">
           <b>Surtitle</b>
           <input class="form-control" ng-model="component.attributes.surtitle.value" type="text">
@@ -21,12 +21,12 @@
       </div>
     </div>
 
-    <div class="row" ng-show="master.attributes.title.value || frozen_component.attributes.title.value">
+    <div class="row js-translation-element" 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>
+        <p class="js-translation-source" data-type="string">{{master.attributes.title.value}}</p>
       </div>
-      <div class="col-md-6">
+      <div class="col-md-6 js-translation-target">
         <div class="form-group">
           <b>Title</b>
           <input class="form-control" ng-model="component.attributes.title.value" type="text">
@@ -34,12 +34,12 @@
       </div>
     </div>
 
-    <div class="row" ng-show="master.attributes.subtitle.value || frozen_component.attributes.subtitle.value">
+    <div class="row js-translation-element" 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>
+        <p class="js-translation-source" data-type="string">{{master.attributes.subtitle.value}}</p>
       </div>
-      <div class="col-md-6">
+      <div class="col-md-6 js-translation-target">
         <div class="form-group">
           <b>Subtitle</b>
           <input class="form-control" ng-model="component.attributes.subtitle.value" type="text">

data/app/views/promethee/components/faq/{_edit.move.html.erb → _edit_move.html.erb}

@@ -1,5 +1,5 @@
 <script type="text/ng-template" id="promethee/components/faq/edit/move">
-  <%= render 'promethee/edit/move.header', type: 'faq' %>
+  <%= render 'promethee/edit/move_header', type: 'faq' %>
       <div class="header">FAQ</div>
       <div ng-controller="FaqMoveController">
         <div ng-repeat="component in components">

data/app/views/promethee/components/faq_item/{_edit.move.html.erb → _edit_move.html.erb}

@@ -1,5 +1,5 @@
 <script type="text/ng-template" id="promethee/components/faq_item/edit/move">
-  <%= render 'promethee/edit/move.header', type: 'faq_item' %>
+  <%= render 'promethee/edit/move_header', type: 'faq_item' %>
       <div class="header">FAQ Item</div>
       <div class="row promethee-edit__faq_item__content{{ component.attributes.special_question.value ? '--special' : '' }}">
         <div class="col-9 col-xs-9">

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

@@ -1,24 +1,24 @@
 <script type="text/ng-template" id="promethee/components/faq_item/localize">
   <div ng-show="master.attributes.title.value || frozen_component.attributes.title.value">
     <hr>
-    <div class="row">
+    <div class="row js-translation-element">
       <div class="col-md-6">
         <b>Title</b>
-        <p>{{master.attributes.title.value}}</p>
+        <p class="js-translation-source" data-type="string">{{master.attributes.title.value}}</p>
       </div>
-      <div class="col-md-6">
+      <div class="col-md-6 js-translation-target">
         <div class="form-group">
           <b>Title</b>
           <input class="form-control" ng-model="component.attributes.title.value" type="text">
         </div>
       </div>
     </div>
-    <div class="row">
+    <div class="row js-translation-element">
       <div class="col-md-6">
         <b>Body</b>
-        <div ng-bind-html="master.attributes.body.value | htmlSafe"></div>
+        <div class="js-translation-source" data-type="text" ng-bind-html="master.attributes.body.value | htmlSafe"></div>
       </div>
-      <div class="col-md-6">
+      <div class="col-md-6 js-translation-target">
         <div class="form-group">
           <b>Body</b>
           <summernote config="summernoteConfig" ng-model="component.attributes.body.value"></summernote>

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

@@ -19,7 +19,7 @@ image_blob = blob_from_data component[:attributes].dig(:image, :value)
     <% if image_blob %>
       <div class="row ">
         <div class="col-3 col-xs-3">
-          <%= render 'promethee/show/image.srcset', blob: image_blob, alt: '', title: '', caption: '' %>
+          <%= render 'promethee/show/image_srcset', blob: image_blob, alt: '', title: '', caption: '' %>
         </div>
         <div class="col-9 col-xs-9">
           <%= body %>

data/app/views/promethee/components/image/{_edit.inspect.html.erb → _edit_inspect.html.erb}

@@ -7,7 +7,7 @@
     <input class="form-control" ng-model="promethee.inspected.attributes.caption.value">
   </div>
 
-  <%= render 'promethee/edit/inspect.advanced' %>
+  <%= render 'promethee/edit/inspect_advanced' %>
     <div class="form-group">
       <label class="label-control">Alt</label>
       <input class="form-control" ng-model="promethee.inspected.attributes.alt.value">

data/app/views/promethee/components/image/{_edit.move.html.erb → _edit_move.html.erb}

@@ -1,5 +1,5 @@
 <script type="text/ng-template" id="promethee/components/image/edit/move">
-  <%= render 'promethee/edit/move.header', type: 'image' %>
+  <%= render 'promethee/edit/move_header', type: 'image' %>
       <figure ng-show="component.attributes.image.value.id">
         <img  ng-src="{{ component.attributes.image.value.id ? '/promethee/blob/' + component.attributes.image.value.id : '#' }}"
               class="img-fluid img-responsive">

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

@@ -11,12 +11,12 @@
       </div>
     </div>
 
-    <div class="row" ng-show="master.attributes.caption.value || frozen_component.attributes.caption.value">
+    <div class="row js-translation-element" 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>
+        <p class="js-translation-source" data-type="string">{{master.attributes.caption.value}}</p>
       </div>
-      <div class="col-md-6">
+      <div class="col-md-6 js-translation-target">
         <div class="form-group">
           <b>Caption</b>
           <input class="form-control" ng-model="component.attributes.caption.value" type="text">
@@ -25,12 +25,12 @@
     </div>
   </div>
 
-  <div class="row" ng-show="master.attributes.alt.value || frozen_component.attributes.alt.value">
+  <div class="row js-translation-element" 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>
+      <p class="js-translation-source" data-type="string">{{master.attributes.alt.value}}</p>
     </div>
-    <div class="col-md-6">
+    <div class="col-md-6 js-translation-target">
       <div class="form-group">
         <b>Alt</b>
         <input class="form-control" ng-model="component.attributes.alt.value" type="text">
@@ -38,12 +38,12 @@
     </div>
   </div>
 
-  <div class="row" ng-show="master.attributes.title.value || frozen_component.attributes.title.value">
+  <div class="row js-translation-element" 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>
+      <p class="js-translation-source" data-type="string">{{master.attributes.title.value}}</p>
     </div>
-    <div class="col-md-6">
+    <div class="col-md-6 js-translation-target">
       <div class="form-group">
         <b>Title</b>
         <input class="form-control" ng-model="component.attributes.title.value" type="text">

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

@@ -9,7 +9,7 @@ caption = component[:attributes].dig(:caption, :value)&.to_s
         id="<%= promethee_id_for component %>">
   <div class="promethee__component__row">
     <div class="promethee__component__content">
-      <%= render 'promethee/show/image.srcset', blob: blob, alt: alt, title: title, caption: caption if blob %>
+      <%= render 'promethee/show/image_srcset', blob: blob, alt: alt, title: title, caption: caption if blob %>
       <% unless caption.blank? %>
         <figcaption>
           <%= caption %>

data/app/views/promethee/components/page/{_edit.inspect.html.erb → _edit_inspect.html.erb}

@@ -11,7 +11,7 @@
     </div>
   <% end %>
 
-  <%= render 'promethee/edit/inspect.advanced' %>
+  <%= render 'promethee/edit/inspect_advanced' %>
     <promethee-uploader ng-model="promethee.inspected.attributes.thumbnail.value" label="Thumbnail" limits="'.jpg,.jpeg,.png,.gif'"></promethee-uploader>
 
     <div class="form-group">

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

@@ -2,12 +2,12 @@
   <% unless @disable_page_attributes %>
   <hr>
 
-    <div class="row">
+    <div class="row js-translation-element">
       <div class="col-md-6">
         <b>Page title</b>
-        <p>{{master.attributes.title.value}}</p><br>
+        <p class="js-translation-source" data-type="string">{{master.attributes.title.value}}</p><br>
       </div>
-      <div class="col-md-6">
+      <div class="col-md-6 js-translation-target">
         <div class="form-group">
           <b>Page title</b>
           <input class="form-control" ng-model="component.attributes.title.value" type="text">
@@ -15,14 +15,14 @@
       </div>
     </div>
 
-    <div class="row" ng-show="master.attributes.description.value || frozen_component.attributes.description.value">
+    <div class="row js-translation-element" ng-show="master.attributes.description.value || frozen_component.attributes.description.value">
       <div class="col-md-6">
         <div>
           <b>Page description</b>
-          <p>{{master.attributes.description.value}}</p>
+          <p class="js-translation-source" data-type="text">{{master.attributes.description.value}}</p>
         </div>
       </div>
-      <div class="col-md-6">
+      <div class="col-md-6 js-translation-target">
         <div class="form-group">
           <b>Page description</b>
           <textarea class="form-control" rows="6" ng-model="component.attributes.description.value"></textarea>

data/app/views/promethee/components/row/{_edit.inspect.html.erb → _edit_inspect.html.erb}

@@ -17,7 +17,7 @@
     </div>
   </div>
 
-  <%= render 'promethee/edit/inspect.advanced' %>
+  <%= render 'promethee/edit/inspect_advanced' %>
     <div class="form-group">
       <label  class="label-control">Background color</label>
       <input  ng-model="promethee.inspected.attributes.bgcolor.value"

data/app/views/promethee/components/row/{_edit.move.html.erb → _edit_move.html.erb}

@@ -1,5 +1,5 @@
 <script type="text/ng-template" id="promethee/components/row/edit/move">
-<%= render 'promethee/edit/move.header', type: 'row' %>
+<%= render 'promethee/edit/move_header', type: 'row' %>
     <div class="header">Row</div>
     <div class="row" ng-controller="RowMoveController">
       <div class="row__background row__background--color" ng-style="{'background': component.attributes.bgcolor.value}"></div>
@@ -20,7 +20,7 @@
                     offset-md-{{component.attributes.offset.value}}
                     col-md-offset-{{component.attributes.offset.value}}">
         <div class="promethee-edit__component__inner">
-          <%= render 'promethee/edit/move.remove' %>
+          <%= render 'promethee/edit/move_remove' %>
             <div class="header">Column {{$index + 1}}</div>
             <ng-include src="'promethee/move/components'"></ng-include>
             </div>

data/app/views/promethee/components/slider/{_edit.move.html.erb → _edit_move.html.erb}

@@ -1,5 +1,5 @@
 <script type="text/ng-template" id="promethee/components/slider/edit/move">
-  <%= render 'promethee/edit/move.header', type: 'slider' %>
+  <%= render 'promethee/edit/move_header', type: 'slider' %>
       <div class="header">Slider</div>
       <div ng-controller="SliderMoveController">
         <div ng-show="components.length" class="row carousel">

data/app/views/promethee/components/slider_item/{_edit.move.html.erb → _edit_move.html.erb}

@@ -1,5 +1,5 @@
 <script type="text/ng-template" id="promethee/components/slider_item/edit/move">
-  <%= render 'promethee/edit/move.header', type: 'slider_item' %>
+  <%= render 'promethee/edit/move_header', type: 'slider_item' %>
       <div class="header">Slider Item</div>
       <div class="row">
         <div class="col-12 col-xs-12">

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

@@ -2,23 +2,23 @@
   <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 || frozen_component.attributes.caption.value">
+    <div class="row js-translation-element" 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>
+        <div class="promethee-edit__wrapper js-translation-source" data-type="text" ng-bind-html="master.attributes.caption.value | htmlSafe"></div>
       </div>
-      <div class="col-md-6">
+      <div class="col-md-6 js-translation-target">
         <b>Slider Item Caption</b>
         <summernote config="summernoteConfig" ng-model="component.attributes.caption.value"></summernote>
       </div>
     </div>
 
-    <div class="row" ng-show="master.attributes.media_type.value == 'video'">
+    <div class="row js-translation-element" ng-show="master.attributes.media_type.value == 'video'">
       <div class="col-md-6">
         <b>Video URL</b>
-        <div ng-bind-html="master.attributes.video.value | htmlSafe"></div>
+        <div class="js-translation-source" data-type="string" ng-bind-html="master.attributes.video.value | htmlSafe"></div>
       </div>
-      <div class="col-md-6">
+      <div class="col-md-6 js-translation-target">
         <b>Video URL</b>
         <input class="form-control" ng-model="component.attributes.video.value" type="text">
       </div>

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

@@ -24,7 +24,7 @@ end
     <iframe frameborder="0" webkitallowfullscreen="" mozallowfullscreen="" allowfullscreen="allowfullscreen" src="<%= iframe_src %>"></iframe>
   </div>
   <% elsif image_blob.present? %>
-    <%= render 'promethee/show/image.srcset', blob: image_blob, alt: '', title: '', caption: caption, image_zoomable: false %>
+    <%= render 'promethee/show/image_srcset', blob: image_blob, alt: '', title: '', caption: caption, image_zoomable: false %>
   <% end %>
   <div class="carousel-item__content__caption">
     <%= caption %>

data/app/views/promethee/components/table/{_edit.move.html.erb → _edit_move.html.erb}

@@ -1,5 +1,5 @@
 <script type="text/ng-template" id="promethee/components/table/edit/move">
-  <%= render 'promethee/edit/move.header', type: 'table' %>
+  <%= render 'promethee/edit/move_header', type: 'table' %>
       <div class="table-responsive" ng-controller="TableMoveController">
         <table class="table">
           <thead>

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

@@ -1,10 +1,10 @@
 <script type="text/ng-template" id="promethee/components/table_cell/localize">
-  <div class="row mt-2" ng-show="master.attributes.text.value || frozen_component.attributes.text.value">
+  <div class="row mt-2 js-translation-element" ng-show="master.attributes.text.value || frozen_component.attributes.text.value">
     <div class="col-md-6">
       <b>Text</b>
-      <div ng-bind-html="master.attributes.text.value | htmlSafe"></div>
+      <div class="js-translation-source" data-type="text" ng-bind-html="master.attributes.text.value | htmlSafe"></div>
     </div>
-    <div class="col-md-6">
+    <div class="col-md-6 js-translation-target">
       <b>Text</b>
       <summernote config="summernoteConfig" ng-model="component.attributes.text.value"></summernote>
     </div>

data/app/views/promethee/components/text/{_edit.move.html.erb → _edit_move.html.erb}

@@ -1,5 +1,5 @@
 <script type="text/ng-template" id="promethee/components/text/edit/move">
-  <%= render 'promethee/edit/move.header', type: 'text' %>
+  <%= render 'promethee/edit/move_header', type: 'text' %>
       <div ng-bind-html="component.attributes.body.value | htmlSafe"></div>
     </div>
   </div>

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

@@ -1,12 +1,12 @@
 <script type="text/ng-template" id="promethee/components/text/localize">
   <div ng-show="master.attributes.body.value || frozen_component.attributes.body.value">
     <hr>
-    <div class="row">
+    <div class="row js-translation-element">
       <div class="col-md-6">
         <b>Text</b>
-        <div ng-bind-html="master.attributes.body.value | htmlSafe"></div>
+        <div class="js-translation-source" data-type="text" ng-bind-html="master.attributes.body.value | htmlSafe"></div>
       </div>
-      <div class="col-md-6">
+      <div class="col-md-6 js-translation-target">
         <b>Text</b>
         <summernote config="summernoteConfig" ng-model="component.attributes.body.value"></summernote>
       </div>

data/app/views/promethee/components/video/{_edit.move.html.erb → _edit_move.html.erb}

@@ -1,5 +1,5 @@
 <script type="text/ng-template" id="promethee/components/video/edit/move">
-  <%= render 'promethee/edit/move.header', type: 'video' %>
+  <%= render 'promethee/edit/move_header', type: 'video' %>
       <div ng-controller="VideoController">
         <div class="embed-responsive embed-responsive-16by9">
           <iframe ng-if="embed"

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

@@ -1,12 +1,12 @@
 <script type="text/ng-template" id="promethee/components/video/localize">
   <div ng-show="master.attributes.url.value || frozen_component.attributes.url.value">
     <hr>
-    <div class="row">
+    <div class="row js-translation-element">
       <div class="col-md-6">
         <b>URL</b>
-        <div ng-bind-html="master.attributes.url.value | htmlSafe"></div>
+        <div class="js-translation-source" data-type="string" ng-bind-html="master.attributes.url.value | htmlSafe"></div>
       </div>
-      <div class="col-md-6">
+      <div class="col-md-6 js-translation-target">
         <div class="form-group">
           <b>URL</b>
           <input class="form-control" ng-model="component.attributes.url.value" type="text">

data/app/views/promethee/edit/{_move.header.html.erb → _move_header.html.erb}

@@ -3,4 +3,4 @@
       ng-class="{'promethee-edit__component--selected': promethee.inspected === component}"
       class="<%= promethee_bem_classes 'promethee-edit__component', "--#{type}" %>">
   <div class="promethee-edit__component__inner">
-    <%= render 'promethee/edit/move.remove' %>
+    <%= render 'promethee/edit/move_remove' %>