scrivito_icon_box_widget 1.0.1

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: 049bfd93b63a5e8369b97a0085dab51f0ea93067
+  data.tar.gz: fe0f3318d69cecb66301d51b4b22c22776522b13
+SHA512:
+  metadata.gz: 228b64fe67c1f52f51bf7940e10a1a17a18c399b5cdcfb6f73d47e1479f711e49d5e0d4de4081e8af2fb24d69f7a0f18738280801c6070267ecdad8d066016c1
+  data.tar.gz: e12062cb0bcf57f56c1c7f27c720ae91bb14386d396a449c1f39b57bea55b273bd3ca1fc472d939eaba418a68087a12d317b309fe6110a52e646aad9b4e185e7

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,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    = 'ScrivitoIconBoxWidget'
+  rdoc.options << '--line-numbers'
+  rdoc.rdoc_files.include('README.rdoc')
+  rdoc.rdoc_files.include('lib/**/*.rb')
+end
+
+
+
+
+Bundler::GemHelper.install_tasks
+

data/app/assets/javascript/icon_box_widget/editing/editors/button_picker.js

@@ -0,0 +1,32 @@
+(function($, App) {
+  'use strict';
+
+  $(function() {
+
+    App.buttonPickerEditor = {
+      // set selector for Editor
+      selector: '.button-picker',
+      
+      // Function that will be called on scrvito load
+      initFunction: function(index, elem) {},
+      
+      // set function triggert on click
+      clickFunction: function(cmsField) {
+        var text = cmsField.data('picker-content');
+
+        cmsField.addClass('activated');
+        cmsField.siblings().removeClass('activated');
+
+        return cmsField.scrivito('save', text);
+      },
+    };
+
+    // Set click event
+    scrivito.on('load', function() {
+      return $('body').on('click', buttonPickerEditor.selector, function(event) {
+        buttonPickerEditor.clickFunction($(event.target));
+      });
+    });
+  });
+
+})(jQuery, this);

data/app/assets/javascript/icon_box_widget/editing.js

@@ -0,0 +1,2 @@
+//= require_self
+//= require_tree ./editing

data/app/assets/stylesheets/icon_box_widget/application.css

@@ -0,0 +1,4 @@
+/*
+ *= require font-awesome
+ *= require icon_box_widget/widget
+ */

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

@@ -0,0 +1,19 @@
+.scrivito_button.button-picker {
+  margin: 0 0 4px 0;
+  height: auto !important;
+  width: 120px !important;
+  text-align: left;
+  text-shadow: 0 0 2px #222;
+  background: #444;
+  color: #fff;
+  outline: none !important;
+  border: none;
+}
+
+.scrivito_button.button-picker:hover {
+  background: #888;
+}
+
+.scrivito_button.button-picker.activated {
+  box-shadow: 0 0 0 1px rgba(255,255,255,0.6) inset, 0 0 3px 1px #222
+}

data/app/assets/stylesheets/icon_box_widget/widget.css

@@ -0,0 +1,54 @@
+.scrivito-icon-box {
+  overflow: hidden;
+  margin: 10px auto;
+  padding: 10px;
+  box-sizing: initial;
+  -webkit-box-sizing: initial;
+  -moz-box-sizing: initial;
+}
+
+.scrivito-icon-box.circle,
+.scrivito-icon-box.filled-circle {
+  border-radius: 50px;
+  text-align: center;
+}
+
+.scrivito-icon-box.small {
+  width: 50px;
+  height: 50px;
+}
+
+.scrivito-icon-box.medium {
+  width: 60px;
+  height: 60px;
+}
+
+.scrivito-icon-box.large {
+  width: 70px;
+  height: 70px;
+}
+
+.scrivito-icon-box i {
+  margin: 10px;
+}
+
+.scrivito-icon-box.small i {
+  font-size: 30px;
+  height: 30px;
+  width: 30px;
+  line-height: 30px;
+}
+
+.scrivito-icon-box.medium i {
+  font-size: 40px;
+  height: 40px;
+  width: 40px;
+  line-height: 40px;
+}
+
+.scrivito-icon-box.large i {
+  font-size: 50px;
+  height: 50px;
+  width: 50px;
+  line-height: 50px;
+}

data/app/models/icon_box_widget.rb

