promethee 3.0.2 → 4.0.0

data/app/services/promethee/structure_upgrader/components/text.rb

@@ -0,0 +1,25 @@
+# Text Component
+# ================
+#
+# V3
+# -----
+#
+# {
+#   searchable_body: '<p>Edit me</p>'
+# }
+#
+
+module Promethee::StructureUpgrader::Components
+  class Text < Base
+    def upgraded_attributes
+      {
+        'body' => {
+          'searchable' => true,
+          'translatable' => true,
+          'type' => 'text',
+          'value' => attribute('searchable_body')
+        }
+      }
+    end
+  end
+end

data/app/services/promethee/structure_upgrader/components/video.rb

@@ -0,0 +1,32 @@
+# Video  Component
+# ================
+#
+# V3
+# -----
+#
+# {
+#   url: 'https://vimeo.com/115082758',
+#   autoplay: false
+# }
+#
+
+module Promethee::StructureUpgrader::Components
+  class Video < Base
+    def upgraded_attributes
+      {
+        'url' => {
+          'searchable' => false,
+          'translatable' => true,
+          'type' => 'string',
+          'value' => string_attribute('url')
+        },
+        'autoplay' => {
+          'searchable' => false,
+          'translatable' => false,
+          'type' => 'boolean',
+          'value' => attribute('autoplay')
+        }
+      }
+    end
+  end
+end

data/app/services/promethee/structure_upgrader_service.rb

@@ -0,0 +1,110 @@
+class Promethee::StructureUpgraderService
+  BASE_COMPONENTS = {
+    aside: Promethee::StructureUpgrader::Components::Aside,
+    blockquote: Promethee::StructureUpgrader::Components::Blockquote,
+    collection: Promethee::StructureUpgrader::Components::Collection,
+    collection_item: Promethee::StructureUpgrader::Components::CollectionItem,
+    column: Promethee::StructureUpgrader::Components::Column,
+    cover: Promethee::StructureUpgrader::Components::Cover,
+    faq: Promethee::StructureUpgrader::Components::Faq,
+    faq_item: Promethee::StructureUpgrader::Components::FaqItem,
+    image: Promethee::StructureUpgrader::Components::Image,
+    page: Promethee::StructureUpgrader::Components::Page,
+    row: Promethee::StructureUpgrader::Components::Row,
+    slider: Promethee::StructureUpgrader::Components::Slider,
+    slider_item: Promethee::StructureUpgrader::Components::SliderItem,
+    table: Promethee::StructureUpgrader::Components::Table,
+    table_cell: Promethee::StructureUpgrader::Components::TableCell,
+    text: Promethee::StructureUpgrader::Components::Text,
+    video: Promethee::StructureUpgrader::Components::Video
+  }
+
+  attr_accessor :objects
+
+  def initialize(model_name)
+    begin
+      model_class = model_name.constantize
+      objects = model_class.all
+    rescue
+      puts 'Please provide a valid model name (e.g. `rake promethee:upgrade_structure[Page]`)'
+      exit
+    end
+    @objects = objects
+  end
+
+  def start
+    puts '= START STRUCTURE UPGRADE ='
+    puts "Number of objects: #{objects.count}"
+    i = 0
+    objects.each do |object|
+      next unless can_process?(object.data)
+      i += 1
+      process_object(object)
+    end
+    puts "Number of processed objects: #{i}"
+    puts '====== END UPGRADER ========'
+  end
+
+  def process_object(object)
+    puts "Processing object ##{object.id}"
+
+    object.data = object.data.has_key?('components')  ? process_localization(object.data)
+                                                      : process_component(object.data)
+    object.save
+    puts "End processing object ##{object.id}"
+  end
+
+  def process_localization(data)
+    data['components'].map! { |component|
+      process_localization_component(component)
+    }
+
+    # We remove the possible children to concatenate them to the list
+    children = []
+    data['components'].each { |component|
+      children.concat component.delete('children').to_a
+    }
+    data['components'].concat children
+
+    data
+  end
+
+  def process_localization_component(component)
+    upgraded_component = process_component(component)
+    # We only keep the translatable attributes
+    upgraded_component['attributes'].keep_if { |key, object_value| object_value['translatable'] }
+    upgraded_component
+  end
+
+  def process_component(data)
+    component_type = data['type']
+    component_upgrader = search_component(component_type).new(data)
+
+    data = component_upgrader.upgraded_data
+    data['children'].map! { |child| process_component(child) } if data.has_key? 'children'
+
+    data
+  end
+
+  protected
+
+  def can_process?(data)
+    data.is_a?(Hash) && (data.has_key?("components") || data.has_key?("children"))
+  end
+
+  def search_component(type)
+    component = components_library[type.to_sym]
+
+    puts "Component <#{type}> not found." if component.nil?
+    component
+  end
+
+  def components_library
+    @components_library ||= BASE_COMPONENTS.merge(custom_components)
+  end
+
+  def custom_components
+    # Overriden in derivated services
+    {}
+  end
+end

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

