scrivito_space_widget 1.3.0 → 1.4.0.rc1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 900acb2c308cf81d9445b69161694390a24e64d0
-  data.tar.gz: 6d9e68bdd8f5a52b5394986ad98a6bc27342ae59
+  metadata.gz: 5a2e1a2a77c21b6b9b0e3d0c1f1728e455cc1bdc
+  data.tar.gz: 61ea7187d3b237cbf7d2de18b199ac7b1c2ed8b7
 SHA512:
-  metadata.gz: 80490bb74aaf536cc1f4bbc16f0962e49aec52b79d3c14a2f4690cb3435f4dd3f1e7a55f3d3671a91b6941711744685ccc0a1ec8929286a3bb656912ff5e56fa
-  data.tar.gz: 0cdc553870a5bb19f4fd418de1ff07e2156349479b341abfb731633bc653822fef55f5f34fd18990e6926f058c74665f34ca0ec0d30f3c072e7fc7116fb62ef4
+  metadata.gz: dbce72e780a0b44710480dd8d4e60e1db68cd6c8aafb205f3ca2390519ce7461de4d36db1909187d0135bf236aaa657084f14d49b040431440e796fbf2df889d
+  data.tar.gz: 3b0dd0cfe9132ef5e79f8c2101e0dae703ce84febb5e9ad0e1785ba5467017a682d8af08f2d149d609b177e890df77ba684342597da2b958ad2002222cc2154f

data/app/assets/javascripts/scrivito_space_widget.js

@@ -0,0 +1,58 @@
+(function($, App) {
+  'use strict';
+
+  var ScrivitoHandleDrag = {
+    init_function: function(drag_handle) {
+      var widget = $(drag_handle).siblings('hr');
+      var cms_field = $(drag_handle).prev();
+      var clicked = false;
+      var pos;
+      var cms_field;
+      var max_height = parseInt($(drag_handle).data('scrivito-space-widget-max-size'));
+      var min_height = parseInt($(drag_handle).data('scrivito-space-widget-min-size'));
+      var step_size = parseInt($(drag_handle).data('scrivito-space-widget-step-size'));
+      var distance = step_size;
+      var to_save = 0;
+      var value = widget.height();
+      var size_field = $(drag_handle).next();
+
+      $(drag_handle).on('mousedown', function(event) {
+        clicked = true;
+        pos = event.pageY;
+      });
+
+      $('body').on('mousemove', function(event) {
+        if(clicked) {
+          event.preventDefault();
+          distance -= event.pageY - pos;
+          value += event.pageY - pos;
+          if(Math.abs(distance) >= step_size) {
+            var n = distance < 0 ? -1 : 1;
+            to_save = value - n*(distance%step_size);
+            to_save = Math.max(min_height,Math.min(to_save, max_height))
+            $(size_field).html(to_save+"px");
+            widget.css('height', to_save+"px");
+            distance -= step_size;
+          }
+          pos = event.pageY;
+        }
+      });
+
+      $('body').on('mouseup', function() {
+        if(clicked) {
+          cms_field.scrivito('save', to_save+'px');
+          clicked = false;
+        }
+      });
+    }
+  }
+
+
+
+  scrivito.on('content', function() {
+    if(scrivito.in_editable_view()) {
+      $.each($('.scrivito-space-widget-handle'), function(i,e) { ScrivitoHandleDrag.init_function(e) });
+    }
+  });
+
+})(jQuery, this);

data/app/assets/stylesheets/scrivito_space_widget.scss

@@ -0,0 +1,78 @@
+hr.scrivito-space-widget {
+  border: 0;
+  margin: 0;
+  clear: both;
+}
+
+hr.scrivito-space-widget.xs-small {
+  padding: 5px 0;
+}
+
+hr.scrivito-space-widget.small {
+  padding: 10px 0;
+}
+
+hr.scrivito-space-widget.medium {
+  padding: 20px 0;
+}
+
+hr.scrivito-space-widget.large {
+  padding: 30px 0;
+}
+
+hr.scrivito-space-widget.xl-large {
+  padding: 40px 0;
+}
+
+hr.scrivito-space-widget.xxl-large {
+  padding: 50px 0;
+}
+
+.scrivito-space-widget-size {
+  margin: 0;
+  padding: 0;
+  font-size: 10px;
+  line-height: 10px;
+  position: absolute;
+  bottom: 35px;
+  left: 20px;
+  right: 20px;
+  text-align: center;
+  opacity: 0;
+}
+
+.scrivito-space-widget-handle {
+  margin: 0;
+  padding: 0;
+  height: 5px;
+  background-color: #4f4f4f;
+  position: absolute;
+  bottom: 21px;
+  opacity: 0;
+  left: 20px;
+  right: 20px;
+  &:before {
+    content: '⬍';
+    position: absolute;
+    margin-left: 50%;
+    left: -10px;
+    width: 20px;
+    height: 20px;
+    border-radius: 50%;
+    top: -8px;
+    background-color: #4f4f4f;
+    color: white;
+    text-align: center;
+    font-weight: bold;
+    padding-top: 0.5px;
+    font-size: 20px;
+    line-height: 20px;
+    cursor: ns-resize;
+    padding-left: 1px;
+  }
+}
+
+[data-scrivito-widget-obj-class="SpaceWidget"]:hover .scrivito-space-widget-handle,
+[data-scrivito-widget-obj-class="SpaceWidget"]:hover .scrivito-space-widget-size {
+  opacity: 1.0;
+}

