weaver 0.8.0 → 0.8.1

data/lib/weaver/element_types/dynamic_table_cell.rb

@@ -0,0 +1,16 @@
+module Weaver
+  class DynamicTableCell < Elements
+    attr_accessor :transform_script
+
+    def data_button(anIcon, title = {}, options = {}, &block)
+      options[:icon] = anIcon
+      options[:title] = title
+      options[:data] = "$(this).closest('td').data('object')"
+      _button(options, &block)
+    end
+
+    def transform(script)
+      @transform_script = script
+    end
+  end
+end

data/lib/weaver/element_types/form.rb

@@ -0,0 +1,47 @@
+require 'weaver/element_types/form_elements'
+module Weaver
+  class Form
+    def initialize(page, anchors, options = {}, &block)
+      @formName = options[:id] || page.create_anchor('form')
+
+      @form_element = FormElements.new(page, anchors, @formName, options)
+
+      @form_element.instance_eval(&block)
+    end
+
+    def generate_script
+      <<-SCRIPT
+function get_#{@formName}_object()
+{
+	var object = {}
+#{@form_element.scripts.join "\n"}
+	return object;
+}
+      SCRIPT
+    end
+
+    def generate
+      inner = @form_element.generate
+      formName = @formName
+      options = @form_element.options
+
+      elem = Elements.new(@page, @anchors)
+      elem.instance_eval do
+        form_opts = {
+          id: formName,
+          role: 'form'
+        }
+
+        form_opts[:action] = options[:action] if options[:action]
+        form_opts[:method] = options[:method] if options[:method]
+        form_opts[:class] = options[:class] if options[:class]
+
+        method_missing :form, form_opts do
+          text inner
+        end
+      end
+
+      elem.generate
+    end
+  end
+end

data/lib/weaver/element_types/form_elements.rb

