scrivito_gif_control_widget 0.0.1

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: b43bd5c13dd633356c0aa5c5ca543acb88050fe9
+  data.tar.gz: e7c530ba2eb11f6e604b4570113915deffd61a35
+SHA512:
+  metadata.gz: e8bb52b66ab2938c6ad535a6179c4c1dd53cbdd24222e4318c45ae0ebca15acb3c8507c6ae3596e1ef2b85bdcc77d13ed22e3d4cbbfd99af93e6b46d8587a523
+  data.tar.gz: d56b8693c4eed2847bd416a434a41616f0fb9d02d63d208771a5529ae5c3ec7677f9a8416a74ab1528c91ead5acf908aa69755c534a5436f45396623c12cadef

data/LICENSE

@@ -0,0 +1,4 @@
+Copyright (c) 2009 - 2016 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,35 @@
+# ScrivitoGifControlWidget
+
+Scrivito Widget for a gif with simple controll to start and stop
+
+## Installation
+
+Add this line to your application's Gemfile:
+
+    gem 'scrivito_gif_control_widget'
+
+## Customization
+
+Setting the image is only possible in your details view with the content browser. You will see all your filter. A filter_context is set in the details view. It is `image_gif`. Create a content browser filter for easier use:
+
+```js
+scrivito.content_browser.filters = function(filter) {
+  if (filter.image_gif) {
+    return {
+      _obj_class: {
+        field: '_obj_class',
+        options: {
+          Image: {
+            query: scrivito.obj_where('blob:content_type', 'equals', 'image/gif'),
+            icon: 'image',
+            title: 'Gifs'
+          }
+        }
+      }
+    };
+  }
+  else {
+    ... // standard filter goes here
+  }
+};
+```

data/Rakefile

@@ -0,0 +1,18 @@
+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    = 'ScrivitoGifControlWidget'
+  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_gif_control_widget.js

@@ -0,0 +1 @@
+//= require_tree ./scrivito_gif_control_widget

data/app/assets/javascripts/scrivito_gif_control_widget/gifffer.min.js

@@ -0,0 +1 @@
+(function webpackUniversalModuleDefinition(root,factory){if(typeof exports==="object"&&typeof module==="object")module.exports=factory();else if(typeof define==="function"&&define.amd)define("Gifffer",[],factory);else if(typeof exports==="object")exports["Gifffer"]=factory();else root["Gifffer"]=factory()})(this,function(){var d=document;var playSize=60;var Gifffer=function(){var images,i=0;images=d.querySelectorAll("[data-gifffer]");for(;i<images.length;++i)process(images[i])};function formatUnit(v){return v+(v.toString().indexOf("%")>0?"":"px")}function createContainer(w,h,el){var con=d.createElement("DIV");var cls=el.getAttribute("class");var id=el.getAttribute("id");cls?con.setAttribute("class",el.getAttribute("class")):null;id?con.setAttribute("id",el.getAttribute("id")):null;con.setAttribute("style","position:relative;cursor:pointer;");var play=d.createElement("DIV");play.setAttribute("class","gifffer-play-button");play.setAttribute("style","width:"+playSize+"px;height:"+playSize+"px;border-radius:"+playSize/2+"px;background:rgba(255, 255, 255, 0.3);position:absolute;");var trngl=d.createElement("DIV");trngl.setAttribute("style","width:0;height: 0;border-top:14px solid transparent;border-bottom:14px solid transparent;border-left:14px solid rgba(0, 0, 0, 0.5);position:absolute;left:26px;top:16px;");play.appendChild(trngl);con.appendChild(play);el.parentNode.replaceChild(con,el);return{c:con,p:play}}function calculatePercentageDim(el,w,h,wOrig,hOrig){var parentDimW=el.parentNode.offsetWidth;var parentDimH=el.parentNode.offsetHeight;var ratio=wOrig/hOrig;if(w.toString().indexOf("%")>0){w=parseInt(w.toString().replace("%",""));w=w/100*parentDimW;h=w/ratio}return{w:w,h:h}}function process(el){var url,con,c,w,h,duration,play,gif,playing=false,cc,isC,durationTimeout,dims;url=el.getAttribute("data-gifffer");w=el.getAttribute("data-gifffer-width");h=el.getAttribute("data-gifffer-height");duration=el.getAttribute("data-gifffer-duration");el.style.display="block";c=document.createElement("canvas");isC=!!(c.getContext&&c.getContext("2d"));if(w&&h&&isC)cc=createContainer(w,h,el);el.onload=function(){if(!isC)return;w=w||el.width;h=h||el.height;if(!cc)cc=createContainer(w,h,el);con=cc.c;play=cc.p;dims=calculatePercentageDim(con,w,h,el.width,el.height);con.addEventListener("click",function(){clearTimeout(durationTimeout);if(!playing){playing=true;gif=document.createElement("IMG");gif.setAttribute("style","width:"+dims.w+"px;height:"+dims.h+"px;");gif.setAttribute("data-uri",Math.floor(Math.random()*1e5)+1);setTimeout(function(){gif.src=url},0);con.removeChild(play);con.removeChild(c);con.appendChild(gif);if(parseInt(duration)>0){durationTimeout=setTimeout(function(){playing=false;con.appendChild(play);con.removeChild(gif);con.appendChild(c);gif=null},duration)}}else{playing=false;con.appendChild(play);con.removeChild(gif);con.appendChild(c);gif=null}});c.width=dims.w;c.height=dims.h;c.getContext("2d").drawImage(el,0,0,dims.w,dims.h);con.appendChild(c);play.style.top=dims.h/2-playSize/2+"px";play.style.left=dims.w/2-playSize/2+"px";con.setAttribute("style","position:relative;cursor:pointer;width:"+dims.w+"px;height:"+dims.h+"px;")};el.src=url}return Gifffer});