data/app/models/space_widget.rb

@@ -1,6 +1,14 @@
 class SpaceWidget < Widget
   attribute :size, :enum, values: ['free','xs-small','small','medium','large','xl-large','xxl-large'], default: 'medium'
-  attribute :free_size, :string
+  attribute :free_size, :string, default: '48px';
+
+  default_for :free_size do |a,b|
+    ScrivitoSpaceWidget.configuration.default
+  end
+
+  default_for :size do |a,b|
+    ScrivitoSpaceWidget.configuration.default_free_size
+  end
 
   def space_free_size
     size == 'free' ? self.free_size : ''

data/app/views/space_widget/show.html.erb

@@ -1 +1,6 @@
-<hr class="space-widget <%= widget.space_size %>" style="height: <%= widget.space_free_size %>">
+<hr class="scrivito-space-widget space-widget <%= widget.space_size %>" style="height: <%= widget.space_free_size %>">
+<% if scrivito_in_editable_view? && widget.size == 'free' %>
+  <%= scrivito_tag :div, widget, :free_size, class: 'hidden' %>
+  <div class="scrivito-space-widget-handle" data-scrivito-space-widget-max-size="<%= ScrivitoSpaceWidget.configuration.max_size %>" data-scrivito-space-widget-min-size="<%= ScrivitoSpaceWidget.configuration.min_size %>" data-scrivito-space-widget-step-size="<%= ScrivitoSpaceWidget.configuration.step_size %>"></div>
+  <div class="scrivito-space-widget-size"><%= widget.free_size %></div>
+<% end %>

data/lib/scrivito_space_widget.rb

@@ -1,4 +1,21 @@
 require "scrivito_space_widget/engine"
+require "scrivito_space_widget/configuration"
 
-module ScrivitoSpacing
+
+module ScrivitoSpaceWidget
+  class << self
+    attr_writer :configuration
+  end
+
+  def self.configuration
+    @configuration ||= Configuration.new
+  end
+
+  def self.reset
+    @configuration = Configuration.new
+  end
+
+  def self.configure
+    yield(configuration)
+  end
 end

data/lib/scrivito_space_widget/configuration.rb

@@ -0,0 +1,17 @@
+module ScrivitoSpaceWidget
+  class Configuration
+    attr_accessor :max_size
+    attr_accessor :min_size
+    attr_accessor :step_size
+    attr_accessor :default
+    attr_accessor :default_free_size
+
+    def initialize
+      @max_size = "700"
+      @min_size = "50"
+      @step_size = "10"
+      @default = "medium"
+      @default_free_size = "100px"
+    end
+  end
+end

data/lib/scrivito_space_widget/version.rb

@@ -1,3 +1,3 @@
 module ScrivitoSpaceWidget
-  VERSION = "1.3.0"
+  VERSION = "1.4.0.rc1"
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: scrivito_space_widget
 version: !ruby/object:Gem::Version
-  version: 1.3.0
+  version: 1.4.0.rc1
 platform: ruby
 authors:
 - Scrivito
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2016-11-21 00:00:00.000000000 Z
+date: 2016-12-05 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: scrivito
@@ -34,12 +34,14 @@ files:
 - LICENSE
 - Rakefile
 - app/assets/images/widgets/scrivito_space_widget.png
-- app/assets/stylesheets/scrivito_space_widget.css
+- app/assets/javascripts/scrivito_space_widget.js
+- app/assets/stylesheets/scrivito_space_widget.scss
 - app/models/space_widget.rb
 - app/views/space_widget/details.html.erb
 - app/views/space_widget/show.html.erb
 - app/views/space_widget/thumbnail.html.erb
 - lib/scrivito_space_widget.rb
+- lib/scrivito_space_widget/configuration.rb
 - lib/scrivito_space_widget/engine.rb
 - lib/scrivito_space_widget/version.rb
 - lib/tasks/scrivito_space_widget_tasks.rake
@@ -59,9 +61,9 @@ required_ruby_version: !ruby/object:Gem::Requirement
       version: '0'
 required_rubygems_version: !ruby/object:Gem::Requirement
   requirements:
-  - - ">="
+  - - ">"
     - !ruby/object:Gem::Version
-      version: '0'
+      version: 1.3.1
 requirements: []
 rubyforge_project: 
 rubygems_version: 2.4.5

data/app/assets/stylesheets/scrivito_space_widget.css

@@ -1,29 +0,0 @@
-hr.space-widget {
-  border: 0;
-  margin: 0;
-  clear: both;
-}
-
-hr.space-widget.xs-small {
-  padding: 5px 0;
-}
-
-hr.space-widget.small {
-  padding: 10px 0;
-}
-
-hr.space-widget.medium {
-  padding: 20px 0;
-}
-
-hr.space-widget.large {
-  padding: 30px 0;
-}
-
-hr.space-widget.xl-large {
-  padding: 40px 0;
-}
-
-hr.space-widget.xxl-large {
-  padding: 50px 0;
-}