scrivito_elastic_slider_widget 0.92.0 → 0.92.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 01ca99f1f6533ec6dbbb4942e87319eef06e1136
-  data.tar.gz: 08c914aa9db2bb257c5f9dd96823f2f0f471002f
+  metadata.gz: f358b84072c49b0812b7443c3e739dc9ba6cabf1
+  data.tar.gz: 21e7ee125288295573f01222f50c10945807c05e
 SHA512:
-  metadata.gz: f1db4b083c58a0c8dab2e4a1cd691a68a833cb192873dae7029e0144d9772e1c57a4b990843f0905fec8f0695e576b5264e64618198459eb6dd6f5973d159ef7
-  data.tar.gz: 40c3e602d7888983fdaaf5aec613a751eb760ac5c5e312a6b4841a9c3edaa8a97d22593c486b26b91e01064f766bf66eaee0d582dec48b815df06162243da4fc
+  metadata.gz: 22e118cc3c23136e79ea2bc8d8768cceef9e490916f47b4bc7d3ecb01c9ea49984c65ff16c27024b726407528ee196b907344232882fd1a750828d083433a688
+  data.tar.gz: 8e171200c37b82bcda81c29991671fae88151541c5fcc0bbc4030a68e01a1adc66e9a17f82c95745bd4e0b26ecec0dfde819ab4508ae13ee965ed90dcecfcdf3

data/app/models/elastic_slider_panel_widget.rb

@@ -17,4 +17,22 @@ class ElasticSliderPanelWidget < Widget
     [ElasticSliderWidget]
   end
 
+  def transform_for_desktop(width)
+    if container.slider_height.to_i > 100
+      image.binary.transform(width: width, height: self.height, fit: :crop, crop: :center)
+    else
+      image.binary.transform(width: width)
+    end
+  end
+
+  def fallback_transform
+    if container.slider_height.to_i > 100
+      return { width: 1920, height: self.height, fit: :crop, crop: :center }
+    end
+  end
+
+  def height
+    h = container.slider_height.to_i
+    h > 100 ? h+200 : image.meta_data[:height] # 50vh, 100vh is dynamic, no height calculation possible
+  end
 end

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

@@ -1,5 +1,22 @@
 <div class="item <%= widget.additional_classes(params) %>">
-  <%= scrivito_image_tag widget, :image %>
+  <picture>
+    <source media='(max-width: 400px) and (orientation: portrait)'
+     sizes='100vw'
+     srcset='<%= widget.image.binary.transform(width: 400, height: widget.height, fit: :crop, crop: :center).url %>'>
+
+    <source media='(max-width: 768px)'
+     sizes='100vw'
+     srcset='<%= widget.image.binary.transform(width: 768, height: widget.height, fit: :crop, crop: :center).url %>'>
+
+    <source media='(min-width: 668px) and (max-width: 991px)'
+      sizes='100vw'
+      srcset='<%= widget.transform_for_desktop(991).url %>'>
+
+    <source media='(min-width: 991px) and (max-width: 1200px)'
+      sizes='100vw'
+      srcset='<%= widget.transform_for_desktop(1200).url %>'>
+    <%= scrivito_image_tag widget, :image, {class: 'img-responsive'}, transform: widget.fallback_transform %>
+  </picture>
   <div class="carousel-caption">
     <div class="content">
       <%= scrivito_tag :div, widget, :panel_content %>

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

@@ -5,4 +5,4 @@
 
   <h3>Panels</h3>
   <%= scrivito_tag :div, widget, :panels %>
-<% end %>
+<% end %>

data/lib/scrivito_elastic_slider_widget/version.rb

@@ -1,3 +1,3 @@
 module ScrivitoElasticSliderWidget
-  VERSION = "0.92.0"
+  VERSION = "0.92.1"
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: scrivito_elastic_slider_widget
 version: !ruby/object:Gem::Version
-  version: 0.92.0
+  version: 0.92.1
 platform: ruby
 authors:
 - Scrivito
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2016-12-07 00:00:00.000000000 Z
+date: 2017-04-03 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: bundler
@@ -94,7 +94,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
       version: '0'
 requirements: []
 rubyforge_project: 
-rubygems_version: 2.4.5
+rubygems_version: 2.5.1
 signing_key: 
 specification_version: 4
 summary: A Widget for Scrivito delivering an Elastic Slider.