@@ -0,0 +1,297 @@
+module Weaver
+  class FormElements < Elements
+    attr_accessor :options, :scripts
+
+    def initialize(page, anchors, formName, options = {})
+      super(page, anchors)
+      @formName = formName
+      @options = options
+      @scripts = []
+    end
+
+    def passwordfield(name, textfield_label = nil, options = {}, &block)
+      if textfield_label.is_a? Hash
+        options = textfield_label
+        textfield_label = nil
+      end
+
+      options[:type] = 'password'
+      textfield(name, textfield_label, options, &block)
+    end
+
+    def textfield(name, textfield_label = nil, options = {}, &block)
+      if textfield_label.is_a? Hash
+        options = textfield_label
+        textfield_label = nil
+      end
+
+      textfield_name = options[:id] || @page.create_anchor('textfield')
+      options[:type] ||= 'text'
+      options[:placeholder] ||= ''
+      options[:name] = name
+
+      input_options = {}
+      input_options[:type] = options[:type]
+      input_options[:placeholder] = options[:placeholder]
+      input_options[:id] = textfield_name
+      input_options[:name] = options[:name]
+      input_options[:rows] = options[:rows]
+      input_options[:class] = 'form-control'
+      input_options[:value] = options[:value]
+      input_options[:style] = options[:style]
+
+      input_options[:autocomplete] = options[:autocomplete] || 'on'
+      input_options[:autocorrect] = options[:autocorrect] || 'on'
+      input_options[:autocapitalize] = options[:autocapitalize] || 'off'
+
+      if options[:mask]
+        @page.request_css 'css/plugins/jasny/jasny-bootstrap.min.css'
+        @page.request_js 'js/plugins/jasny/jasny-bootstrap.min.js'
+
+        input_options[:"data-mask"] = options[:mask]
+      end
+
+      div class: "form-group #{options[:extra_class]}", id: "#{input_options[:id]}-group" do
+        label textfield_label if textfield_label
+
+        div_class = ' '
+        if options[:front_text] || options[:back_text]
+          div_class = 'input-group m-b'
+         end
+
+        div "class": div_class do
+          span (options[:front_text]).to_s, class: 'input-group-addon' if options[:front_text]
+          if input_options[:rows] && (input_options[:rows] > 1)
+            textarea input_options do
+            end
+          else
+            input input_options
+          end
+          span (options[:back_text]).to_s, class: 'input-group-addon' if options[:back_text]
+        end
+      end
+
+      textjs = TextfieldJavascript.new(input_options[:id])
+
+      @page.on_page_load textjs.generate(&block) if block
+
+      @scripts << <<-SCRIPT
+	object["#{name}"] = $('##{textfield_name}').val();
+      SCRIPT
+    end
+
+    def hiddenfield(name, value, options = {})
+      hiddenfield_name = options[:id] || @page.create_anchor('hiddenfield')
+
+      input_options = {}
+      input_options[:type] = 'hidden'
+      input_options[:value] = value
+      input_options[:id] = hiddenfield_name
+      input_options[:name] = name
+
+      input input_options
+
+      @scripts << <<-SCRIPT
+	object["#{name}"] = $('##{hiddenfield_name}').val();
+      SCRIPT
+    end
+
+    def dropdown(name, dropdown_label, choice_array, options = {})
+      select_name = options[:id] || @page.create_anchor('select')
+
+      options[:class] = 'form-control'
+      options[:name] = name
+      options[:id] = select_name
+      options[:placeholder] ||= ' '
+
+      form_options = options.clone
+
+      if options[:multiple]
+
+        if options[:multiple_style] == :chosen
+          @page.request_css 'css/plugins/chosen/chosen.css'
+          @page.request_js 'js/plugins/chosen/chosen.jquery.js'
+
+          @page.write_script_once <<-SCRIPT
+	var config = {
+		'.chosen-select'           : {placeholder_text_multiple: "#{options[:placeholder]}"},
+		'.chosen-select-deselect'  : {allow_single_deselect:true},
+		'.chosen-select-no-single' : {disable_search_threshold:10},
+		'.chosen-select-no-results': {no_results_text:'Oops, nothing found!'},
+		'.chosen-select-width'     : {width:"95%"}
+	}
+	for (var selector in config) {
+		$(selector).chosen(config[selector]);
+	}
+          SCRIPT
+
+          form_options[:class] = 'chosen-select'
+          form_options[:style] = 'width: 100%'
+        end
+
+        @scripts << <<-SCRIPT
+	var selections = [];
+	$("##{select_name} option:selected").each(function(i, selected){
+  		selections[i] = $(selected).text();
+	});
+	object["#{name}"] = selections;
+        SCRIPT
+
+      else
+        @scripts << <<-SCRIPT
+	object["#{name}"] = $( "##{select_name} option:selected" ).text();
+        SCRIPT
+      end
+
+      div class: 'form-group' do
+        label dropdown_label, class: 'control-label'
+
+        div class: 'input-group', style: 'width: 100%' do
+          method_missing :select, form_options do
+            choice_array.each do |choice|
+              if (options[:value]).to_s == choice.to_s
+                option choice, selected: true
+              else
+                option choice
+              end
+            end
+          end
+        end
+      end
+    end
+
+    def knob(name, options = {})
+      knob_name = @page.create_anchor 'knob'
+
+      @page.request_js 'js/plugins/jsKnob/jquery.knob.js'
+      @page.write_script_once <<-SCRIPT
+	$(".dial").knob();
+      SCRIPT
+
+      knob_options = {}
+
+      knob_options[:id] = knob_name
+      knob_options[:type] = 'text'
+      knob_options[:value] = options[:value] || '0'
+      knob_options[:class] = 'dial'
+
+      options.each do |key, value|
+        knob_options["data-#{key}".to_sym] = value
+      end
+
+      knob_options[:"data-fgColor"] = '#1AB394'
+      knob_options[:"data-width"] = '85'
+      knob_options[:"data-height"] = '85'
+
+      input knob_options
+
+      @scripts << <<-SCRIPT
+	object["#{name}"] = $('##{knob_name}').val();
+      SCRIPT
+    end
+
+    def radio(name, choice_array, options = {})
+      radio_name = @page.create_anchor 'radio'
+
+      choice_array = choice_array.map do |choice|
+        if choice.is_a? Hash
+          { value: choice[:value], label: choice[:label] }
+        else
+          { value: choice, label: choice }
+        end
+      end
+
+      active = choice_array[0][:value]
+      if options[:value] && (choice_array.index { |x| x[:value] == options[:value] } != nil)
+        active = options[:value]
+      end
+
+      div_options = {}
+      curobject = self
+      div_options[:"data-toggle"] = 'buttons' if options[:form] == :button
+      div div_options do
+        choice_array.each do |choice|
+          value = choice[:value]
+          label = choice[:label]
+
+          the_options = Hash.new(options)
+
+          the_options[:checked] = '' if active == value
+
+          if options[:form] == :button
+            the_options[:type] = 'radio'
+            the_options[:value] = value
+            the_options[:name] = name
+            the_options[:form] = :button
+            text curobject.boolean_element(label, the_options)
+          else
+            the_options[:type] = 'radio'
+            the_options[:value] = value
+            the_options[:name] = name
+            text curobject.boolean_element(label, the_options)
+          end
+        end
+      end
+
+      @scripts << <<-SCRIPT
+	object["#{name}"] = $('input[name=#{name}]:checked', '##{@formName}').val()
+      SCRIPT
+    end
+
+    def checkbox(name, checkbox_label, options = {})
+      checkbox_name = options[:id] || @page.create_anchor('checkbox')
+      options[:type] = 'checkbox'
+      options[:name] = name
+      options[:id] = checkbox_name
+      text boolean_element(checkbox_label, options)
+      @scripts << <<-SCRIPT
+	object["#{name}"] = $('##{checkbox_name}').is(":checked");
+      SCRIPT
+    end
+
+    def submit(anIcon, title = {}, options = {}, &block)
+      options[:icon] = anIcon
+      options[:title] = title
+      options[:type] = 'submit'
+      options[:data] = "get_#{@formName}_object()"
+      options[:nosubmit] = true if block
+      _button(options, &block)
+    end
+
+    def boolean_element(checkbox_label, options = {})
+      @page.request_css 'css/plugins/iCheck/custom.css'
+      @page.request_js 'js/plugins/iCheck/icheck.min.js'
+
+      @page.write_script_once <<-SCRIPT
+$(document).ready(function () {
+    $('.i-checks').iCheck({
+        checkboxClass: 'icheckbox_square-green',
+        radioClass: 'iradio_square-green',
+    });
+});
+      SCRIPT
+
+      label_options = {}
+      elem = Elements.new(@page, @anchors)
+      elem.instance_eval do
+        if options[:form] == :button
+          options.delete(:form)
+          label class: 'btn btn-primary btn-block btn-outline' do
+            input options
+            text checkbox_label.to_s
+          end
+        else
+          div class: 'i-checks' do
+            label label_options do
+              input options do
+                text " #{checkbox_label}"
+              end
+            end
+          end
+        end
+      end
+
+      elem.generate
+    end
+  end
+end

