scrivito_section_widgets 0.0.1

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: 94c46ee676623f6c048799e29e5d9d676d5257ae
+  data.tar.gz: 6e03a2ebb3d02d5940735d334879b681507ec05d
+SHA512:
+  metadata.gz: ffb70f685617ffe9bce8dcc4f4b13b409096cb01cddeeb46ef4885ce7e1e5c4f61b53af39393ad90e30daab6f7efe884a4f6868ec3e762bac478ba594aed3039
+  data.tar.gz: bc3dde259750f09290b5a7c9241f3dbc8fc1b93ddb575740bd38eda9cc3fb594896b7712bcb1d36d2a8610a7827625658be0066b255aede4a229458d7f86e0f6

data/LICENSE

@@ -0,0 +1,4 @@
+Copyright (c) 2009 - 2014 Infopark AG (http://www.infopark.com)
+
+This software can be used and modified under the LGPL-3.0. Please refer to
+http://www.gnu.org/licenses/lgpl-3.0.html for the license text.

data/Rakefile

@@ -0,0 +1,20 @@
+begin
+  require 'bundler/setup'
+rescue LoadError
+  puts 'You must `gem install bundler` and `bundle install` to run rake tasks'
+end
+
+require 'rdoc/task'
+
+RDoc::Task.new(:rdoc) do |rdoc|
+  rdoc.rdoc_dir = 'rdoc'
+  rdoc.title    = 'ScrivitoSectionWidgets'
+  rdoc.options << '--line-numbers'
+  rdoc.rdoc_files.include('README.rdoc')
+  rdoc.rdoc_files.include('lib/**/*.rb')
+end
+
+
+
+Bundler::GemHelper.install_tasks
+

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

@@ -0,0 +1,33 @@
+(function($, App) {
+  'use strict';
+
+  $(function() {
+    if($('body').width() > 1024) {
+      var elems = $(".parallax");
+      set_background_positions(elems);
+
+      $(window).scroll(function(event) {
+        set_background_positions(elems);
+      });
+    }
+  });
+})(jQuery, this);
+
+function set_background_positions(elems) {
+  $.each(elems, function(i, elem) {
+    set_background_position(elem);
+  });
+}
+
+function set_background_position(elem) {
+  $(elem).css('background-position', calulate_position(elem));
+}
+
+function calulate_position(elem) {
+  var speed = 0.5;
+  return "50% " + (caluclate_offset(elem) * speed) + "px";
+}
+
+function caluclate_offset(elem) {
+  return $(document).scrollTop() - $(elem).offset().top;
+}

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

@@ -0,0 +1,13 @@
+// This is a manifest file that'll be compiled into application.js, which will include all the files
+// listed below.
+//
+// Any JavaScript/Coffee file within this directory, lib/assets/javascripts, vendor/assets/javascripts,
+// or any plugin's vendor/assets/javascripts directory can be referenced here using a relative path.
+//
+// It's not advisable to add code directly here, but if you do, it'll appear at the bottom of the
+// compiled file.
+//
+// Read Sprockets README (https://github.com/sstephenson/sprockets#sprockets-directives) for details
+// about supported directives.
+//
+//= require_tree .

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

@@ -0,0 +1,7 @@
+$(function() {
+  scrivito.register_default_obj_class_for_content_type({
+    'video/mp4': 'Video',
+    'video/ogg': 'Video',
+    'video/webm': 'Video'
+  })
+});

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

@@ -0,0 +1,33 @@
+(function($, App) {
+  'use strict';
+
+  $(function() {
+    var videos = $(".video-tag");
+
+    $('body').on('click', '.scrivito_section_video_widget', function() {
+      var video = $(this).find('.parallax-video').get(0);
+      event.preventDefault();
+      if(video.paused){
+        video.play();
+      } else {
+        video.pause();
+      }
+    });
+
+    $.each(videos, function(index, elem) {
+      var mp4 = $(elem).data('source-mp4');
+      var ogg = $(elem).data('source-ogg');
+      var webm = $(elem).data('source-webm');
+      var image = $(elem).data('image');
+      var height = $(elem).data('height');
+      $(elem).html("");
+      if($('body').width() < 1025) {
+        $(elem).css({"background-image": "url("+ image +")", "height": height});
+      } else {
+        $(elem).append($('<video class="embed-responsive-item parallax-video" autoplay loop></video>').append("<source src='"+ mp4 +"' type='video/mp4'>").append("<source src='"+ webm +"' type='video/webm'>").append("<source src='"+ ogg +"' type='video/ogg'>"));
+        $(elem).find('video').get(0).play();
+      }
+    });
+  });
+
+})(jQuery, this);

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

@@ -0,0 +1,45 @@
+.container {
+  width: 100%;
+  padding: 0;
+  margin: 0;
+}
+
+#wrap > .container {
+  overflow: hidden;
+}
+
+section .container {
+  width: 100%;
+  padding: 15px;
+  margin: 0 auto;
+}
+
+@media (min-width: 768px) {
+  .container {
+    width: 100%;
+  }
+
+  section .container {
+    width: 750px;
+  }
+}
+
+@media (min-width: 992px) {
+  .container {
+    width: 100%;
+  }
+
+  section .container {
+    width: 970px;
+  }
+}
+
+@media (min-width: 1220px) {
+  .container {
+    width: 100%;
+  }
+
+  section .container {
+    width: 1170px;
+  }
+}

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

