weaver 0.8.0 → 0.8.1

data/lib/weaver/element_types/panel.rb

@@ -0,0 +1,124 @@
+module Weaver
+  class Panel < Elements
+    def initialize(page, anchors, options = {})
+      super(page, anchors)
+      @title = nil
+      @footer = nil
+      @type = :ibox
+      @body = true
+      @extra = nil
+      @min_height = nil
+      @page = page
+      @options = options
+    end
+
+    def generate
+      inner = super
+
+      types =
+        {
+          ibox: { outer: 'ibox float-e-margins', header: 'ibox-title', body: 'ibox-content', footer: 'ibox-footer' },
+          panel: { outer: 'panel panel-default', header: 'panel-heading', body: 'panel-body', footer: 'panel-footer' },
+          primary: { outer: 'panel panel-primary', header: 'panel-heading', body: 'panel-body', footer: 'panel-footer' },
+          success: { outer: 'panel panel-success', header: 'panel-heading', body: 'panel-body', footer: 'panel-footer' },
+          info: { outer: 'panel panel-info',	header: 'panel-heading', body: 'panel-body', footer: 'panel-footer' },
+          warning: { outer: 'panel panel-warning', header: 'panel-heading', body: 'panel-body', footer: 'panel-footer' },
+          danger: { outer: 'panel panel-danger', header: 'panel-heading', body: 'panel-body', footer: 'panel-footer' },
+          blank: { outer: 'panel blank-panel', header: 'panel-heading', body: 'panel-body', footer: 'panel-footer' }
+        }
+
+      title = @title
+      footer = @footer
+      hasBody = @body
+      extra = @extra
+      options = @options
+      classNames = types[@type]
+      min_height = @min_height
+
+      elem = Elements.new(@page, @anchors)
+
+      outer_class = classNames[:outer]
+
+      outer_class = 'ibox collapsed' if options[:collapsed]
+
+      elem.instance_eval do
+        div class: outer_class do
+          if title
+            div class: classNames[:header] do
+              h5 title
+
+              div class: 'ibox-tools' do
+                if options[:collapsible] || options[:collapsed]
+                  a class: 'collapse-link' do
+                    icon :"chevron-up"
+                  end
+                end
+                if options[:expandable]
+                  a class: 'fullscreen-link' do
+                    icon :expand
+                  end
+                end
+                if options[:closable]
+                  a class: 'close-link' do
+                    icon :times
+                  end
+                end
+              end
+            end
+          end
+          if hasBody
+            div class: classNames[:body], style: "min-height: #{min_height}px" do
+              text inner
+            end
+          end
+          text extra if extra
+          if footer
+            div class: classNames[:footer] do
+              text footer
+            end
+          end
+        end
+      end
+
+      elem.generate
+    end
+
+    def min_height(val)
+      @min_height = val
+    end
+
+    def type(aType)
+      @type = aType
+    end
+
+    def body(hasBody)
+      @body = hasBody
+    end
+
+    def title(title = nil, &block)
+      @title = title
+      if block
+        elem = Elements.new(@page, @anchors)
+        elem.instance_eval(&block)
+        @title = elem.generate
+      end
+    end
+
+    def extra(&block)
+      if block
+        elem = Elements.new(@page, @anchors)
+        elem.instance_eval(&block)
+        @extra = elem.generate
+      end
+    end
+
+    def footer(footer = nil, &block)
+      @footer = footer
+      if block
+        elem = Elements.new(@page, @anchors)
+        elem.instance_eval(&block)
+        @footer = elem.generate
+      end
+    end
+  end
+end

data/lib/weaver/element_types/row.rb

