scrivito_slick_slider_widget 0.0.2

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: 0c537f481f73a1992dcdc06c29c9de17acb65198
+  data.tar.gz: 7788ca06a01ff1d8c020ad3838135e961920b822
+SHA512:
+  metadata.gz: 669462a6b4bde0b9a82d33e0f501f723385be05d0fc9d5ba1bb6dbe3317136145d5864fb8593efc13af5d07cd3166225f8ea2a5b4edbe8e300e55d3cdb2097f0
+  data.tar.gz: fc8553fd5d9c8d5d17b4c137e74809deabbd9febecb61eb364a5956345830808a4cc875bf9d336e8d3af6bd19be505727925c12011b1a9c126b77e77edeb9829

data/LICENSE

@@ -0,0 +1,3 @@
+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/README.md

@@ -0,0 +1,58 @@
+# ScrivitoSlickSliderWidget
+
+This Gem adds a Slick Slider to your Scrivito App. For details of the slider see http://kenwheeler.github.io/slick/
+
+
+## Prerequisites
+
+Use Bootstrap in your Rails app (or modify the views for your needs).
+
+## Installation
+
+Add the gem to your Gemfile
+
+    gem 'scrivito_slick_slider_widget'
+
+Run bundle:
+
+    $ bundle
+
+Add to your app/assets/javascript/editing.js:
+
+    //= require scrivito_slick_slider_widget/editing
+
+Add to your javascript/application.js:
+
+    //= require slick_slider_widget/application
+
+Add to stylesheet/editing.css:
+
+    *= require scrivito_slick_slider_widget/editing
+
+Add to stylesheet/application.css:
+
+    *= require scrivito_slick_slider_widget/application
+
+Add to the end of your application layout:
+<script type="text/javascript" src="//cdn.jsdelivr.net/jquery.slick/1.3.11/slick.min.js"></script>
+
+Run
+
+    $ rake scrivito:migrate:install
+    $ rake scrivito:migrate
+
+Switch to your Workspace 'rtc' and follow below Steps for Usage. If you are happy with the outcome run
+
+    $ rake scrivito:migrate:publish
+
+## Steps for Usage
+
+- Insert the Widget 'Slick Slider' somewhere in your content.
+- Put some 'Slider Panels' widgets into it.
+- For each of the Slider Panels: set an image reference and a link. The link title will be displayed underneath the image. The link destination is where the user is taken when clicking on any of the slider panels.
+
+## License
+
+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,21 @@
+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    = 'ScrivitoSlickSliderWidget'
+  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_slick_slider_widget/application.js

@@ -0,0 +1,41 @@
+// 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 vendor/assets/javascripts of plugins, if any, 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 .
+
+      $(document).ready(function(){
+        $('.slick_slider_widget').slick({
+          infinite: true,
+          slidesToScroll: 1,
+          slidesToShow: 5,
+          autoplay: true,
+          autoplaySpeed: 3000,
+          dots: true,
+          responsive: [
+            {
+              breakpoint: 768,
+              settings: {
+                dots: false,
+                slidesToShow: 4
+              }
+            },
+            {
+              breakpoint: 480,
+              settings: {
+                arrows: false,
+                dots: false,
+                slidesToShow: 2
+              }
+            }
+          ]
+        });
+      });

data/app/assets/javascripts/scrivito_slick_slider_widget/editing.js

@@ -0,0 +1,10 @@
+$(".slick_slider_widget_add_new_panel").bind("click", function(e) {
+  e.preventDefault();
+  $.get("/scrivito_slick_slider_widget/add_new_panel?obj=" + scrivito.obj.current_page.id() + "&widget=" + $(this).attr("widgetid"), function(data) {
+    // better to not reload but only update current widget view
+    // then put focus on freshly added panel
+    location.reload();
+  });
+
+});
+

data/app/assets/stylesheets/scrivito_slick_slider_widget/application.scss