@@ -68,10 +68,39 @@ promethee.controller('PrometheeController', ['$scope', 'summernoteConfig', 'pres
       id: $scope.generateIdentifier(),
       type: 'page',
       attributes: {
-        searchable_title: 'New page',
-        searchable_description: '',
-        stylesheets: '',
-        javascripts: ''
+        title: {
+          searchable: true,
+          translatable: true,
+          type: 'string',
+          value: 'New page'
+        },
+        description: {
+          searchable: true,
+          translatable: true,
+          type: 'text',
+          value: ''
+        },
+        thumbnail: {
+          searchable: false,
+          translatable: false,
+          type: 'blob',
+          value: {
+            id: undefined,
+            name: ''
+          }
+        },
+        stylesheets: {
+          searchable: false,
+          translatable: false,
+          type: 'string',
+          value: ''
+        },
+        javascripts: {
+          searchable: false,
+          translatable: false,
+          type: 'string',
+          value: ''
+        }
       },
       children: []
     };
@@ -93,6 +122,7 @@ promethee.controller('PrometheeController', ['$scope', 'summernoteConfig', 'pres
 
   $scope.addComponentByType = function(type, target, index = -1) {
     var definition = $scope.findDefinitionByType(type);
+
     $scope.addComponent(definition, target, index);
   }
 

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

@@ -58,6 +58,36 @@ promethee_masters_multiple = Promethee::Data::MastersMultiple.new master_data, o
         window.warnBeforeUnload.lock();
       }
     }, true);
+    $scope.copyTranslations = function(event) {
+      event.preventDefault();
+      if (confirm('Warning: this will overwrite every translations!')) {
+        // TODO: ne prendre que les objets utiles/clés utiles
+        for (i = 0; i < $scope.masters.current.components.length; i += 1) {
+          var master_component = $scope.masters.current.components[i];
+          var master_component_attributes = master_component['attributes'];
+          var attributes = {};
+          // console.log(master_component_attributes);
+          for (const attribute_key in master_component_attributes) {
+            var attribute = master_component_attributes[attribute_key];
+            if (attribute['translatable']) {
+              attributes[attribute_key] = attribute;
+            }
+          }
+          // console.log(attributes);
+          var target_component = $scope.data.components.filter(function (component) {
+            return component['id'] === master_component['id'];
+          })[0];
+
+          if (!target_component) {
+            console.log('not found');
+            continue;
+          }
+
+          target_component['attributes'] = JSON.parse(JSON.stringify(attributes));
+        }
+        console.log($scope.data.components);
+      }
+    }
   }]);
 </script>
 
@@ -79,12 +109,13 @@ promethee_masters_multiple = Promethee::Data::MastersMultiple.new master_data, o
 
   <div class="row">
     <div class="col-md-6">
-      <b ng-hide="masters.multiple()">Master</b>
-      <select ng-show="masters.multiple()" ng-model="masters.current" class="form-control do-not-warn-before-unload">
+      <b ng-hide="masters.multiple()">{{masters.all[0].title}}</b>
+      <select ng-show="masters.multiple()" ng-model="masters.current" class="float-left pull-left form-control do-not-warn-before-unload reference-choice">
         <option ng-repeat="master in masters.all" ng-value="master">{{master.title}}</option>
       </select>
