maglove-widgets 1.0.0

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: 747d243b052fb6e447af302a6a501cef1e5e6f16
+  data.tar.gz: 0cdc2815023a692cb50027edbf7c03be6f9d9890
+SHA512:
+  metadata.gz: d13fa67542c94ff7c5d271d909adbee91fcdeaefca4c8300ca9617a9ca9f4cabe48dbd81cb858131ecd9652b003ce1c97651e934aaaffbea5e62a98e5321da02
+  data.tar.gz: 26c4c6fb495c36a6d3f84dd60605c0dbdfb3154d9053dc3cec09982f97fe4a46419ebc1cf33275f084d26e48ee9e1f65aa30da1702c65709485bee80348221ce

data/.gitignore

@@ -0,0 +1,3 @@
+/.env
+.DS_Store
+/maglove-widgets-*.gem

data/.rubocop.yml

@@ -0,0 +1,157 @@
+# kind_of? is a good way to check a type
+Style/ClassCheck:
+  EnforcedStyle: kind_of?
+
+# It's better to be more explicit about the type
+Style/BracesAroundHashParameters:
+  Enabled: false
+
+# specs sometimes have useless assignments, which is fine
+Lint/UselessAssignment:
+  Exclude:
+    - '**/spec/**/*'
+
+# We could potentially enable the 2 below:
+Style/IndentHash:
+  Enabled: false
+
+Style/AlignHash:
+  Enabled: false
+
+# HoundCI doesn't like this rule
+Style/DotPosition:
+  Enabled: false
+
+# We allow !! as it's an easy way to convert ot boolean
+Style/DoubleNegation:
+  Enabled: false
+
+# Sometimes we allow a rescue block that doesn't contain code
+Lint/HandleExceptions:
+  Enabled: false
+
+# Cop supports --auto-correct.
+Lint/UnusedBlockArgument:
+  Enabled: false
+
+# Needed for $verbose
+Style/GlobalVars:
+  Enabled: false
+
+# We want to allow class Fastlane::Class
+Style/ClassAndModuleChildren:
+  Enabled: false
+
+# $? Exit
+Style/SpecialGlobalVars:
+  Enabled: false
+
+Metrics/AbcSize:
+  Enabled: false
+
+Metrics/MethodLength:
+  Enabled: false
+
+Metrics/CyclomaticComplexity:
+  Enabled: false
+
+# The %w might be confusing for new users
+Style/WordArray:
+  MinSize: 19
+
+# raise and fail are both okay
+Style/SignalException:
+  Enabled: false
+
+# Better too much 'return' than one missing
+Style/RedundantReturn:
+  Enabled: false
+
+# Having if in the same line might not always be good
+Style/IfUnlessModifier:
+  Enabled: false
+
+# and and or is okay
+Style/AndOr:
+  Enabled: false
+
+# Configuration parameters: CountComments.
+Metrics/ClassLength:
+  Max: 320
+
+
+# Configuration parameters: AllowURI, URISchemes.
+Metrics/LineLength:
+  Max: 370
+
+# Configuration parameters: CountKeywordArgs.
+Metrics/ParameterLists:
+  Max: 17
+
+Metrics/PerceivedComplexity:
+  Max: 20
+
+# Sometimes it's easier to read without guards
+Style/GuardClause:
+  Enabled: false
+
+# We allow both " and '
+Style/StringLiterals:
+  Enabled: false
+
+# something = if something_else
+# that's confusing
+Style/ConditionalAssignment:
+  Enabled: false
+
+# Better to have too much self than missing a self
+Style/RedundantSelf:
+  Enabled: false
+
+# e.g.
+# def self.is_supported?(platform)
+# we may never use `platform`
+Lint/UnusedMethodArgument:
+  Enabled: false
+
+# the let(:key) { ... }
+Lint/ParenthesesAsGroupedExpression:
+  Exclude:
+    - '**/spec/**/*'
+
+# This would reject is_ in front of methods
+# We use `is_supported?` everywhere already
+Style/PredicateName:
+  Enabled: false
+
+# We allow the $
+Style/PerlBackrefs:
+  Enabled: false
+
+# Disable '+ should be surrounded with a single space' for xcodebuild_spec.rb
+Style/SpaceAroundOperators:
+  Exclude:
+    - '**/spec/actions_specs/xcodebuild_spec.rb'
+
+AllCops:
+  Include:
+    - '**/fastlane/Fastfile'
+  Exclude:
+    - './vendor/**/*'
+    - db/schema.rb
+
+# We're not there yet
+Style/Documentation:
+  Enabled: false
+
+# Added after upgrade to 0.38.0
+Style/MutableConstant:
+  Enabled: false
+
+# length > 0 is good
+Style/ZeroLengthPredicate:
+  Enabled: false
+
+# Adds complexity
+Style/IfInsideElse:
+  Enabled: false