@@ -0,0 +1,117 @@
+module Weaver
+  # Row element
+  class Row < Elements
+    attr_accessor :extra_classes, :style
+
+    def initialize(page, anchors, options)
+      @columns = []
+      @free = 12
+      @extra_classes = options[:class] || ''
+      @style = options[:style]
+      @anchors = anchors
+      @page = page
+    end
+
+    def col(occupies, options = {}, &block)
+      raise 'Not enough columns!' if @free < occupies
+
+      @columns << Column.new(occupies, @page, @anchors, options, &block)
+      @free -= occupies
+    end
+
+    def generate
+      @columns.map(&:generate).join
+    end
+  end
+
+  # Column element
+  class Column
+    attr_reader :width, :options, :elem
+
+    def initialize(width, page, anchors, options = {}, &block)
+      @width = width
+      @options = options
+      @elem = Elements.new(page, anchors)
+      @elem.instance_eval(&block)
+    end
+
+    def colsize(size)
+      options[size] || width
+    end
+
+    def style(size)
+      return "hidden-#{size} " if colsize(size).zero?
+
+      "col-#{size}-#{colsize(size)}"
+    end
+
+    def generate
+      styles = %i[xs sm md lg].map { |size| style(size) }.join(' ')
+
+      <<-ENDCOLUMN
+  <div class="#{styles}">
+    #{elem.generate}
+  </div>
+      ENDCOLUMN
+    end
+  end
+
+  # Add row and column elements
+  class Elements
+    def row(options = {}, &block)
+      options[:class] = 'row'
+      div options do
+        instance_eval(&block)
+      end
+    end
+
+    def twothirds(&block)
+      opts =
+        {
+          xs: 12,
+          sm: 12,
+          md: 8,
+          lg: 8
+        }
+      col(4, opts, &block)
+    end
+
+    def half(&block)
+      opts =
+        {
+          xs: 12,
+          sm: 12,
+          md: 12,
+          lg: 6
+        }
+      col(4, opts, &block)
+    end
+
+    def third(&block)
+      opts =
+        {
+          xs: 12,
+          sm: 12,
+          md: 4,
+          lg: 4
+        }
+      col(4, opts, &block)
+    end
+
+    def quarter(&block)
+      opts =
+        {
+          xs: 12,
+          sm: 12,
+          md: 6,
+          lg: 3
+        }
+      col(3, opts, &block)
+    end
+
+    def col(occupies, options = {}, &block)
+      column = Column.new(occupies, @page, @anchors, options, &block)
+      text column.generate
+    end
+  end
+end

data/lib/weaver/element_types/tabs.rb

@@ -0,0 +1,75 @@
+module Weaver
+  class Tabs
+    def initialize(page, anchors)
+      @anchors = anchors
+      @tabs = {}
+      @page = page
+      @orientation = :normal # :left, :right
+    end
+
+    def tab(title, &block)
+      @anchors['tabs'] = [] unless @anchors['tabs']
+
+      tabArray = @anchors['tabs']
+
+      elem = Elements.new(@page, @anchors)
+      elem.instance_eval(&block)
+
+      tabname = "tab#{tabArray.length}"
+      tabArray << tabname
+
+      @tabs[tabname] =
+        {
+          title: title,
+          elem: elem
+        }
+    end
+
+    def orientation(direction)
+      @orientation = direction
+    end
+
+    def generate
+      tabbar = Elements.new(@page, @anchors)
+      tabs = @tabs
+      orientation = @orientation
+
+      tabbar.instance_eval do
+        div class: 'tabs-container' do
+          div class: "tabs-#{orientation}" do
+            ul class: 'nav nav-tabs' do
+              cls = 'active'
+              tabs.each do |anchor, value|
+                li class: cls do
+                  a "data-toggle": 'tab', href: "##{anchor}" do
+                    if value[:title].is_a? Symbol
+                      icon value[:title]
+                    else
+                      text value[:title]
+                    end
+                  end
+                end
+
+                cls = ''
+              end
+            end
+
+            div class: 'tab-content' do
+              cls = 'tab-pane active'
+              tabs.each do |anchor, value|
+                div id: anchor.to_s, class: cls do
+                  div class: 'panel-body' do
+                    text value[:elem].generate
+                  end
+                end
+                cls = 'tab-pane'
+              end
+            end
+          end
+        end
+      end
+
+      tabbar.generate
+    end
+  end
+end

data/lib/weaver/element_types/textfield_javascript.rb