@@ -0,0 +1,23 @@
+.scrivito_section_parallax_widget {
+  background-size: cover;
+}
+
+.scrivito_section_video_widget video {
+  width: 100%;
+  display: block;
+}
+
+.scrivito_section_video_widget .container {
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+}
+
+.scrivito_section_parallax_widget .overlay {
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+}

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

@@ -0,0 +1,15 @@
+/*
+ * This is a manifest file that'll be compiled into application.css, which will include all the files
+ * listed below.
+ *
+ * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
+ * or any plugin's vendor/assets/stylesheets directory can be referenced here using a relative path.
+ *
+ * You're free to add application-wide styles to this file and they'll appear at the bottom of the
+ * compiled file so the styles you add here take precedence over styles defined in any styles
+ * defined in the other CSS/SCSS files in this directory. It is generally better to create a new
+ * file per style scope.
+ *
+ *= require_tree .
+ *= require_self
+ */

data/app/models/section_content_widget.rb

@@ -0,0 +1,2 @@
+class SectionContentWidget < Widget
+end

data/app/models/section_parallax_widget.rb

@@ -0,0 +1,2 @@
+class SectionParallaxWidget < Widget
+end

data/app/models/section_video_widget.rb

@@ -0,0 +1,2 @@
+class SectionVideoWidget < Widget
+end

data/app/models/video.rb

@@ -0,0 +1,2 @@
+class Video
+end

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

@@ -0,0 +1,8 @@
+<div class="details-view" >
+  <h4>Background Color</h4>
+  <%= scrivito_toggle_button_editor widget, :background_color, Obj.selectable_color_classes('scrivito_content_widget') do |text| %>
+    <% scrivito_tag(:button, widget, :background_color, class: text, data: {editor: 'scrivito-toggle-button', content: text}) do
+        text
+      end %>
+  <% end %>
+</div>

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

@@ -0,0 +1,3 @@
+<section class="scrivito_section_content_widget <%= widget.background_color %>">
+  <%= scrivito_tag(:div, widget, :section_content, class: 'container') %>
+</section>

data/app/views/section_content_widget/thumbnail.html.erb

@@ -0,0 +1,11 @@
+<div class="scrivito_editing_widget_visualization">
+  <%= image_tag("section_content.png") %>
+</div>
+
+<div class="scrivito_editing_widget_title">
+  Section for content
+</div>
+
+<div class="scrivito_editing_widget_description">
+  Add a section for your content. A Section can have a Background color to seperate some content.
+</div>

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

@@ -0,0 +1,7 @@
+<div class="details-view" >
+  <h4>Background Image</h4>
+  <%= scrivito_tag(:div, widget, :background_image) %>
+
+  <h4>Height</h4>
+  <%= scrivito_tag(:div, widget, :height) %>
+</div>

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