@@ -0,0 +1,35 @@
+class IconBoxWidget < Widget
+
+  def self.colors
+    if Rails.configuration.respond_to?(:icon_box_colors)
+      Rails.configuration.icon_box_colors.split(" ")
+    else
+      IconBoxWidget.fallback_colors.split(" ")
+    end
+  end
+
+  def self.sizes
+    ["small","medium","large"]
+  end
+
+  def self.styles
+    ["circle","square","filled-circle","filled-square"]
+  end
+
+  def self.icons
+    ["plus","minus","warning","paw","send","car","sliders","tree","bell","certificate","cloud","comment","dashboard","female","male","flag","globe","heart","leaf","plane","refresh","rocket","question","star","unlock"]
+  end
+
+  def background_style
+    if self.style && self.style.start_with?('filled')
+      "background-color: #{self.background_color}"
+    elsif self.style
+      "border: 3px solid #{self.background_color}"
+    end
+  end
+
+  private 
+  def self.fallback_colors
+    "transparent #000000 #585858 #d9d9d9 #FFFFFF #003380 #6699CC #CC0000"
+  end
+end

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

@@ -0,0 +1,23 @@
+<h4>Icon</h4>
+<div class="alert alert-info">
+  <p>More Icons can be found at
+    <a href="http://fortawesome.github.io/Font-Awesome/icons/" target="_blank"><strong>Font Awesome</strong></a>.
+  </p>
+  <p>
+   Use only the name of the icon without fa. For Example the icon <i>fa fa-car</i>, use only <strong>car</strong>
+ </p>
+
+</div>
+<%= render "icon_box_widget/partials/icon_picker", widget: widget, attribute: :icon %>
+
+<h4>Size</h4>
+<%= render "icon_box_widget/partials/size_picker", widget: widget, attribute: :size %>
+
+<h4>Style</h4>
+<%= render "icon_box_widget/partials/style_picker", widget: widget, attribute: :style %>
+
+<h4>Color</h4>
+<%= render "icon_box_widget/partials/color_picker", widget: widget, attribute: :color %>
+
+<h4>Background Color</h4>
+<%= render "icon_box_widget/partials/color_picker", widget: widget, attribute: :background_color %>

data/app/views/icon_box_widget/partials/_color_picker.html.erb

@@ -0,0 +1,5 @@
+<div class="button-picker-wraper">
+  <% IconBoxWidget.colors.each do |color| %>
+    <%= scrivito_tag(:button, widget, attribute, class: "scrivito_button button-picker #{widget.send(attribute) == color ? "activated" : ""}",  style: "background: #{color}", :"data-picker-content" =>  color, :"data-editor" => 'button-picker') do %><%= color %><% end %>
+  <% end %>
+</div>

data/app/views/icon_box_widget/partials/_icon_picker.html.erb

@@ -0,0 +1,10 @@
+<% IconBoxWidget.icons.each do |icon| %>
+  <%= scrivito_tag(:button, widget, attribute,
+    class: "scrivito_button button-picker #{widget.send(attribute) == icon ? "activated" : ""}",
+    :"data-picker-content" => icon, :"data-editor" => 'button-picker') do %>
+      <i class="fa fa-<%= icon %>"></i> <%= icon %>
+  <% end %>
+<% end %>
+
+<h4>Different Icon</h4>
+<%= scrivito_tag(:div, widget, attribute) %>

data/app/views/icon_box_widget/partials/_size_picker.html.erb

@@ -0,0 +1,5 @@
+<% IconBoxWidget.sizes.each do |size| %>
+  <%= scrivito_tag(:button, widget, attribute, class: "scrivito_button button-picker #{widget.send(attribute) == size ? "activated" : ""}", :"data-picker-content" => size, :"data-editor" => 'button-picker') do %>
+    <%= size %>
+  <% end %>
+<% end %>

data/app/views/icon_box_widget/partials/_style_picker.html.erb

@@ -0,0 +1,5 @@
+<% IconBoxWidget.styles.each do |style| %>
+  <%= scrivito_tag(:button, widget, attribute, class: "scrivito_button button-picker #{widget.send(attribute) == style ? "activated" : ""}", :"data-picker-content" => style, :"data-editor" => 'button-picker') do %>
+    <%= style %>
+  <% end %>
+<% end %>

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

@@ -0,0 +1,3 @@
+<div class="scrivito-icon-box <%= widget.size %> <%= widget.style %>" style="<%= widget.background_style %>">
+  <i class="fa fa-<%= widget.icon %>" style="color: <%= widget.color %>"></i>
+</div>

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