+      <button class="btn btn-sm ml-1 btn-outline-success translation-copy" ng-click="copyTranslations($event)">Copy texts &gt;&gt;</button>
     </div>
-    <div class="col-md-6"><b>Translation</b></div>
+    <div class="col-md-6"><h3>Translation</h3></div>
   </div>
   <div ng-repeat="component in data.components">
     <ng-include src="'promethee/localize/component'"></ng-include>

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

@@ -8,10 +8,35 @@
       data: {
         type: 'aside',
         attributes: {
-          searchable_visible_content: '<p>Edit me</p>',
-          searchable_collapsed_content: '',
-          searchable_open_label: 'See more',
-          open_label_position: 'left'
+          visible_content: {
+            searchable: true,
+            translatable: true,
+            type: 'text',
+            value: '<p>Edit me</p>'
+          },
+          collapsed_content: {
+            searchable: true,
+            translatable: true,
+            type: 'text',
+            value: ''
+          },
+          open_label: {
+            searchable: true,
+            translatable: true,
+            type: 'string',
+            value: 'See more'
+          },
+          open_label_position: {
+            collection: [
+              { label: 'Left', value: 'left' },
+              { label: 'Center', value: 'center' },
+              { label: 'Right', value: 'right' }
+            ],
+            searchable: false,
+            translatable: false,
+            type: 'enum',
+            value: 'left'
+          }
         },
         children: []
       }

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

@@ -1,25 +1,25 @@
 <script type="text/ng-template" id="promethee/components/aside/edit/inspect">
   <div class="form-group">
     <label class="label-control">Visible content</label>
-    <summernote config="summernoteConfig" ng-model="promethee.inspected.attributes.searchable_visible_content"></summernote>
+    <summernote config="summernoteConfig" ng-model="promethee.inspected.attributes.visible_content.value"></summernote>
   </div>
 
   <div class="form-group">
     <label class="label-control">Collapsed content</label>
-    <summernote config="summernoteConfig" ng-model="promethee.inspected.attributes.searchable_collapsed_content"></summernote>
+    <summernote config="summernoteConfig" ng-model="promethee.inspected.attributes.collapsed_content.value"></summernote>
   </div>
 
   <div class="form-group">
     <label class="label-control">Button label</label>
-    <input ng-model="promethee.inspected.attributes.searchable_open_label" class="form-control" type="text"/>
+    <input ng-model="promethee.inspected.attributes.open_label.value" class="form-control" type="text"/>
   </div>
 
   <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" type="radio" value="left" />Left </label>
-      <label class="radio-inline"> <input ng-model="promethee.inspected.attributes.open_label_position" type="radio" value="center" />Center </label>
-      <label class="radio-inline"> <input ng-model="promethee.inspected.attributes.open_label_position" type="radio" value="right" />Right </label>
+      <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>
     </div>
   </div>
 </script>

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

@@ -1,17 +1,17 @@
 <script type="text/ng-template" id="promethee/components/aside/edit/move">
   <%= render 'promethee/edit/move.header', type: 'aside' %>
-      <aside  ng-show="component.attributes.searchable_collapsed_content"
+      <aside  ng-show="component.attributes.collapsed_content.value"
               ng-init="collapsed = true">
-        <div  ng-bind-html="component.attributes.searchable_visible_content | htmlSafe"></div>
+        <div  ng-bind-html="component.attributes.visible_content.value | htmlSafe"></div>
         <div  ng-hide="collapsed"
-              ng-bind-html="component.attributes.searchable_collapsed_content | htmlSafe"></div>
+              ng-bind-html="component.attributes.collapsed_content.value | htmlSafe"></div>
         <a    class="btn btn-default btn-light btn-block"
-              ng-class="component.attributes.open_label_position"
+              ng-class="component.attributes.open_label_position.value"
               ng-click="collapsed = !collapsed"
-              ng-bind-html="component.attributes.searchable_open_label | htmlSafe"></a>
+              ng-bind-html="component.attributes.open_label.value | htmlSafe"></a>
       </aside>