@@ -0,0 +1,58 @@
+module Weaver
+  class TextfieldJavascript
+    def initialize(id)
+      @id = id
+    end
+
+    def onchange(script)
+      @change_script = script
+    end
+
+    def validate(script)
+      @validate_script = script
+    end
+
+    def generate(&block)
+      if block
+        instance_eval(&block)
+        <<-SCRIPT
+
+if (!document.validators)
+{
+	document.validators = {};
+}
+
+document.validators["##{@id}"] = function()
+{
+	var valid = function(data) {
+		#{@validate_script};
+		return true;
+	}($("##{@id}").val());
+
+	var object = $("##{@id}");
+	#{@change_script};
+
+	if (valid)
+	{
+		object.removeClass("required");
+		object.removeClass("error");
+		object.removeAttr("aria-invalid");
+	}
+	else
+	{
+		object.addClass("required");
+		object.addClass("error");
+		object.attr("aria-required", "true");
+		object.attr("aria-invalid", "true");
+	}
+}
+
+$("##{@id}").keyup(function() { document.validators["##{@id}"](); })
+$("##{@id}").blur(function() { document.validators["##{@id}"](); })
+$("##{@id}").focusout(function() { document.validators["##{@id}"](); })
+
+        SCRIPT
+      end
+    end
+  end
+end

data/lib/weaver/elements.rb