@@ -0,0 +1,13 @@
+<div class="editing-dialog-thumbnail">
+  <div class="visualization">
+    <span class="icon editing-icon-image"></span>
+  </div>
+
+  <div class="title">
+    Icon Box
+  </div>
+
+  <div class="description">
+    A Box to display an icon in specified color and shape.
+  </div>
+</div>

data/cms/migrate/0_create_icon_box_widget.rb

@@ -0,0 +1,17 @@
+class CreateIconBoxWidget < ::Scrivito::Migration
+  def up
+    Scrivito::ObjClass.create(
+      name: 'IconBoxWidget',
+      type: 'publication',
+      is_binary: false,
+      title: 'Icon Box Widget',
+      attributes: [
+        {:name=>"icon", :type=>"string"},
+        {:name=>"color", :type=>"string"},
+        {:name=>"background_color", :type=>"string"},
+        {:name=>"size", :type=>"enum", :values=>["small","medium","large"]},
+        {:name=>"style", :type=>"enum", :values=>["circle","square","filled-circle","filled-square"]},
+      ]
+    )
+  end
+end

data/lib/generators/scrivito_icon_box_widget.rb

@@ -0,0 +1,7 @@
+# config/initializers/load_config.rb
+APP_CONFIG = YAML.load_file("#{Rails.root}/config/config.yml")
+
+# application.rb
+if APP_CONFIG && APP_CONFIG['scrivito_icon_box_widget']['colors']
+  Rails.configuration.icon_box_colors = APP_CONFIG['scrivito_icon_box_widget']['colors']
+end

data/lib/generators/scrivito_icon_box_widget_generator.rb

@@ -0,0 +1,7 @@
+class ScrivitoIconBoxWidgetGenerator < Rails::Generators::Base
+  source_root(File.expand_path(File.dirname(__FILE__)))
+
+  def copy_initializer
+    copy_file 'scrivito_icon_box_widget.rb', 'config/initializers/scrivito_icon_box_widget.rb'
+  end
+end

data/lib/scrivito_icon_box_widget/engine.rb

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

data/lib/scrivito_icon_box_widget/version.rb

@@ -0,0 +1,3 @@
+module ScrivitoIconBoxWidget
+  VERSION = "1.0.1"
+end

data/lib/scrivito_icon_box_widget.rb

@@ -0,0 +1,4 @@
+require "scrivito_icon_box_widget/engine"
+
+module ScrivitoIconBox
+end

data/lib/tasks/scrivito_icon_box_widget_tasks.rake

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

metadata

@@ -0,0 +1,122 @@
+--- !ruby/object:Gem::Specification
+name: scrivito_icon_box_widget
+version: !ruby/object:Gem::Version
+  version: 1.0.1
+platform: ruby
+authors:
+- Scrivito
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2014-11-05 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'
+- !ruby/object:Gem::Dependency
+  name: font-awesome-rails
+  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: 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: Widget for scrivito to display an icon in a box.
+email:
+- support@scrivito.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- LICENSE
+- Rakefile
+- app/assets/javascript/icon_box_widget/editing.js
+- app/assets/javascript/icon_box_widget/editing/editors/button_picker.js
+- app/assets/stylesheets/icon_box_widget/application.css
+- app/assets/stylesheets/icon_box_widget/editing.css
+- app/assets/stylesheets/icon_box_widget/widget.css
+- app/models/icon_box_widget.rb
+- app/views/icon_box_widget/details.html.erb
+- app/views/icon_box_widget/partials/_color_picker.html.erb
+- app/views/icon_box_widget/partials/_icon_picker.html.erb
+- app/views/icon_box_widget/partials/_size_picker.html.erb
+- app/views/icon_box_widget/partials/_style_picker.html.erb
+- app/views/icon_box_widget/show.html.erb
+- app/views/icon_box_widget/thumbnail.html.erb
+- cms/migrate/0_create_icon_box_widget.rb
+- lib/generators/scrivito_icon_box_widget.rb
+- lib/generators/scrivito_icon_box_widget_generator.rb
+- lib/scrivito_icon_box_widget.rb
+- lib/scrivito_icon_box_widget/engine.rb
+- lib/scrivito_icon_box_widget/version.rb
+- lib/tasks/scrivito_icon_box_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.3.0
+signing_key: 
+specification_version: 4
+summary: Widget for scrivito to display an icon in a box.
+test_files: []