-      <aside  ng-hide="component.attributes.searchable_collapsed_content"
-              ng-bind-html="component.attributes.searchable_visible_content | htmlSafe"></aside>
+      <aside  ng-hide="component.attributes.collapsed_content.value"
+              ng-bind-html="component.attributes.visible_content.value | htmlSafe"></aside>
     </div>
   </div>
 </script>

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

@@ -4,38 +4,38 @@
   <div class="row">
     <div class="col-md-6">
       <b>Aside visible content</b>
-      <div ng-bind-html="master.attributes.searchable_visible_content | htmlSafe"></div>
+      <div ng-bind-html="master.attributes.visible_content.value | htmlSafe"></div>
     </div>
     <div class="col-md-6">
       <div class="form-group">
-        <label class="label-control">Aside visible content</label>
-        <summernote config="summernoteConfig" ng-model="component.attributes.searchable_visible_content"></summernote>
+        <b>Aside visible content</b>
+        <summernote config="summernoteConfig" ng-model="component.attributes.visible_content.value"></summernote>
       </div>
     </div>
   </div>
 
-  <div class="row" ng-show="master.attributes.searchable_collapsed_content">
+  <div class="row" ng-show="master.attributes.collapsed_content.value">
     <div class="col-md-6">
       <b>Aside collapsed content</b>
-      <div ng-bind-html="master.attributes.searchable_collapsed_content | htmlSafe"></div>
+      <div ng-bind-html="master.attributes.collapsed_content.value | htmlSafe"></div>
     </div>
     <div class="col-md-6">
       <div class="form-group">
-        <label class="label-control">Aside collapsed content</label>
-        <summernote config="summernoteConfig" ng-model="component.attributes.searchable_collapsed_content"></summernote>
+        <b>Aside collapsed content</b>
+        <summernote config="summernoteConfig" ng-model="component.attributes.collapsed_content.value"></summernote>
       </div>
     </div>
   </div>
 
-  <div class="row" ng-show="master.attributes.searchable_collapsed_content">
+  <div class="row" ng-show="master.attributes.collapsed_content.value">
     <div class="col-md-6">
       <b>Button label</b>
-      <div ng-bind-html="master.attributes.searchable_open_label | htmlSafe"></div>
+      <div ng-bind-html="master.attributes.open_label.value | htmlSafe"></div>
     </div>
     <div class="col-md-6">
       <div class="form-group">
-        <label class="label-control">Button label</label>
-        <input class="form-control" ng-model="component.attributes.searchable_open_label" type="text">
+        <b>Button label</b>
+        <input class="form-control" ng-model="component.attributes.open_label.value" type="text">
       </div>
     </div>
   </div>

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

@@ -1,21 +1,21 @@
 <%
-  searchable_visible_content = component[:attributes][:searchable_visible_content].to_s
-  searchable_collapsed_content = component[:attributes][:searchable_collapsed_content].to_s
-  searchable_open_label = component[:attributes][:searchable_open_label].to_s
-  open_label_position = component[:attributes][:open_label_position].to_s
+  visible_content = component[:attributes].dig(:visible_content, :value)&.to_s&.html_safe
+  collapsed_content = component[:attributes].dig(:collapsed_content, :value)&.to_s&.html_safe
+  open_label = component[:attributes].dig(:open_label, :value)&.to_s
+  open_label_position = component[:attributes].dig(:open_label_position, :value)&.to_s
 %>
 
 <aside class="<%= promethee_class_for component %> aside">
-  <%= searchable_visible_content.html_safe %>
+  <%= visible_content %>
 
-  <% if searchable_collapsed_content.present? %>
+  <% if collapsed_content.present? %>
 
       <div class="collapse aside__collapse" id="aside-collapse-<%= component[:id] %>">
-        <%= searchable_collapsed_content.html_safe %>
+        <%= collapsed_content %>
       </div>
 
       <div class="aside__button aside__button--<%= open_label_position %>">
-        <a href="#aside-collapse-<%= component[:id] %>" data-toggle="collapse"><%= searchable_open_label %></a>
+        <a href="#aside-collapse-<%= component[:id] %>" data-toggle="collapse"><%= open_label %></a>
       </div>
 
   <% end %>