promethee 1.3.3 → 1.3.4

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 902ef153c7edb11dc449989cff22fe1ff9b2d4f7
-  data.tar.gz: 9c6f76ba43f6761d37d24bbbf613e9ae67c4df61
+  metadata.gz: 7955b615d27de7cf927b25e9fa721acac50c37b9
+  data.tar.gz: 53e2078a00d2c2dd0267bd0b537cf8a50266b03b
 SHA512:
-  metadata.gz: 4ceabedc7cef16000d12a659335773f52012c867e4ac677d0b32027d93052d8ee10fa348932c9c8f15d80ae7103e6f6f1d4fcda948cd5ba5a1b4cb0578a0af2e
-  data.tar.gz: 404071b9638443c6c7fb9cc1e711ee90c9d7fa203687b0a569d4e88f772d5cc0068d4e8ebf2594055ca9b7357d45ea21f80e782ebade6bd4ddfd8917ca3fa5f6
+  metadata.gz: 5dfde6d734baa766de799da0264d5f88bab75571054824451ff6c012f2760dc30c4568c2329027b35d815db3ddd42b2ebd041364de3133133c7d96a35ec51a8d
+  data.tar.gz: 81e1f56b1325137efe691e5ec29e4f3a252ce9b116d01fbb30d1140460dbd72fe9098ed682415fc86cc9f8d673bcd0ac94842b8505b4fd786d84c6efc978b607

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

@@ -0,0 +1,17 @@
+<%
+  init = <<~JAVASCRIPT
+    promethee.definitions.push({
+      name: 'Collection',
+      icon: #{render('promethee/components/collection/icon').to_json.html_safe},
+      data: {
+        type: 'collection',
+        attributes: {
+          items_per_line: 6
+        },
+        children: []
+      }
+    })
+  JAVASCRIPT
+%>
+
+<%= content_tag :div, nil, 'ng-init': init %>

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

@@ -0,0 +1,51 @@
+<script type="text/ng-template" id="promethee/components/collection/edit/inspect">
+  <b>Desktop</b>
+  <div class="form-group">
+    <label class="label-control">Items per line: {{promethee.inspected.attributes.items_per_line}}</label>
+    <input ng-model="promethee.inspected.attributes.items_per_line" type="range" min="2" max="12">
+  </div>
+
+  <div ui-sortable ng-model="promethee.inspected.children">
+    <div
+      class="panel panel-default"
+      ng-repeat="component in promethee.inspected.children"
+    >
+      <div class="panel-body">
+        <div class="row">
+          <div class="col-xs-9">
+            <span class="label label-default">#{{$index + 1}}</span>
+            <span class="label label-info">{{component.type}}</span>
+          </div>
+          <div class="col-xs-3">
+            <ng-include src="'promethee/move/component'"></ng-include>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+
+  <div class="pull-right btn-toolbar" ng-controller="CollectionInspectorController">
+    <span ng-repeat="definition in itemDefinitions" class="btn btn-default" ng-click="addItem(definition)">Add {{definition.name}}</span>
+  </div>
+</script>
+
+<script>
+  promethee.controller('CollectionInspectorController', ['$scope', 'identifier', function($scope, identifier) {
+    var availableComponents = ['image', 'video'];
+
+    $scope.itemDefinitions = $scope.promethee.definitions.filter(function(definition) {
+      return availableComponents.includes(definition.data.type);
+    });
+
+    var clone = function(object) {
+      return JSON.parse(JSON.stringify(object));
+    }
+
+    $scope.addItem = function(definition) {
+      var item = JSON.parse(JSON.stringify(definition.data));
+      item.id = identifier.generate();
+
+      $scope.promethee.inspected.children.push(item);
+    }
+  }])
+</script>

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

@@ -0,0 +1,29 @@
+<script type="text/ng-template" id="promethee/components/collection/edit/move">
+  <%= render 'promethee/edit/move.header', type: 'collection' %>
+      <div class="header">Collection</div>
+      <div class="row" ng-controller="CollectionMoveController" ng-init="parent_id = component.id; parent_type = component.type; components = component.children">
+        <div class="col-md-{{size}}" ng-repeat-start="component in components">
+          <ng-include src="'promethee/move/component'"></ng-include>
+        </div>
+        <div class="clearfix" ng-if="$index%itemsPerLine === itemsPerLine - 1" ng-repeat-end></div>
+      </div>
+    </div>
+  </div>
+</script>
+
+<script>
+  promethee.controller('CollectionMoveController', ['$scope', function($scope) {
+    Object.defineProperties($scope, {
+      itemsPerLine: {
+        get: function() {
+          return $scope.component.attributes.items_per_line;
+        }
+      },
+      size: {
+        get: function() {
+          return Math.floor(12/$scope.itemsPerLine);
+        }
+      }
+    });
+  }]);
+</script>