data/Gemfile

@@ -0,0 +1,3 @@
+source 'https://rubygems.org'
+
+gemspec

data/Gemfile.lock

@@ -0,0 +1,29 @@
+PATH
+  remote: .
+  specs:
+    maglove-widgets (1.0.0)
+      bundler (~> 1.10)
+      haml (~> 4.0)
+      hamloft (~> 0.2.4)
+
+GEM
+  remote: https://rubygems.org/
+  specs:
+    haml (4.0.7)
+      tilt
+    hamloft (0.2.4)
+      haml (~> 4.0)
+      nokogiri (~> 1.6)
+    mini_portile2 (2.1.0)
+    nokogiri (1.6.8.1)
+      mini_portile2 (~> 2.1.0)
+    tilt (2.0.5)
+
+PLATFORMS
+  ruby
+
+DEPENDENCIES
+  maglove-widgets!
+
+BUNDLED WITH
+   1.12.4

data/README.md

@@ -0,0 +1,2 @@
+[MagLove Widgets](http://bitbucket.org/magloft/maglove-widgets/) - MagLove Widgets
+==================================================================================

data/lib/maglove/widgets.rb

@@ -0,0 +1,32 @@
+require "maglove/widgets/base"
+require "maglove/widgets/banner"
+require "maglove/widgets/button"
+require "maglove/widgets/columns"
+require "maglove/widgets/container"
+require "maglove/widgets/heading"
+require "maglove/widgets/horizontal_rule"
+require "maglove/widgets/image"
+require "maglove/widgets/paragraph"
+require "maglove/widgets/scrollable_image"
+require "maglove/widgets/slider"
+require "maglove/widgets/video"
+require "maglove/widgets/yahoo_screen"
+require "maglove/widgets/youtube"
+
+module Maglove
+  module Widgets
+    Hamloft.register_widget(Banner)
+    Hamloft.register_widget(Button)
+    Hamloft.register_widget(Columns)
+    Hamloft.register_widget(Container)
+    Hamloft.register_widget(Heading)
+    Hamloft.register_widget(HorizontalRule)
+    Hamloft.register_widget(Image)
+    Hamloft.register_widget(Paragraph)
+    Hamloft.register_widget(ScrollableImage)
+    Hamloft.register_widget(Slider)
+    Hamloft.register_widget(Video)
+    Hamloft.register_widget(YahooScreen)
+    Hamloft.register_widget(Youtube)
+  end
+end

data/lib/maglove/widgets/banner.rb

@@ -0,0 +1,28 @@
+module Maglove
+  module Widgets
+    class Banner < Base
+      def identifier
+        "banner"
+      end
+
+      def defaults
+        {
+          style: "dark",
+          alignment: "center"
+        }
+      end
+    end
+    module Helpers
+      def banner_widget(options = {}, &block)
+        widget_block(Widgets::Banner.new(options)) do |widget|
+          haml_tag :div, class: "banner-outer align-#{widget.options[:alignment]}" do
+            haml_tag :div, class: "banner banner-#{widget.options[:style]}" do
+              yield if block
+              drop_container
+            end
+          end
+        end
+      end
+    end
+  end
+end

data/lib/maglove/widgets/base.rb

@@ -0,0 +1,36 @@
+module Maglove
+  module Widgets
+    class Base
+      include Hamloft::Helpers
+      attr_accessor :options
+
+      def identifier
+        "base"
+      end
+
+      def defaults
+        {}
+      end
+
+      def initialize(options)
+        @options = defaults.merge(options)
+      end
+
+      def typeloft_widget_options
+        attributes = {
+          :class => "_typeloft_widget",
+          :"data-widget-identifier" => identifier
+        }
+        @options.each do |k, v|
+          if k == :padding or k == :margin
+            [:top, :right, :bottom, :left].each do |dir|
+              attributes["data-attribute-#{k}_#{dir}"] = v
+            end
+          end
+          attributes["data-attribute-#{k}"] = v
+        end
+        attributes
+      end
+    end
+  end
+end

data/lib/maglove/widgets/button.rb

@@ -0,0 +1,60 @@
+module Maglove
+  module Widgets
+    class Button < Base
+      def identifier
+        "button"
+      end
+
+      def defaults
+        {
+          background_color: "#e6e6e6",
+          border_radius: "4px",
+          border_width: "1px",
+          border_style: "solid",
+          media: false,
+          size: "btn-lg",
+          style: "primary",
+          type: "btn-fit"
+        }
+      end
+
+      def button_classes
+        classes = ["btn", "btn-#{@options[:style]}", @options[:size], @options[:type], "_typeloft_editable"]
+        classes.push("btn-media") if @options[:media]
+        classes.join(" ")
+      end
+
+      def button_options
+        result = { class: button_classes, href: (@options[:href] or "#"), style: button_styles }
+        result["data-media"] = @options[:media] if @options[:media] and !@options[:media].empty?
+        result
+      end
+
+      def button_styles
+        style_string @options, :border_radius, :border_width, :border_style, :border_color, :background_color do |sb|
+          sb.add(:border_style, "solid")
+        end
+      end
+
+      module Helpers
+        def button_widget(options = {}, contents = nil, &block)
+          if options.class.name == "String"
+            contents = options
+            options = {}
+          end
+          widget_block(Widgets::Button.new(options)) do |widget|
+            haml_tag :a, widget.button_options do
+              if widget.options[:media] and !widget.options[:media].blank?
+                haml_tag :video do
+                  haml_tag :source, { src: widget.options[:media], type: "video/mp4" }
+                end
+              end
+              haml_concat(contents) if contents
+              yield if block
+            end
+          end
+        end
+      end
+    end
+  end
+end

data/lib/maglove/widgets/columns.rb

@@ -0,0 +1,90 @@
+module Maglove
+  module Widgets
+    class Columns < Base
+      attr_reader :columns
+      attr_reader :column_count
+      attr_reader :total_columns
+
+      def initialize(options)
+        super(options)
+        @column_count = 0
+        column_array = @options[:columns].to_s.split("x")
+        if column_array.length == 1
+          @total_columns = column_array[0].to_i
+          @columns = Array.new(@total_columns) { 12 / @total_columns }
+        else
+          @total_columns = column_array.length
+          @columns = column_array
+        end
+      end
+
+      def next_span
+        value = @columns[@column_count]
+        @column_count += 1
+        value
+      end
+
+      def row_options
+        {
+          class: "row row-#{@options[:style]}",
+          style: style_string(@options, :margin_bottom)
+        }
+      end
+
+      def identifier
+        "columns"
+      end
+
+      def defaults
+        {
+          columns: "2",
+          style: "default",
+          margin_bottom: "",
+          collapse_options: "sm"
+        }
+      end
+
+      module Helpers
+        def column(row, &block)
+          # get and increase span
+          next_span = row.next_span
+          if next_span
+            phone_cols = row.options[:collapse_options] == "xs" ? next_span : "12"
+            haml_tag :div, class: "column col-#{phone_cols} col-tablet-#{next_span} col-#{row.options[:collapse_options]}-#{next_span}" do
+              yield if block
+              drop_container
+            end
+          else
+            haml_tag :pre do
+              haml_concat "ERROR: Row does not allow column at position #{row.column_count}"
+            end
+          end
+        end
+
+        def columns_widget(options = {}, &block)
+          widget_block(Widgets::Columns.new(options)) do |widget|
+            haml_tag :div, widget.row_options do
+              yield(widget) if block
+            end
+          end
+        end
+
+        def columns_widget_compose(key, options = {}, &block)
+          columns_widget = Widgets::Columns.new(options)
+          items = variable(key, [])
+          # calculate row and column count
+          row_count = (items.length.to_f / columns_widget.total_columns).ceil
+          col_count = columns_widget.total_columns
+          (0...row_count).each do |row_index|
+            columns_widget(options) do |row|
+              (0...col_count).each do |col_index|
+                index = (row_index * col_count) + col_index
+                yield(row, items[index]) unless items[index].nil?
+              end
+            end
+          end
+        end
+      end
+    end
+  end
+end

data/lib/maglove/widgets/container.rb

@@ -0,0 +1,84 @@
+module Maglove
+  module Widgets
+    class Container < Base
+      def identifier
+        "container"
+      end
+
+      def defaults
+        {
+          animate: "none",
+          image_source: false,
+          image_position: "center_center",
+          image_size: "cover",
+          parallax_effect: "none",
+          background_color: "",
+          bg_color: "",
+          opacity: "",
+          border_radius: "",
+          border_width: "",
+          border_style: "",
+          style: "default",
+          padding_top: "",
+          padding_right: "",
+          padding_bottom: "",
+          padding_left: "",
+          min_height: "",
+          max_height: "",
+          margin_top: "",
+          margin_right: "",
+          margin_bottom: "",
+          margin_left: ""
+        }
+      end
+
+      def container_options
+        result = { class: container_classes, style: container_styles }
+        result["data-parallax-style"] = @options[:parallax_effect] if !@options[:parallax_effect].empty? and @options[:parallax_effect] != "none"
+        result
+      end
+
+      def image_options
+        { class: "one-container-image", style: image_styles }
+      end
+
+      def container_classes
+        classes = ["one-container"]
+        classes.push("animate #{@options[:animate]}") if @options[:animate] != "none"
+        classes.push("container-#{@options[:style]}") unless @options[:style].empty?
+        classes.push("container-image-#{@options[:image_size]}") unless @options[:image_size].empty?
+        classes.push("container-parallax") if !@options[:parallax_effect].empty? and @options[:parallax_effect] != "none"
+        classes.join(" ")
+      end
+
+      def container_styles
+        style_string @options, :opacity, :border, :opacity, :border_radius, :border_width, :border_style, :margin do |sb|
+          sb.add(:background_color, @options[:background_color] == "custom" ? @options[:bg_color] : nil)
+          if @options[:background_color] == "overlay"
+            sb.add(:background_image, @options[:image_source], "linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(<%= value %>)")
+          else
+            sb.add(:background_image, @options[:image_source], "url(<%= value %>)")
+          end
+          sb.add(:background_position, @options[:image_position], "<%= value.split('_').join(' ') %>")
+        end
+      end
+
+      def image_styles
+        style_string @options, :min_height, :max_height, :padding
+      end
+
+      module Helpers
+        def container_widget(options = {}, &block)
+          widget_block(Widgets::Container.new(options)) do |widget|
+            haml_tag :section, widget.container_options do
+              haml_tag :div, widget.image_options do
+                yield if block
+                drop_container
+              end
+            end
+          end
+        end
+      end
+    end
+  end
+end

data/lib/maglove/widgets/heading.rb

@@ -0,0 +1,35 @@
+module Maglove
+  module Widgets
+    class Heading < Base
+      def identifier
+        "heading"
+      end
+
+      def defaults
+        {
+          type: "h1",
+          style: "default",
+          align: "left",
+          margin_bottom: "1em"
+        }
+      end
+
+      module Helpers
+        def heading_widget(options = {}, contents = nil, &block)
+          if options.class.name == "String"
+            contents = options
+            options = {}
+          end
+          widget_block(Widgets::Heading.new(options)) do |widget|
+            haml_tag :header, class: "#{widget.options[:style]} align-#{widget.options[:align]}", style: style_string(widget.options, :margin, :padding) do
+              haml_tag widget.options[:type], class: "_typeloft_editable _typeloft_widget_autoselect" do
+                haml_concat(contents) if contents
+                yield if block
+              end
+            end
+          end
+        end
+      end
+    end
+  end
+end

data/lib/maglove/widgets/horizontal_rule.rb

@@ -0,0 +1,25 @@
+module Maglove
+  module Widgets
+    class HorizontalRule < Base
+      def identifier
+        "horizontal_rule"
+      end
+
+      def defaults
+        {
+          style: 'solid',
+          color: 'dark',
+          max_height: 'inherit'
+        }
+      end
+
+      module Helpers
+        def horizontal_rule_widget(options = {})
+          widget_block(Widgets::HorizontalRule.new(options)) do |widget|
+            haml_tag :hr, style: "max-height: #{widget.options[:max_height]}", class: "#{widget.options[:style]} #{widget.options[:color]}"
+          end
+        end
+      end
+    end
+  end
+end

data/lib/maglove/widgets/image.rb

@@ -0,0 +1,63 @@
+module Maglove
+  module Widgets
+    class Image < Base
+      def identifier
+        "image"
+      end
+
+      def defaults
+        {
+          style: "img-responsive",
+          align: "center",
+          source: false,
+          magnify: false,
+          margin_bottom: "0",
+          tooltip_icon: "bullhorn",
+          tooltip_text_alignment: "justify",
+          tooltip_text_size: "medium",
+          tooltip_position: "top-right",
+          tooltip_text: ""
+        }
+      end
+
+      def image_classes
+        classes = ["image-widget"]
+        classes.push("align-#{@options[:align]}")
+        classes.push("popup-position-#{@options[:tooltip_position]}") if popup?
+        classes.join(" ")
+      end
+
+      def popup?
+        !@options[:tooltip_text].blank?
+      end
+
+      module Helpers
+        def image_widget(options = {})
+          widget_block(Widgets::Image.new(options)) do |widget|
+            haml_tag :div, class: widget.image_classes, style: style_string(widget.options, :margin, :padding) do
+              if widget.popup?
+                haml_tag :i, class: "popup fa fa-lg fa-#{widget.options[:tooltip_icon]}"
+                haml_tag :div, class: "popup-box", style: "font-size: #{widget.options[:tooltip_text_size]}, text-align: #{widget.options[:tooltip_text_alignment]};" do
+                  haml_concat(widget.options[:tooltip_text])
+                end
+              end
+              haml_tag :img, class: "image #{widget.options[:style]} #{widget.options[:magnify] ? 'magnific-image' : ''}", src: widget.options[:source]
+              haml_tag :div, class: "image-drop-target"
+            end
+          end
+        end
+
+        def image_widget_link(options = {})
+          widget_block(Widgets::Image.new(options)) do |widget|
+            haml_tag :div, class: "image-widget align-#{widget.options[:align]}" do
+              link options[:href] do
+                haml_tag :img, style: style_string(widget.options, :margin, :padding), class: "image #{widget.options[:style]} #{widget.options[:magnify] ? 'magnific-image' : ''}", src: widget.options[:source]
+              end
+              haml_tag :div, class: "image-drop-target"
+            end
+          end
+        end
+      end
+    end
+  end
+end

data/lib/maglove/widgets/paragraph.rb

@@ -0,0 +1,44 @@
+module Maglove
+  module Widgets
+    class Paragraph < Base
+      def identifier
+        "paragraph"
+      end
+
+      def defaults
+        {
+          style: "default",
+          align: "left",
+          size: "md",
+          margin_bottom: "1em",
+          drop_cap: "",
+          drop_cap_color: "#000000",
+          line_height: ""
+        }
+      end
+
+      module Helpers
+        def paragraph_widget(options = {}, contents = nil, &block)
+          if options.class.name == "String"
+            contents = options
+            options = {}
+          end
+          widget_block(Widgets::Paragraph.new(options)) do |widget|
+            haml_tag :div, style: style_string(widget.options, :margin, :padding), class: "paragraph #{widget.options[:style]} align-#{widget.options[:align]} size-#{widget.options[:size]}" do
+              unless widget.options[:drop_cap].empty?
+                haml_tag :span, class: "__dropcap", style: "color: #{widget.options[:drop_cap_color]};" do
+                  haml_concat(widget.options[:drop_cap])
+                end
+              end
+
+              haml_tag :span, class: "paragraph-content _typeloft_editable _typeloft_widget_autoselect", style: style_string(widget.options, :line_height) do
+                haml_concat(contents) if contents
+                yield if block
+              end
+            end
+          end
+        end
+      end
+    end
+  end
+end

data/lib/maglove/widgets/scrollable_image.rb

@@ -0,0 +1,34 @@
+module Maglove
+  module Widgets
+    class ScrollableImage < Base
+      def identifier
+        "scrollable_image"
+      end
+
+      def defaults
+        {
+          source: false,
+          show_navigation: true,
+          height: "400px",
+          margin_bottom: "0px"
+        }
+      end
+
+      module Helpers
+        def scrollable_image_widget(options = {})
+          widget_block(Widgets::ScrollableImage.new(options)) do |widget|
+            haml_tag :div, class: "scrollable-image-container #{widget.options[:show_navigation] ? 'show-navigation' : ''}", style: style_string(widget.options, :margin, :padding, :height) do
+              haml_tag :div, class: "scrollable-image-inner" do
+                haml_tag :img, class: "scrollable-image", src: widget.options[:source]
+              end
+              if widget.options[:show_navigation]
+                haml_tag :div, class: "scrollable-image-navigator scrollable-image-navigator-left"
+                haml_tag :div, class: "scrollable-image-navigator scrollable-image-navigator-right"
+              end
+            end
+          end
+        end
+      end
+    end
+  end
+end

data/lib/maglove/widgets/slider.rb

@@ -0,0 +1,56 @@
+module Maglove
+  module Widgets
+    class Slider < Base
+      def identifier
+        "slider"
+      end
+
+      def defaults
+        {
+          slides: "3",
+          height: "auto",
+          margin_bottom: "0px",
+          background_color: "#EEEEEE",
+          buttons_position: "bottom",
+          autoplay: "true",
+          autoplay_timeout: "3000"
+        }
+      end
+
+      def slider_options
+        data = { class: slider_classes, autoplay: @options[:autoplay], autoplay_timeout: @options[:autoplay_timeout] }
+        { class: "owl-carousel", style: slider_styles, data: data }
+      end
+
+      def slider_styles
+        style_string @options, :margin, :height, :background_color do |sb|
+          sb.add(:min_height, "120px")
+          sb.add(:overflow, "hidden")
+        end
+      end
+
+      def slider_classes
+        classes = ["owl-carousel", "owl-loaded", "owl-text-select-on", "owl-theme"]
+        classes.push("position-#{@options[:buttons_position]}") unless @options[:buttons_position].empty?
+        classes.join(" ")
+      end
+
+      module Helpers
+        def slider_widget(options = {}, &block)
+          widget_block(Widgets::Slider.new(options)) do |widget|
+            haml_tag :div, widget.slider_options do
+              yield if block
+            end
+          end
+        end
+
+        def slider_item(options = {}, &block)
+          haml_tag :div, class: "item" do
+            yield if block
+            drop_container
+          end
+        end
+      end
+    end
+  end
+end

data/lib/maglove/widgets/video.rb

@@ -0,0 +1,36 @@
+module Maglove
+  module Widgets
+    class Video < Base
+      def identifier
+        "video"
+      end
+
+      def defaults
+        {
+          width: "640",
+          height: "360",
+          preload: "auto",
+          style: "default",
+          source: false,
+          poster: false,
+          autoplay: false,
+          controls: true,
+          loop: false,
+          margin_bottom: "0"
+        }
+      end
+
+      module Helpers
+        def video_widget(options = {})
+          widget_block(Widgets::Video.new(options)) do |widget|
+            haml_tag :div, class: "video-widget player-style-#{widget.options[:style]}" do
+              haml_tag :video, controls: true, poster: widget.options[:poster], style: "width: 100%" do
+                haml_tag :source, src: widget.options[:source].to_s, type: "video/mp4"
+              end
+            end
+          end
+        end
+      end
+    end
+  end
+end

data/lib/maglove/widgets/yahoo_screen.rb

@@ -0,0 +1,27 @@
+module Maglove
+  module Widgets
+    class YahooScreen < Base
+      def identifier
+        "yahoo_screen"
+      end
+
+      def defaults
+        {
+          yahoo_screen_id: "apple-iwatch-iphone-6-135616256",
+          width: "800",
+          height: "600"
+        }
+      end
+
+      module Helpers
+        def yahoo_screen_widget(options = {}, &block)
+          widget_block(Widgets::YahooScreen.new(options)) do |widget|
+            haml_tag :div, class: "flex-video widescreen", style: style_string(widget.options, :margin, :padding) do
+              haml_tag :iframe, src: "http://screen.yahoo.com/#{widget.options[:yahoo_screen_id]}.html?format=embed", type: "text/html", style: "max-width: 100%; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%;", allowfullscreen: "", frameborder: "0", webkitallowfullscreen: "", mozallowfullscreen: ""
+            end
+          end
+        end
+      end
+    end
+  end
+end

data/lib/maglove/widgets/youtube.rb

@@ -0,0 +1,27 @@
+module Maglove
+  module Widgets
+    class Youtube < Base
+      def identifier
+        "youtube"
+      end
+
+      def defaults
+        {
+          youtube_id: "LFYNP40vfmE",
+          width: "800",
+          height: "600"
+        }
+      end
+
+      module Helpers
+        def youtube_widget(options = {}, &block)
+          widget_block(Widgets::Youtube.new(options)) do |widget|
+            haml_tag :div, class: "flex-video widescreen", style: style_string(widget.options, :margin, :padding) do
+              haml_tag :iframe, src: "https://www.youtube.com/embed/#{widget.options[:youtube_id]}", type: "text/html", style: "max-width: 100%; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%;", allowfullscreen: "", frameborder: "0", webkitallowfullscreen: "", mozallowfullscreen: ""
+            end
+          end
+        end
+      end
+    end
+  end
+end

data/maglove-widgets.gemspec

@@ -0,0 +1,21 @@
+lib = File.expand_path('../lib', __FILE__)
+$LOAD_PATH.unshift(lib) unless $LOAD_PATH.include?(lib)
+
+Gem::Specification.new do |s|
+  s.name        = "maglove-widgets"
+  s.version     = "1.0.0"
+  s.licenses    = ["BSD-3-Clause"]
+  s.platform    = Gem::Platform::RUBY
+  s.authors     = ["Tobias Strebitzer"]
+  s.email       = ["tobias.strebitzer@magloft.com"]
+  s.homepage    = "https://bitbucket.org/MagLoft/maglove-widgets"
+  s.summary     = "MagLove Widgets Repository"
+  s.description = "This gem contains shared widgets for MagLove."
+  s.required_rubygems_version = '>= 2.4.7'
+  s.add_runtime_dependency "bundler", "~> 1.10"
+  s.add_runtime_dependency 'haml', "~> 4.0"
+  s.add_runtime_dependency 'hamloft', "~> 0.2.4"
+  s.files        = `git ls-files`.split("\n")
+  s.executables  = `git ls-files -- bin/*`.split("\n").map { |f| File.basename(f) }
+  s.require_path = 'lib'
+end

metadata

@@ -0,0 +1,107 @@
+--- !ruby/object:Gem::Specification
+name: maglove-widgets
+version: !ruby/object:Gem::Version
+  version: 1.0.0
+platform: ruby
+authors:
+- Tobias Strebitzer
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2016-10-27 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: bundler
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.10'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.10'
+- !ruby/object:Gem::Dependency
+  name: haml
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '4.0'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '4.0'
+- !ruby/object:Gem::Dependency
+  name: hamloft
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 0.2.4
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 0.2.4
+description: This gem contains shared widgets for MagLove.
+email:
+- tobias.strebitzer@magloft.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- ".gitignore"
+- ".rubocop.yml"
+- Gemfile
+- Gemfile.lock
+- README.md
+- lib/maglove/widgets.rb
+- lib/maglove/widgets/banner.rb
+- lib/maglove/widgets/base.rb
+- lib/maglove/widgets/button.rb
+- lib/maglove/widgets/columns.rb
+- lib/maglove/widgets/container.rb
+- lib/maglove/widgets/heading.rb
+- lib/maglove/widgets/horizontal_rule.rb
+- lib/maglove/widgets/image.rb
+- lib/maglove/widgets/paragraph.rb
+- lib/maglove/widgets/scrollable_image.rb
+- lib/maglove/widgets/slider.rb
+- lib/maglove/widgets/video.rb
+- lib/maglove/widgets/yahoo_screen.rb
+- lib/maglove/widgets/youtube.rb
+- maglove-widgets.gemspec
+homepage: https://bitbucket.org/MagLoft/maglove-widgets
+licenses:
+- BSD-3-Clause
+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: 2.4.7
+requirements: []
+rubyforge_project: 
+rubygems_version: 2.6.6
+signing_key: 
+specification_version: 4
+summary: MagLove Widgets Repository
+test_files: []