scrivito_text_image_widget 0.1.0

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: 36f0a6bfc23fcf0a8bb40f84df4afd9ea92bad1c
+  data.tar.gz: f8916e2d5603d3893a9919040325d2666c5ffafb
+SHA512:
+  metadata.gz: 9aa6c0f1e5bc839d033ad1112be05d46b867a071ce3267308af5a60d3b03c4132d18ec75b7230813f25b3ff90309d419fe2b031c183c6ef7f0fad1ed106ce989
+  data.tar.gz: 826b246d5475126e7a86a64ed714d41434bfa56960cdaa544e569a20182ca8c88c232c054ffb608ac4824dfe03eee06bd166fae5a7b2212ddf557db68e742668

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,43 @@
+# ScrivitoTextImageWidget
+
+Scrivito Widget to add a text image widget with editable floating, image description and styleoptions.
+
+## Installation
+
+Add this line to your application's Gemfile:
+
+    gem 'scrivito_text_image_widget'
+
+Add this line to your application stylesheet manifest:
+
+    *= require scrivito_text_image_widget
+
+## Localization
+
+The following code represents the default localization for English. Copy it to your `en.yml` and change it if necessary:
+
+```yaml
+en:
+  scrivito_text_image_widget:
+    thumbnail:
+      title: Text Image
+      description: Insert a Image with floating Text
+    details:
+      floating: Floating
+      image_size: Image Size
+      image_size_mobile: Image Size Mobile
+      alt_text: Alternative Text
+      background_color: Background color
+```
+
+## Customization
+
+This widget includes an attribute for the background color of every panel. The value of this attribute is used as a CSS class. If you want to use this feature, add a CSS rule for your selectable colors:
+
+```css
+.bg-red {
+  background-color: red;
+}
+```
+
+You can also use the [Scrivito Advanced Editors](https://github.com/Scrivito/scrivito_advanced_editors #color_picker) color picker to have a better visualization of the selectable color classes.

data/Rakefile

@@ -0,0 +1,24 @@
+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    = 'ScrivitoTextImageWidget'
+  rdoc.options << '--line-numbers'
+  rdoc.rdoc_files.include('README.rdoc')
+  rdoc.rdoc_files.include('lib/**/*.rb')
+end
+
+
+
+load 'rails/tasks/statistics.rake'
+
+
+
+Bundler::GemHelper.install_tasks
+

data/app/assets/stylesheets/scrivito_text_image_widget.scss

@@ -0,0 +1,78 @@
+.scrivito-text-image-image {
+  margin: 0;
+  padding: 0;
+  max-width: 100%;
+}
+
+.scrivito-text-image-image img {
+  max-width: 100%;
+}
+
+.scrivito-text-image-image .scrivito-text-image-description {
+  margin: 3px 0 10px;
+  padding: 10px;
+  font-size: 0.7em;
+  line-height: 0.7em;
+  p:last-child {
+    margin-bottom: 0;
+  }
+}
+
+.scrivito-text-image-float-left {
+  float: left;
+  margin-right: 10px;
+}
+
+.scrivito-text-image-float-center {
+  float: none;
+  margin: auto;
+}
+
+.scrivito-text-image-float-right {
+  float: right;
+  margin-left: 10px;
+}
+
+.scrivito-text-image-size-small {
+  width: 100px;
+}
+
+.scrivito-text-image-size-medium {
+  width: 200px;
+}
+
+.scrivito-text-image-size-large {
+  width: 300px;
+}
+
+.scrivito-text-image-size-very-large {
+  width: 300px;
+}
+
+.scrivito-text-image-size-full {
+  width: 100%;
+  float: none;
+}
+
+@media(max-width: 750px) {
+  .scrivito-text-image-mobile-size-small {
+    width: 100px;
+  }
+
+  .scrivito-text-image-mobile-size-medium {
+    width: 200px;
+  }
+
+  .scrivito-text-image-mobile-size-large {
+    width: 300px;
+  }
+
+  .scrivito-text-image-size-very-large {
+    width: 500px;
+  }
+
+  .scrivito-text-image-mobile-size-large {
+    width: 100%;
+    float: none;
+  }
+}

data/app/models/text_image_widget.rb

@@ -0,0 +1,25 @@
+class TextImageWidget < Widget
+  attribute :text, :html
+  attribute :image, :reference
+  attribute :image_description, :html
+  attribute :alt_text, :string
+  attribute :floating, :enum, values: ['left','center','right'], default: 'left'
+  attribute :image_size, :enum, values: ['small','medium','large', 'very-large', 'full'], default: 'medium'
+  attribute :image_size_mobile, :enum, values: ['small','medium','large', 'very-large','full'], default: 'medium'
+  attribute :background_color, :string
+
+  def image_floating_class
+    "scrivito-text-image-float-#{floating}"
+  end
+
+  def image_size_class
+    "scrivito-text-image-size-#{image_size} scrivito-text-image-mobile-size-#{image_size_mobile}"
+  end
+
+  def scrivito_selectable_color_classes
+    helper = ApplicationController.helpers
+    if helper.respond_to? 'scrivito_selectable_color_classes'
+      helper.scrivito_selectable_color_classes('accordion_widget', 'background_color')
+    end
+  end
+end

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

@@ -0,0 +1,19 @@
+<%= scrivito_details_for t('scrivito_text_image_widget.details.floating', default: 'Floating') do %>
+  <%= scrivito_tag :div, widget, :floating %>
+<% end %>
+
+<%= scrivito_details_for t('scrivito_text_image_widget.details.image_size', default: 'Image Size') do %>
+  <%= scrivito_tag :div, widget, :image_size %>
+<% end %>
+
+<%= scrivito_details_for t('scrivito_text_image_widget.details.image_size_monile', default: 'Image Size Mobile') do %>
+  <%= scrivito_tag :div, widget, :image_size_mobile %>
+<% end %>
+
+<%= scrivito_details_for t('scrivito_text_image_widget.details.alt_text', default: 'Alternative Text') do %>
+  <%= scrivito_tag :div, widget, :alt_text %>
+<% end %>
+
+<%= scrivito_details_for t('scrivito_text_image_widget.details.background_color', default: 'Background Color') do %>
+  <%= scrivito_tag :div, widget, :background_color, data: {colors_list: widget.scrivito_selectable_color_classes} %>
+<% end %>

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

@@ -0,0 +1,10 @@
+<div class="scrivito-text-image-widget">
+  <div class="scrivito-text-image-image <%= widget.image_floating_class %> <%= widget.image_size_class %>">
+    <%= scrivito_image_tag widget, :image, class: "", alt: widget.alt_text %>
+    <% if widget.image_description.present? || scrivito_in_editable_view? %>
+      <%= scrivito_tag :div, widget, :image_description, class: "scrivito-text-image-description #{widget.background_color}" %>
+    <% end %>
+  </div>
+
+  <%= scrivito_tag :div, widget, :text, class: 'scrivito-text-image-text' %>
+</div>

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

@@ -0,0 +1,3 @@
+<%= scrivito_thumbnail t('scrivito_text_image_widget.thumbnail.title', default: 'Text Image'), image_tag("widgets/scrivito_text_image_widget.png") do %>
+  <%= t('scrivito_text_image_widget.thumbnail.description', default: 'Insert a Image with floating Text') %>
+<% end %>

data/lib/scrivito_text_image_widget.rb

@@ -0,0 +1,4 @@
+require "scrivito_text_image_widget/engine"
+
+module ScrivitoTextImageWidget
+end

data/lib/scrivito_text_image_widget/engine.rb

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

data/lib/scrivito_text_image_widget/version.rb

@@ -0,0 +1,3 @@
+module ScrivitoTextImageWidget
+  VERSION = "0.1.0"
+end

data/lib/tasks/scrivito_text_image_widget_tasks.rake

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

metadata

@@ -0,0 +1,73 @@
+--- !ruby/object:Gem::Specification
+name: scrivito_text_image_widget
+version: !ruby/object:Gem::Version
+  version: 0.1.0
+platform: ruby
+authors:
+- Scrivito
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2016-09-02 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: scrivito
+  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 text image widget with editable floating, image
+  description and styleoptions.
+email:
+- support@scrivito.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- LICENSE
+- README.md
+- Rakefile
+- app/assets/images/widgets/scrivito_text_image_widget.png
+- app/assets/stylesheets/scrivito_text_image_widget.scss
+- app/models/text_image_widget.rb
+- app/views/text_image_widget/details.html.erb
+- app/views/text_image_widget/show.html.erb
+- app/views/text_image_widget/thumbnail.html.erb
+- lib/scrivito_text_image_widget.rb
+- lib/scrivito_text_image_widget/engine.rb
+- lib/scrivito_text_image_widget/version.rb
+- lib/tasks/scrivito_text_image_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 to add a text image widget with editable floating, image
+  description and styleoptions.
+test_files: []