scrivito_section_widgets 0.0.16 → 0.0.17

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 60a7151697d264d7e7b7d574b8c29f46a7224819
-  data.tar.gz: 299c525995c795b85111a209ea43a8f59ac61545
+  metadata.gz: 51fbd2e71f117e6c7c4c2bea949c20836795d98f
+  data.tar.gz: ab9a2a08e8a690dbd9e07af85dae04accb06206c
 SHA512:
-  metadata.gz: abce720f60e09b78f64edec1cd67d94ce9ae7036fa2ef4dbbff63417922d2c7add427038f98a4ca3b1674509ff6c298ed03d155ff4143c40adfb35345b12e26b
-  data.tar.gz: 172ba07397f5e87df469f2de2e5ab1f1dd81a7efdf3d4a10df3d30dcf1c0379aa24d4096e9f4f3ee04e53f96b76e1d9b39e3f592122379f369cd425a737e50d9
+  metadata.gz: dced368dddc188d551226899ee057d4b49e99d5d74985c4f486a74b6ef38df3f3174ee81823c36725cec52cb64c283c5d58592c2dea3df5103f583278323ee66
+  data.tar.gz: 570b120430a4dd05e06a73d59cfd5b6cb5d9d96471df424777a0ccd938e8389904bbc214adc44473ab9ac1c3a9792aaf67d0058013e19822618b020041dc3049

data/app/assets/javascripts/scrivito_section_widgets/parallax.js

@@ -6,30 +6,32 @@ $(function(){
    || window.msRequestAnimationFrame
    || function(f){setTimeout(f, 1000/60)}
 
-  var elems = $(".parallax-image");
+  scrivito.on('content', function() {
+    var images = $(".parallax-image");
 
-  if($('body').width() > 1024) {
-    set_background_positions(elems);
+    if($('body').width() > 1024) {
+      set_background_positions(images);
 
-    $(window).on('scroll', function(event) {
-      window.requestAnimationFrame(function(){ set_background_positions(elems); });
-    });
-  } else {
-    set_dimension(elems);
-  }
+      $(window).on('scroll', function(event) {
+        window.requestAnimationFrame(function(){ set_background_positions(images); });
+      });
+    } else {
+      set_dimension(images);
+    }
 
-  $(window).on('resize', function(event) {
-    set_dimension(elems);
+    $(window).on('resize', function(event) {
+      set_dimension(images);
+    });
   });
 });
 
-function set_dimension(elems) {
+function set_dimension(images) {
   var height = 0;
   var container = null;
 
-  $.each(elems, function(i, elem) {
-    container = $(elem).parents('.parallax');
-    height = $(elem).get(0).clientHeight / 1.3;
+  $.each(images, function(i, image) {
+    container = $(image).parents('.parallax');
+    height = $(image).get(0).clientHeight / 1.3;
 
     if(height > 0) {
       container.css({
@@ -39,28 +41,38 @@ function set_dimension(elems) {
   });
 }
 
-function set_background_positions(elems) {
-  $.each(elems, function(i, elem) {
-    set_background_position(elem);
+function set_background_positions(images) {
+  $.each(images, function(i, image) {
+    set_background_position(image);
   });
 }
 
-function set_background_position(elem) {
-  $(elem).css({
-    '-webkit-transform': calulate_position(elem),
-    '-ms-transform': calulate_position(elem),
-    '-o-transform': calulate_position(elem),
-    '-moz-transform': calulate_position(elem),
-    'transform': calulate_position(elem),
-  });
+function set_background_position(image) {
+  var value = $(image).data('parallax-speed');
+  if(!(value == "fixed" || value == "deactivate")) {
+    var data = calulate_position(image, value);
+    $(image).css({
+      '-webkit-transform': data,
+      '-ms-transform': data,
+      '-o-transform': data,
+      '-moz-transform': data,
+      'transform': data,
+    });
+  }
 }
 
-function calulate_position(elem) {
-  var speed = 0.5;
-  var value = (caluclate_offset(elem) * speed) + "px";
+function calulate_position(image, value) {
+  var speed = data_to_speed(value);
+  var value = (caluclate_offset(image) * speed) + "px";
   return 'translate3d(0px, '+ value +', 0px)'
 }
 
-function caluclate_offset(elem) {
-  return window.pageYOffset - $(elem).offset().top;
+function caluclate_offset(image) {
+  return window.pageYOffset - $(image).offset().top;
 }
+
+function data_to_speed(value) {
+  if(value == "fast") return 0.6;
+  if(value == "slow") return 0.1;
+  return 0.3;
+}

data/app/assets/stylesheets/scrivito_section_widgets/parallax_section.css

@@ -11,6 +11,10 @@
   height: auto;
 }
 
+.scrivito_section_parallax_widget.parallax_speed_fixed .parallax-image {
+  position: fixed;
+}
+
 .scrivito_section_video_widget video {
   width: 100%;
   display: block;

data/app/models/section_parallax_widget.rb

@@ -2,4 +2,5 @@ class SectionParallaxWidget < Widget
   attribute :section_content, :widgetlist
   attribute :background_image, :reference
   attribute :height, :string
+  attribute :speed, :enum, values: ["fixed", "slow", "medium", "fast", "deactivate"], default: "medium"
 end

data/app/views/section_parallax_widget/details.html.erb

@@ -2,6 +2,10 @@
   <%= scrivito_tag(:div, widget, :background_image) %>
 <% end %>
 
+<%= scrivito_details_for 'Speed' do %>
+  <%= scrivito_toggle_button_editor(widget, :speed) %>
+<% end %>
+
 <%= scrivito_details_for 'Height' do %>
   <%= scrivito_tag(:div, widget, :height) %>
 <% end %>

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

@@ -1,4 +1,4 @@
-<section class="parallax scrivito_section_parallax_widget" style="height: <%= widget.height %>; max-height: <%= widget.height %>">
-  <%= scrivito_image_tag widget, :background_image, class: "parallax-image" %>
+<section class="parallax scrivito_section_parallax_widget parallax_speed_<%= widget.speed %>" style="height: <%= widget.height %>; max-height: <%= widget.height %>">
+  <%= scrivito_image_tag widget, :background_image, class: "parallax-image", data: { parallax_speed: widget.speed } %>
   <%= scrivito_tag(:div, widget, :section_content, class: 'container') %>
 </section>

data/lib/scrivito_section_widgets/version.rb

@@ -1,3 +1,3 @@
 module ScrivitoSectionWidgets
-  VERSION = "0.0.16"
+  VERSION = "0.0.17"
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: scrivito_section_widgets
 version: !ruby/object:Gem::Version
-  version: 0.0.16
+  version: 0.0.17
 platform: ruby
 authors:
 - Scrivito
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2015-07-09 00:00:00.000000000 Z
+date: 2015-07-27 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: bundler