data/lib/weaver/element_types/javascript_object.rb

@@ -0,0 +1,28 @@
+module Weaver
+  class JavaScriptObject
+    def initialize(&block)
+      @object = {}
+      instance_eval(&block) if block
+    end
+
+    def string(name, string)
+      @object[name] = { type: :string, value: string }
+    end
+
+    def variable(name, var_name)
+      @object[name] = { type: :var, value: var_name }
+    end
+
+    def generate
+      result = @object.map do |key, value|
+        value_expression = value[:value]
+
+        value_expression = "\"#{value[:value]}\"" if value[:type] == :string
+
+        "#{key}: #{value_expression}"
+      end.join ','
+
+      "{#{result}}"
+    end
+  end
+end

data/lib/weaver/element_types/modal_dialog.rb

@@ -0,0 +1,68 @@
+module Weaver
+  # Modal dialog feature
+  class ModalDialog
+    def initialize(page, anchors, id, &block)
+      @page = page
+      @anchors = anchors
+      @id = id || @page.create_anchor('modal')
+
+      @header_content = Elements.new(@page, @anchors)
+      @body_content = Elements.new(@page, @anchors)
+      @footer_content = Elements.new(@page, @anchors)
+
+      instance_eval(&block) if block
+    end
+
+    attr_reader :id
+
+    def header(&block)
+      @header_content.instance_eval(&block)
+    end
+
+    def body(&block)
+      @body_content.instance_eval(&block)
+    end
+
+    def footer(&block)
+      @footer_content.instance_eval(&block)
+    end
+
+    def generate
+      elem = Elements.new(@page, @anchors)
+
+      id = @id
+      header_content = @header_content
+      body_content = @body_content
+      footer_content = @footer_content
+
+      elem.instance_eval do
+        div class: 'modal fade', id: id, tabindex: -1, role: 'dialog' do
+          div class: 'modal-dialog', role: 'document' do
+            div class: 'modal-content' do
+              div class: 'modal-header' do
+                button '×', type: 'button', class: 'close', "data-dismiss": 'modal', "aria-label": 'Close'
+                text header_content.generate
+              end
+              div class: 'modal-body' do
+                text body_content.generate
+              end
+              div class: 'modal-footer' do
+                text footer_content.generate
+              end
+            end
+          end
+        end
+      end
+
+      elem.generate
+    end
+  end
+
+  # add modal dialog to elements
+  class Elements
+    def modal(id = nil, &block)
+      mm = ModalDialog.new(@page, @anchors, id, &block)
+      @inner_content << mm.generate
+    end
+  end
+end