data/app/assets/javascripts/scrivito_gif_control_widget/script.js

@@ -0,0 +1,9 @@
+(function($, App) {
+  'use strict';
+
+  scrivito.on('content', function() {
+    //window.onload = function() {
+      Gifffer();
+    //}
+  });
+})(jQuery, this);

data/app/assets/stylesheets/scrivito_gif_control_widget/application.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/gif_control_widget.rb

@@ -0,0 +1,3 @@
+class GifControlWidget < Widget
+  attribute :gif, :reference
+end

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

@@ -0,0 +1,3 @@
+<%= scrivito_details_for 'Gif' do %>
+  <%= scrivito_image_tag widget, :gif, data: {filter_context: {image_gif: true}} %>
+<% end %>

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

@@ -0,0 +1,5 @@
+<% if widget.gif %>
+  <img data-gifffer="<%= widget.gif.try(:binary_url) %>" data-gifffer-width="100%" data-gifffer-height="auto" />
+<% else %>
+  Select a gif in widgets details view.
+<% end %>

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

@@ -0,0 +1,3 @@
+<%= scrivito_thumbnail 'Gif control widget' do %>
+  Add a widget to control the start and stop of a gif.
+<% end %>

data/lib/scrivito_gif_control_widget.rb

@@ -0,0 +1,4 @@
+require "scrivito_gif_control_widget/engine"
+
+module ScrivitoGifControlWidget
+end

data/lib/scrivito_gif_control_widget/engine.rb

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

data/lib/scrivito_gif_control_widget/version.rb

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

data/lib/tasks/scrivito_gif_control_widget_tasks.rake

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

metadata

@@ -0,0 +1,87 @@
+--- !ruby/object:Gem::Specification
+name: scrivito_gif_control_widget
+version: !ruby/object:Gem::Version
+  version: 0.0.1
+platform: ruby
+authors:
+- Scrivito
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2016-03-11 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: Scrivito Widget to add a gif with simple control to start and stop
+email:
+- support@scrivito.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- LICENSE
+- README.md
+- Rakefile
+- app/assets/javascripts/scrivito_gif_control_widget.js
+- app/assets/javascripts/scrivito_gif_control_widget/gifffer.min.js
+- app/assets/javascripts/scrivito_gif_control_widget/script.js
+- app/assets/stylesheets/scrivito_gif_control_widget/application.css
+- app/models/gif_control_widget.rb
+- app/views/gif_control_widget/details.html.erb
+- app/views/gif_control_widget/show.html.erb
+- app/views/gif_control_widget/thumbnail.html.erb
+- lib/scrivito_gif_control_widget.rb
+- lib/scrivito_gif_control_widget/engine.rb
+- lib/scrivito_gif_control_widget/version.rb
+- lib/tasks/scrivito_gif_control_widget_tasks.rake
+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.5
+signing_key: 
+specification_version: 4
+summary: Scrivito Widget for a gif with simple control to start and stop
+test_files: []