@@ -0,0 +1,3 @@
+<section class="parallax scrivito_section_parallax_widget" style="background-image: url(<%= widget.background_image.try(:binary_url) %>); height: <%= widget.height %>">
+  <%= scrivito_tag(:div, widget, :section_content, class: 'container') %>
+</section>

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

@@ -0,0 +1,11 @@
+<div class="scrivito_editing_widget_visualization">
+  <%= image_tag("section_parallax.png") %>
+</div>
+
+<div class="scrivito_editing_widget_title">
+  Parallax Section
+</div>
+
+<div class="scrivito_editing_widget_description">
+  Add an image with parallax effect.
+</div>

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

@@ -0,0 +1,16 @@
+<div class="details-view" >
+  <h4>MP4 Video</h4>
+  <%= scrivito_tag(:div, widget, :background_video_mp4) %>
+
+  <h4>Webm Video</h4>
+  <%= scrivito_tag(:div, widget, :background_video_webm) %>
+
+  <h4>Ogg Video</h4>
+  <%= scrivito_tag(:div, widget, :background_video_ogg) %>
+
+  <h4>Background Image (Will be used if small screen, no video tag or no java script)</h4>
+  <%= scrivito_tag(:div, widget, :background_image) %>
+
+  <h4>Height (Used if image is visible)</h4>
+  <%= scrivito_tag(:div, widget, :height) %>
+</div>

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

@@ -0,0 +1,14 @@
+<section class="scrivito_section_video_widget">
+  <div
+  class="video-tag"
+  data-source-mp4="<%= widget.background_video_mp4.try(:binary_url) %>"
+  data-source-ogg="<%= widget.background_video_ogg.try(:binary_url) %>"
+  data-source-webm="<%= widget.background_video_webm.try(:binary_url) %>"
+  data-image="<%= widget.background_image.try(:binary_url) %>"
+  data-height="<%= widget.height %>">
+    <div class="parallax" style="height: <%= widget.height %>; background-image: url(<%= widget.background_image.try(:binary_url) %>)">
+    </div>
+  </div>
+  <%= scrivito_tag(:div, widget, :section_content, class: 'container') %>
+  <div class="overlay"></div>
+</section>

data/app/views/section_video_widget/thumbnail.html.erb

@@ -0,0 +1,11 @@
+<div class="scrivito_editing_widget_visualization">
+  <%= image_tag("section_video.png") %>
+</div>
+
+<div class="scrivito_editing_widget_title">
+  Video Section
+</div>
+
+<div class="scrivito_editing_widget_description">
+  Add a background Video as section to your page.
+</div>

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

@@ -0,0 +1,15 @@
+<div class="details-view">
+  <div class="video-wrapper">
+    <video class="embed-responsive-item" controls="<%= true %>">
+      <% if @obj.name.ends_with? '.mp4' %>
+        <source src="<%= @obj.try(:binary_url) %>" type="video/mp4"></source>
+      <% end %>
+      <% if @obj.name.ends_with? '.webm' %>
+        <source src="<%= @obj.try(:binary_url) %>" type="video/webm"></source>
+      <% end %>
+      <% if @obj.name.ends_with? '.ogg' %>
+        <source src="<%= @obj.try(:binary_url) %>" type="video/ogg"></source>
+      <% end %>
+    </video>
+  </div>
+</div>

data/lib/scrivito_section_widgets/engine.rb

@@ -0,0 +1,5 @@
+module ScrivitoSectionWidgets
+  class Engine < ::Rails::Engine
+    isolate_namespace ScrivitoSectionWidgets
+  end
+end

data/lib/scrivito_section_widgets/version.rb

@@ -0,0 +1,3 @@
+module ScrivitoSectionWidgets
+  VERSION = "0.0.1"
+end

data/lib/scrivito_section_widgets.rb

@@ -0,0 +1,4 @@
+require "scrivito_section_widgets/engine"
+
+module ScrivitoSectionWidgets
+end

data/lib/tasks/scrivito_section_widgets_tasks.rake