data/app/views/promethee/components/collection/_icon.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100">
+  <path fill="#FFF" d="M84.5,32 L84.5,69 L15.5,69 L15.5,32 L84.5,32 L84.5,32 Z M86.5,30 L13.5,30 L13.5,71 L86.5,71 L86.5,30 L86.5,30 Z M81.5,35 L81.5,50 L66.5,50 L66.5,35 L81.5,35 Z M67.5,49 L80.5,49 L80.5,36 L67.5,36 L67.5,49 Z M65.5,35 L65.5,50 L50.5,50 L50.5,35 L65.5,35 Z M51.5,49 L64.5,49 L64.5,36 L51.5,36 L51.5,49 Z M49.5,35 L49.5,50 L34.5,50 L34.5,35 L49.5,35 Z M35.5,36 L35.5,49 L48.5,49 L48.5,36 L35.5,36 Z M33.5,35 L33.5,50 L18.5,50 L18.5,35 L33.5,35 Z M19.5,36 L19.5,49 L32.5,49 L32.5,36 L19.5,36 Z M81.5,51 L81.5,66 L66.5,66 L66.5,51 L81.5,51 Z M67.5,65 L80.5,65 L80.5,52 L67.5,52 L67.5,65 Z M65.5,51 L65.5,66 L50.5,66 L50.5,51 L65.5,51 Z M51.5,65 L64.5,65 L64.5,52 L51.5,52 L51.5,65 Z M49.5,51 L49.5,66 L34.5,66 L34.5,51 L49.5,51 Z M35.5,52 L35.5,65 L48.5,65 L48.5,52 L35.5,52 Z M33.5,51 L33.5,66 L18.5,66 L18.5,51 L33.5,51 Z M19.5,52 L19.5,65 L32.5,65 L32.5,52 L19.5,52 Z"/>
+</svg>

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

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

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

@@ -0,0 +1,15 @@
+<%
+  items_per_line = component[:attributes][:items_per_line]
+  size = (12.0/items_per_line.to_f).floor
+%>
+
+<div class="row <%= promethee_class_for component %>">
+  <% component[:children].each.with_index do |child, n| %>
+    <div class="col-md-<%= size %>">
+        <%= render 'promethee/show/component', component: child %>
+    </div>
+    <% if n%items_per_line === items_per_line - 1 %>
+      <div class="clearfix"></div>
+    <% end %>
+  <% end %>
+</div>

data/app/views/promethee/components/column/_icon.svg

@@ -1,3 +1,3 @@
 <svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100">
-  <path fill="#FFF" d="M82,27.5 L82,72.5 L18.9,72.5 L18.9,27.5 L82,27.5 Z M19.9,28.5 L19.9,71.5 L81,71.5 L81,28.5 L19.9,28.5 Z M87,23 L87,77 L14,77 L14,23 L87,23 Z M85,25 L16,25 L16,75 L85,75 L85,25 Z M50.5,40.6 C45.3,40.6 41.1,44.8 41.1,50 C41.1,55.2 45.3,59.4 50.5,59.4 C55.7,59.4 59.9,55.2 59.9,50 C59.9,44.8 55.7,40.6 50.5,40.6 L50.5,40.6 Z M50.5,41.6 C55.1,41.6 58.9,45.4 58.9,50 C58.9,54.6 55.1,58.4 50.5,58.4 C45.9,58.4 42.1,54.6 42.1,50 C42.1,45.4 45.9,41.6 50.5,41.6 L50.5,41.6 Z M47.7,44.6 L47.7,55.4 L56.8,50 L47.7,44.6 Z"/>
+  <path fill="#FFF" d="M81.4,31 L81.4,70 L66.4,70 L66.4,31 L81.4,31 Z M67.4,69 L80.4,69 L80.4,32 L67.4,32 L67.4,69 Z M65.3,31 L65.3,70 L50.3,70 L50.3,31 L65.3,31 Z M51.3,69 L64.3,69 L64.3,32 L51.3,32 L51.3,69 Z M49.1,31 L49.1,70 L34.1,70 L34.1,31 L49.1,31 Z M35.1,32 L35.1,69 L48.1,69 L48.1,32 L35.1,32 Z M33,31 L33,70 L18,70 L18,31 L33,31 Z M19,32 L19,69 L32,69 L32,32 L19,32 Z"/>
 </svg>

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

@@ -1,8 +1,8 @@
 <script type="text/ng-template" id="promethee/components/slider/edit/move">
   <%= render 'promethee/edit/move.header', type: 'slider' %>
       <div class="header">Slider</div>
-      <div class="row">
-        <div class="col-md-2" ng-repeat-start="component in component.children">
+      <div class="row" ng-init="parent_id = component.id; parent_type = component.type; components = component.children">
+        <div class="col-md-2" ng-repeat-start="component in components">
           <ng-include src="'promethee/move/component'"></ng-include>
         </div>
         <div class="clearfix" ng-if="$index%6 === 5" ng-repeat-end></div>

data/lib/promethee/rails/version.rb

@@ -1,5 +1,5 @@
 module Promethee
   module Rails
-    VERSION = '1.3.3'
+    VERSION = '1.3.4'
   end
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: promethee
 version: !ruby/object:Gem::Version
-  version: 1.3.3
+  version: 1.3.4
 platform: ruby
 authors:
 - Julien Dargelos
@@ -187,6 +187,12 @@ files:
 - app/views/promethee/components/aside/_icon.svg
 - app/views/promethee/components/aside/_localize.html.erb
 - app/views/promethee/components/aside/_show.html.erb
+- app/views/promethee/components/collection/_edit.define.html.erb
+- app/views/promethee/components/collection/_edit.inspect.html.erb
+- app/views/promethee/components/collection/_edit.move.html.erb
+- app/views/promethee/components/collection/_icon.svg
+- app/views/promethee/components/collection/_localize.html.erb
+- app/views/promethee/components/collection/_show.html.erb
 - app/views/promethee/components/column/_edit.define.html.erb
 - app/views/promethee/components/column/_edit.inspect.html.erb
 - app/views/promethee/components/column/_edit.move.html.erb