@@ -0,0 +1,406 @@
+module Weaver
+  # Base element class for all HTML elements
+  class Elements
+    def initialize(page, anchors)
+      @inner_content = []
+      @anchors = anchors
+      @page = page
+    end
+
+    def method_missing(name, *args, &block)
+      tag = "<#{name} />"
+
+      inner = args.shift if args[0].is_a? String
+      if block
+        elem = Elements.new(@page, @anchors)
+        elem.instance_eval(&block)
+        inner = elem.generate
+      end
+
+      if !inner
+
+        options = args[0] || []
+        opts = options.map { |key, value| "#{key}=\"#{value}\"" }.join ' '
+
+        tag = "<#{name} #{opts} />"
+      elsif args.empty?
+        tag = "<#{name}>#{inner}</#{name}>"
+      elsif (args.length == 1) && args[0].is_a?(Hash)
+        options = args[0]
+        opts = options.map { |key, value| "#{key}=\"#{value}\"" }.join ' '
+        tag = "<#{name} #{opts}>#{inner}</#{name}>"
+      end
+
+      @inner_content << tag
+      tag
+    end
+
+    def root
+      @page.root
+    end
+
+    def request_js(path)
+      @page.request_js(path)
+    end
+
+    def request_css(path)
+      @page.request_css(path)
+    end
+
+    def on_page_load(script)
+      @page.on_page_load(script)
+    end
+
+    def write_script_once(script)
+      @page.write_script_once(script)
+    end
+
+    def background(&block)
+      @page.background(block)
+    end
+
+    def on_page_load(script)
+      @page.on_page_load(script)
+    end
+
+    def icon(type)
+      iconname = type.to_s.tr('_', '-')
+      if type.is_a? Symbol
+        i class: "fa fa-#{iconname}" do
+        end
+      else
+        i class: 'fa' do
+          text type
+        end
+      end
+    end
+
+    def wform(options = {}, &block)
+      theform = Form.new(@page, @anchors, options, &block)
+      @inner_content << theform.generate
+      @page.scripts << theform.generate_script
+    end
+
+    def ibox(options = {}, &block)
+      panel = Panel.new(@page, @anchors, options)
+      panel.instance_eval(&block)
+      @inner_content << panel.generate
+    end
+
+    def center(content = nil, options = {}, &block)
+      options[:style] = '' unless options[:style]
+
+      options[:style] += '; text-align: center;'
+      if !content
+        div options, &block
+      else
+        div content, options, &block
+      end
+    end
+
+    def panel(title, &block)
+      div class: 'panel panel-default' do
+        div class: 'panel-heading' do
+          h5 title
+        end
+        div class: 'panel-body', &block
+      end
+    end
+
+    def tabs(&block)
+      tabs = Tabs.new(@page, @anchors)
+      tabs.instance_eval(&block)
+
+      @inner_content << tabs.generate
+    end
+
+    def syntax(lang = :javascript, &block)
+      code = Code.new(@page, @anchors, lang)
+      code.instance_eval(&block)
+
+      @inner_content << code.generate
+
+      @page.scripts << code.generate_script
+    end
+
+    def image(name, options = {})
+      style = (options[:style]).to_s
+      if options[:rounded_corners] == true
+        style += ' border-radius: 8px'
+      elsif options[:rounded_corners] == :top
+        style += ' border-radius: 8px 8px 0px 0px'
+      else
+        style += " border-radius: #{options[:rounded_corners]}px" if options[:rounded_corners]
+
+      end
+
+      img_options = {
+        class: "img-responsive #{options[:class]}",
+        src: "#{@page.root}images/#{name}",
+        style: style
+      }
+      img_options[:id] = options[:id] if options[:id]
+
+      img img_options
+    end
+
+    def crossfade_image(image_normal, image_hover)
+      div class: 'crossfade' do
+        image image_hover, class: 'bottom'
+        image image_normal, class: 'top'
+      end
+      image image_hover
+      @page.request_css 'css/crossfade_style.css'
+    end
+
+    def gallery(images, thumbnails = images, options = {})
+      @page.request_css 'css/plugins/blueimp/css/blueimp-gallery.min.css'
+
+      div class: 'lightBoxGallery' do
+        (0...images.length).to_a.each do |index|
+          title = options[:titles][index] if options[:titles]
+
+          a href: (images[index]).to_s, title: title.to_s, "data-gallery": '' do
+            img src: (thumbnails[index]).to_s, style: 'margin: 5px;'
+          end
+        end
+
+        div id: 'blueimp-gallery', class: 'blueimp-gallery' do
+          div class: 'slides' do end
+          h3 class: 'title' do end
+          a class: 'prev' do end
+          a class: 'next' do end
+          a class: 'close' do end
+          a class: 'play-pause' do end
+          ol class: 'indicator' do end
+        end
+      end
+
+      @page.request_js 'js/plugins/blueimp/jquery.blueimp-gallery.min.js'
+    end
+
+    def breadcrumb(patharray)
+      ol class: 'breadcrumb' do
+        patharray.each do |path|
+          li path
+        end
+      end
+    end
+
+    def p(*args, &block)
+      method_missing(:p, *args, &block)
+    end
+
+    def text(theText)
+      @inner_content << theText
+    end
+
+    def badge(label, options = {})
+      options[:type] ||= 'plain'
+
+      kind = 'label'
+      kind = 'badge' if options[:rounded]
+      tag_options = options.clone
+      tag_options[:class] = "#{kind} #{kind}-#{options[:type]}"
+
+      span tag_options do
+        text label
+      end
+    end
+
+    def hyperlink(url, title = nil, &block)
+      title ||= url
+
+      if url.start_with? '/'
+        url.sub!(%r{^/}, @page.root)
+        if block
+          a href: url, &block
+        else
+          a title, href: url
+        end
+      else
+
+        if block
+          a href: url, target: '_blank' do
+            span do
+              span &block
+              icon :external_link
+            end
+          end
+        else
+          a href: url, target: '_blank' do
+            span do
+              text title
+              text ' '
+              icon :external_link
+            end
+          end
+        end
+      end
+    end
+
+    def widget(options = {}, &block)
+      # gray-bg
+      # white-bg
+      # navy-bg
+      # blue-bg
+      # lazur-bg
+      # yellow-bg
+      # red-bg
+      # black-bg
+
+      color = "#{options[:color]}-bg" || 'navy-bg'
+
+      div class: "widget style1 #{color}", &block
+    end
+
+    def jumbotron(options = {}, &block)
+      additional_style = ''
+
+      if options[:background]
+        additional_style += " background-image: url('#{@page.root}images/#{options[:background]}'); background-position: center center; background-size: cover;"
+      end
+
+      additional_style += " height: #{options[:height]}px;" if options[:height]
+
+      if options[:min_height]
+        additional_style += " min-height: #{options[:min_height]}px;"
+      end
+
+      if options[:max_height]
+        additional_style += " max-height: #{options[:max_height]}px;"
+      end
+
+      div class: 'jumbotron', style: additional_style, &block
+    end
+
+    def _button(options = {}, &block)
+      anIcon = options[:icon]
+      title = options[:title]
+
+      if title.is_a? Hash
+        options.merge! title
+        title = anIcon
+        anIcon = nil
+      end
+
+      style = options[:style] || :primary
+      size = "btn-#{options[:size]}" if options[:size]
+      blockstyle = 'btn-block' if options[:block]
+      outline = 'btn-outline' if options[:outline]
+      dim = 'dim' if options[:threedee]
+      dim = 'dim btn-large-dim' if options[:bigthreedee]
+      dim = 'btn-rounded' if options[:rounded]
+      dim = 'btn-circle' if options[:circle]
+
+      buttonOptions = {
+        type: options[:type] || 'button',
+        class: "btn btn-#{style} #{size} #{blockstyle} #{outline} #{dim}",
+        id: options[:id]
+      }
+
+      if block
+        closer = ''
+
+        closer = '; return false;' if options[:nosubmit]
+
+        action = Action.new(@page, @anchors, &block)
+        buttonOptions[:onclick] = "#{action.name}(this)"
+        buttonOptions[:onclick] = "#{action.name}(this, #{options[:data]})#{closer}" if options[:data]
+        @page.scripts << action.generate
+      end
+
+      type = :button
+
+      buttonOptions[:"data-toggle"] = 'button' if options[:toggle]
+      type = :a if options[:toggle]
+
+      method_missing type, buttonOptions do
+        if title.is_a? Symbol
+          icon title
+        else
+          icon anIcon if anIcon
+          text ' ' if anIcon
+          text title
+        end
+      end
+    end
+
+    def normal_button(anIcon, title = {}, options = {}, &block)
+      options[:icon] = anIcon
+      options[:title] = title
+      _button(options, &block)
+    end
+
+    def block_button(anIcon, title = {}, options = {}, &block)
+      options[:block] = true
+      options[:icon] = anIcon
+      options[:title] = title
+      _button(options, &block)
+    end
+
+    def outline_button(anIcon, title = {}, options = {}, &block)
+      options[:outline] = true
+      options[:icon] = anIcon
+      options[:title] = title
+      _button(options, &block)
+    end
+
+    def big_button(anIcon, title = {}, options = {}, &block)
+      options[:size] = :lg
+      options[:icon] = anIcon
+      options[:title] = title
+      _button(options, &block)
+    end
+
+    def small_button(anIcon, title = {}, options = {}, &block)
+      options[:size] = :sm
+      options[:icon] = anIcon
+      options[:title] = title
+      _button(options, &block)
+    end
+
+    def tiny_button(anIcon, title = {}, options = {}, &block)
+      options[:size] = :xs
+      options[:icon] = anIcon
+      options[:title] = title
+      _button(options, &block)
+    end
+
+    def embossed_button(anIcon, title = {}, options = {}, &block)
+      options[:threedee] = true
+      options[:icon] = anIcon
+      options[:title] = title
+      _button(options, &block)
+    end
+
+    def big_embossed_button(anIcon, title = {}, options = {}, &block)
+      options[:bigthreedee] = true
+      options[:icon] = anIcon
+      options[:title] = title
+      _button(options, &block)
+    end
+
+    def rounded_button(anIcon, title = {}, options = {}, &block)
+      options[:rounded] = true
+      options[:icon] = anIcon
+      options[:title] = title
+      _button(options, &block)
+    end
+
+    def circle_button(anIcon, title = {}, options = {}, &block)
+      options[:circle] = true
+      options[:icon] = anIcon
+      options[:title] = title
+      _button(options, &block)
+    end
+
+    def math(string)
+      text "$$$MATH$$$#{string}$$$ENDMATH$$$"
+    end
+
+    def generate
+      @inner_content.join
+    end
+  end
+end