@@ -0,0 +1,78 @@
+/* slick-slider
+================================================== */
+
+.slick-slider { position: relative; display: block; padding:0 20px; box-sizing: border-box;
+  -moz-box-sizing: border-box; -webkit-touch-callout: none;
+  -webkit-user-select: none; -khtml-user-select: none;
+  -moz-user-select: none; -ms-user-select: none;
+  user-select: none; -ms-touch-action: none;
+  -webkit-tap-highlight-color: transparent;
+  }
+
+.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
+.slick-list:focus { outline: none; }
+.slick-loading .slick-list { background: white image-url('ajax-loader.gif') center center no-repeat; }
+.slick-list.dragging { cursor: pointer; cursor: hand; }
+
+.slick-slider .slick-list, .slick-track, .slick-slide, .slick-slide img {
+  -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0);
+  -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0);
+  transform: translate3d(0, 0, 0);
+  }
+
+.slick-track { position: relative; left: 0; top: 0; display: block; zoom: 1; }
+.slick-track:before, .slick-track:after { content: ""; display: table; }
+.slick-track:after { clear: both; }
+.slick-loading .slick-track { visibility: hidden; }
+
+.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }
+.slick-slide img { display: block; width:100px; height:100px; border-radius:50px; overflow:hidden; margin:0 auto;}
+.slick-slide.slick-loading img { display: none; }
+.slick-slide.dragging img { pointer-events: none; }
+.slick-initialized .slick-slide { display: block; }
+.slick-loading .slick-slide { visibility: hidden; }
+.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
+
+/* Arrows */
+.slick-prev, .slick-next { position: absolute; display: block; height: 40px; width: 30px;
+  line-height: 40px; font-size: 0; cursor: pointer; background: transparent;
+  color: transparent; top: 50%; margin-top: -10px; padding: 0; border: none; outline: none;
+  }
+.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { outline: none; background: transparent; color: transparent; }
+.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; }
+.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0.25; }
+
+.slick-prev:before, .slick-next:before {
+  font-family: "foundation_icons_general_enclosed";
+  font-weight: normal;
+  font-style: normal;
+  text-decoration: inherit; color:#aaa;
+  font-size:33px; line-height: 1; opacity: 0.5; text-align:center;
+  vertical-align: middle; line-height: inherit;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  }
+
+.slick-prev { left: -5px; }
+.slick-prev:before { content: "\f015"; }
+
+.slick-next { right: -5px; }
+.slick-next:before { content: "\f014"; }
+
+/* Dots */
+.slick-slider { margin-bottom: 20px; }
+
+.slick-dots { position: absolute; bottom: -45px; list-style: none; display: block; text-align: center; padding: 0; width: 100%; }
+.slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0 5px; padding: 0; cursor: pointer; }
+.slick-dots li button { border: 0; background: #fff; display: block;
+  height: 7px; width: 7px; outline: none; line-height: 0;
+  font-size: 0; color: transparent; padding: 0; cursor: pointer;
+  border-radius:50%;
+  }
+.slick-dots li button:hover, .slick-dots li button:focus { outline: none; }
+.slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; }
+.slick-dots li button:before { position: absolute; top: 0; left: 0; content: ""; width: 20px; height: 20px;
+ font-size: 6px; line-height: 20px; text-align: center; color: black; opacity: 0.25; }
+.slick-dots li.slick-active button { background: #9ec7ac; }
+
+.slider .h4 { text-align:center;}

data/app/assets/stylesheets/scrivito_slick_slider_widget/editing.css

@@ -0,0 +1 @@
+.scrivito_editing_link {color: rgba(67, 148, 57, 1.0);}

data/app/controllers/scrivito_slick_slider_widget/application_controller.rb

@@ -0,0 +1,4 @@
+module ScrivitoSlickSliderWidget
+  class ApplicationController < ActionController::Base
+  end
+end

data/app/controllers/scrivito_slick_slider_widget/slick_slider_widget_controller.rb

@@ -0,0 +1,17 @@
+module ScrivitoSlickSliderWidget
+
+  class SlickSliderWidgetController < CmsController
+
+    layout false
+
+    def add_new_panel
+      widget = Obj.find(params[:obj]).widget_from_pool(params[:widget])
+      widget.update(panels: widget.panels << SlickSliderPanelWidget.new())
+      #TODO: check for success and return appropriate result
+      render "slick_slider_widget/add_new_panel"
+    end
+
+  end
+
+end
+

data/app/helpers/scrivito_slick_slider_widget/application_helper.rb

@@ -0,0 +1,4 @@
+module ScrivitoSlickSliderWidget
+  module ApplicationHelper
+  end
+end

data/app/models/slick_slider_panel_widget.rb

@@ -0,0 +1,7 @@
+class SlickSliderPanelWidget < Widget
+
+  def description_for_editor
+    "Slider Panel"
+  end
+
+end

data/app/models/slick_slider_widget.rb

@@ -0,0 +1,11 @@
+class SlickSliderWidget < Widget
+
+  def description_for_editor
+    "Slick Slider"
+  end
+
+  def self.valid_widget_classes_for(field_name)
+    %w[SlickSliderPanelWidget]
+  end
+
+end

data/app/views/layouts/scrivito_slick_slider_widget/application.html.erb

@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>ScrivitoSlickSliderWidget</title>
+  <%= stylesheet_link_tag    "scrivito_slick_slider_widget/application", media: "all" %>
+  <%= javascript_include_tag "scrivito_slick_slider_widget/application" %>
+  <%= csrf_meta_tags %>
+</head>
+<body>
+
+<%= yield %>
+
+</body>
+</html>

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

@@ -0,0 +1,6 @@
+<div>
+  <a href="#">
+    <img class="img-responsive" alt="" src="http://localhost:3000/assets/scriv-uno/teaser_07.jpg">
+    <p class="h4">Dairy</p>
+  </a>
+</div>

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

@@ -0,0 +1,11 @@
+<div class="editing-dialog-thumbnail">
+  <div class="visualization">
+    <span class="icon editing-icon-slider"></span>
+  </div>
+  <div class="title">
+    Slider Panel
+  </div>
+  <div class="description">
+    Adds a panel to the Slick slider.
+  </div>
+</div>

data/app/views/slick_slider_widget/add_new_panel.html.erb

@@ -0,0 +1 @@
+<!-- JS code for refreshing page part and activating new added panel? -->

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

@@ -0,0 +1,19 @@
+<% widget.panels.each_with_index do |panel, index| %>
+  <% unless index == 0 %>
+    <hr />
+  <% end %>
+  <div class="row">
+    <div class="col-md-4">
+      <%= scrivito_image_tag(panel, :image, style: "max-height: 100px; max-width: 250px; margin-bottom: 1em;") %>
+    </div>
+    <div class="col-md-8">
+      <%= scrivito_edit_link(panel, :link, data: {placeholder: "Where should the button take the user ..."}) %>
+    </div>
+  </div>
+<% end %>
+<hr />
+<!-- div class="add_new_panel">
+  <p>
+    <a id="slick_slider_widget_add_new_panel" href="#" widgetid="<%= widget.id %>" class="scrivito_editing_link">Add New Slider Panel</a>
+  </p>
+</div -->

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

@@ -0,0 +1,21 @@
+<div class="slider slick_slider_widget">
+  <% widget.panels.each do |p| %>
+    <div>
+      <% if p.link.present? %>
+        <%= link_to scrivito_path(p.link) do %>
+          <%= scrivito_image_tag p, :image %>
+          <p class="h4"><%= p.link.title %></p>
+        <% end %>
+      <% else %>
+        <%= scrivito_image_tag p, :image %>
+      <% end %>
+    </div>
+  <% end %>
+
+  <% if scrivito_in_editable_view? %>
+    <div class="add_new_panel">
+      <p class="h4"><a class="slick_slider_widget_add_new_panel scrivito_editing_link" href="#" widgetid="<%= widget.id %>">Add New<br />Slider Panel</a></p>
+    </div>
+  <% end %>
+
+</div>

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

@@ -0,0 +1,11 @@
+<div class="editing-dialog-thumbnail">
+  <div class="visualization">
+    <span class="icon editing-icon-slider"></span>
+  </div>
+  <div class="title">
+    Slick Slider
+  </div>
+  <div class="description">
+    Creates a highly adaptive slider.
+  </div>
+</div>

data/config/routes.rb

@@ -0,0 +1,3 @@
+Rails.application.routes.draw do
+  get '/scrivito_slick_slider_widget/add_new_panel', to: 'scrivito_slick_slider_widget/slick_slider_widget#add_new_panel'
+end

data/lib/scrivito_slick_slider_widget.rb

@@ -0,0 +1,4 @@
+require "scrivito_slick_slider_widget/engine"
+
+module ScrivitoSlickSliderWidget
+end

data/lib/scrivito_slick_slider_widget/engine.rb

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

data/lib/scrivito_slick_slider_widget/version.rb

@@ -0,0 +1,3 @@
+module ScrivitoSlickSliderWidget
+  VERSION = "0.0.2"
+end

data/lib/tasks/scrivito_slick_slider_widget_tasks.rake

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

data/scrivito/migrate/0_create_slick_slider_widget.rb

@@ -0,0 +1,21 @@
+class CreateSlickSliderWidget < ::Scrivito::Migration
+  def up
+    Scrivito::ObjClass.create(
+      name: 'SlickSliderWidget',
+      type: 'publication',
+      title: 'Slick Slider',
+      attributes: [
+        {name: 'panels', type: :widget},
+      ]
+    )
+    Scrivito::ObjClass.create(
+      name: 'SlickSliderPanelWidget',
+      type: 'publication',
+      title: 'Slick Slider Panel',
+      attributes: [
+        {name: 'image', type: :reference},
+        {name: 'link', type: :link},
+      ]
+    )
+  end
+end

metadata

@@ -0,0 +1,112 @@
+--- !ruby/object:Gem::Specification
+name: scrivito_slick_slider_widget
+version: !ruby/object:Gem::Version
+  version: 0.0.2
+platform: ruby
+authors:
+- Scrivito
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2014-11-24 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: rails
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 4.1.6
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 4.1.6
+- !ruby/object:Gem::Dependency
+  name: scrivito
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: 0.30.0
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: 0.30.0
+- !ruby/object:Gem::Dependency
+  name: rake
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+description: Scrivito Widget for a bootstrap-style Slick Slider.
+email:
+- support@scrivito.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- LICENSE
+- README.md
+- Rakefile
+- app/assets/images/scrivito_slick_slider_widget/ajax-loader.gif
+- app/assets/javascripts/scrivito_slick_slider_widget/application.js
+- app/assets/javascripts/scrivito_slick_slider_widget/editing.js
+- app/assets/stylesheets/scrivito_slick_slider_widget/application.scss
+- app/assets/stylesheets/scrivito_slick_slider_widget/editing.css
+- app/controllers/scrivito_slick_slider_widget/application_controller.rb
+- app/controllers/scrivito_slick_slider_widget/slick_slider_widget_controller.rb
+- app/helpers/scrivito_slick_slider_widget/application_helper.rb
+- app/models/slick_slider_panel_widget.rb
+- app/models/slick_slider_widget.rb
+- app/views/layouts/scrivito_slick_slider_widget/application.html.erb
+- app/views/slick_slider_panel_widget/show.html.erb
+- app/views/slick_slider_panel_widget/thumbnail.html.erb
+- app/views/slick_slider_widget/add_new_panel.html.erb
+- app/views/slick_slider_widget/details.html.erb
+- app/views/slick_slider_widget/show.html.erb
+- app/views/slick_slider_widget/thumbnail.html.erb
+- config/routes.rb
+- lib/scrivito_slick_slider_widget.rb
+- lib/scrivito_slick_slider_widget/engine.rb
+- lib/scrivito_slick_slider_widget/version.rb
+- lib/tasks/scrivito_slick_slider_widget_tasks.rake
+- scrivito/migrate/0_create_slick_slider_widget.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.4.2
+signing_key: 
+specification_version: 4
+summary: Scrivito Widget for a bootstrap-style Slick Slider.
+test_files: []