@@ -0,0 +1,4 @@
+# desc "Explaining what the task does"
+# task :scrivito_section_widgets do
+#   # Task goes here
+# end

data/scrivito/migrate/0_create_section_widgets.rb

@@ -0,0 +1,50 @@
+class CreateSectionWidgets < ::Scrivito::Migration
+  def up
+    Scrivito::ObjClass.create(
+      name: 'SectionContentWidget',
+      type: 'publication',
+      is_binary: false,
+      title: 'Section Content Widget',
+      attributes: [
+        {name: "section_content", type: "widget"},
+        {name: "background_color", type: "string"}
+      ]
+    )
+
+    Scrivito::ObjClass.create(
+      name: 'SectionParallaxWidget',
+      type: 'publication',
+      is_binary: false,
+      title: 'Section Content Widget',
+      attributes: [
+        {name: "section_content", type: "widget"},
+        {name: "background_image", type: "reference"},
+        {name: "height", type: "string"}
+      ]
+    )
+
+    Scrivito::ObjClass.create(
+      name: 'SectionVideoWidget',
+      type: 'publication',
+      is_binary: false,
+      title: 'Section Content Widget',
+      attributes: [
+        {name: "section_content", type: "widget"},
+        {name: "background_video_mp4", type: "reference"},
+        {name: "background_video_webm", type: "reference"},
+        {name: "background_video_ogg", type: "reference"},
+        {name: "background_image", type: "reference"},
+        {name: "height", type: "reference"},
+      ]
+    )
+
+    Scrivito::ObjClass.create(
+      name: 'Video',
+      type: 'generic',
+      is_binary: true,
+      title: 'Video',
+      attributes: []
+    )
+
+  end
+end

metadata

@@ -0,0 +1,103 @@
+--- !ruby/object:Gem::Specification
+name: scrivito_section_widgets
+version: !ruby/object:Gem::Version
+  version: 0.0.1
+platform: ruby
+authors:
+- Scrivito
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2015-03-02 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: bundler
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+- !ruby/object:Gem::Dependency
+  name: scrivito_sdk
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+description: Add sections to yout page
+email:
+- support@scrivito.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- LICENSE
+- Rakefile
+- app/assets/images/section_content.png
+- app/assets/images/section_parallax.png
+- app/assets/images/section_video.png
+- app/assets/javascripts/scrivito_section_widgets/parallax.js
+- app/assets/javascripts/scrivito_section_widgets/scripts.js
+- app/assets/javascripts/scrivito_section_widgets/video_content_browser.js
+- app/assets/javascripts/scrivito_section_widgets/video_control.js
+- app/assets/stylesheets/scrivito_section_widgets/bootstrap_sectionize.css
+- app/assets/stylesheets/scrivito_section_widgets/parallax_section.css
+- app/assets/stylesheets/scrivito_section_widgets/styles.css
+- app/models/section_content_widget.rb
+- app/models/section_parallax_widget.rb
+- app/models/section_video_widget.rb
+- app/models/video.rb
+- app/views/section_content_widget/details.html.erb
+- app/views/section_content_widget/show.html.erb
+- app/views/section_content_widget/thumbnail.html.erb
+- app/views/section_parallax_widget/details.html.erb
+- app/views/section_parallax_widget/show.html.erb
+- app/views/section_parallax_widget/thumbnail.html.erb
+- app/views/section_video_widget/details.html.erb
+- app/views/section_video_widget/show.html.erb
+- app/views/section_video_widget/thumbnail.html.erb
+- app/views/video/details.html.erb
+- lib/scrivito_section_widgets.rb
+- lib/scrivito_section_widgets/engine.rb
+- lib/scrivito_section_widgets/version.rb
+- lib/tasks/scrivito_section_widgets_tasks.rake
+- scrivito/migrate/0_create_section_widgets.rb
+homepage: https://www.scrivito.com
+licenses:
+- LGPL-3.0
+metadata: {}
+post_install_message: 
+rdoc_options: []
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+required_rubygems_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+requirements: []
+rubyforge_project: 
+rubygems_version: 2.2.2
+signing_key: 
+specification_version: 4
+summary: Add sections to yout page
+test_files: []