opal-ferro 0.10.0 → 0.10.1

data/opal/opal-ferro/ferro_element.js.rb

@@ -1,110 +0,0 @@
-class FerroElement
-
-  include FerroElementary
-  
-  attr_reader :parent, :sym, :children, :element, :domtype
-
-  def initialize(parent, sym, options = {})
-    @parent   = parent
-    @sym      = sym
-    @children = {}
-    @element  = nil
-    @domtype  = :div
-    @states   = {}
-    @options  = options
-
-    creation
-  end
-
-  def factory
-    @parent.factory
-  end
-
-  def root
-    @parent.root
-  end
-
-  def component
-    @parent.component
-  end
-
-  def router
-    @parent.router
-  end
-
-  def option_replace(key, default = nil)
-    value = @options[key] || default
-    @options.delete(key) if @options.has_key?(key)
-    value
-  end
-
-  # Store element states: adds/removes css classes
-  def add_states(states)
-    states.each do |state|
-      add_state(state)
-    end
-  end
-
-  def add_state(state, value = false)
-    @states[state] = [factory.dasherize(state), value]
-    classify_state @states[state]
-  end
-
-  # active: true, false, nil
-  def update_state(state, active)
-    if !active.nil?
-      @states.each do |s, v|
-        v[1] = active if s == state
-        classify_state v
-      end
-    end
-  end
-
-  def toggle_state(state)
-    @states.select { |s, _| s == state }.each do |s, v|
-      v[1] = !v[1]
-      classify_state v
-    end
-  end
-
-  def classify_state(state)
-    if state[1]
-      `#{element}.classList.add(#{state[0]})`
-    else
-      `#{element}.classList.remove(#{state[0]})`
-    end
-  end
-
-  def state_active?(state)
-    @states[state][1]
-  end
-
-  def value
-    `#{@element}.innerHTML`
-  end
-
-  def get_text
-    `#{@element}.textContent`
-  end
-
-  def set_text(value)
-    # https://developer.mozilla.org/en-US/docs/Web/API/Node/textContent
-    `#{@element}.textContent = #{value}`
-  end
-
-  def html(raw_html)
-    `#{@element}.innerHTML = #{raw_html}`
-  end
-
-  def set_attribute(name, value)
-    if name == 'scrollTop'
-      `#{element}.scrollTop=#{value}`
-    else
-      `#{element}.setAttribute(#{name}, #{value})`
-    end
-  end
-
-  def remove_attribute(name)
-    `#{element}.removeAttribute(#{name})`
-  end
-end

data/opal/opal-ferro/ferro_form_elements.js.rb

@@ -1,160 +0,0 @@
-class FerroForm < FerroElement
-  def _before_create
-    # Dont use a real <form> so we don't have to prevent default actions
-    @domtype  = :div
-  end
-end
-
-# :text, :password, :reset, :radio, :checkbox, :color,
-# :date, :datetime-local, :email, :month, :number,
-# :range, :search, :tel, :time, :url, :week
-class FerroFormInput < FerroElement
-  def _before_create
-    @domtype = :input
-    @options[:type] ||= :text
-    @options[:value] = option_replace :content
-    @disabled = option_replace :disabled, false
-  end
-
-  def value
-    `#{@element}.value`
-  end
-
-  def value=(value)
-    `#{@element}.value = #{value}`
-  end
-
-  def set_focus
-    # Doesn't work ?!
-    `#{element}.focus()`
-  end
-
-  def _after_create
-    disable if @disabled
-
-    if [:text, :password, :number].include?(@options[:type])
-      `#{@element}.addEventListener("keydown",function(e){self.$keydowned(e);})`
-    end
-  end
-
-  def keydowned(event)
-    entered if Native(event).keyCode == 13
-  end
-
-  def entered;end
-
-  def disable
-    set_attribute(:disabled, :disabled)
-  end
-
-  def enable
-    remove_attribute(:disabled)
-  end
-end
-
-class FerroFormLabel < FerroElement
-  def _before_create
-    @domtype = :label
-  end
-end
-
-class FerroFormFieldset < FerroElement
-  def _before_create
-    @domtype = :fieldset
-    @legend  = @options[:legend]
-  end
-end
-
-class FerroFormTextarea < FerroElement
-  def _before_create
-    @domtype = :textarea
-    @size    = { rows: 40, cols: 5 }
-  end
-end
-
-class FerroFormOutput < FerroElement
-  def _before_create
-    @domtype = :output
-  end
-end
-
-class FerroFormClickable < FerroFormInput
-  def _after_create
-    `#{@element}.addEventListener("click",function(e){#{clicked};document.activeElement.blur()})`
-    super
-  end
-
-  def clicked;end
-end
-
-class FerroFormButton < FerroFormClickable
-  def _before_create
-    @options[:type] = :button
-    super
-  end
-end
-
-class FerroFormSubmit < FerroFormClickable
-  def _before_create
-    @options[:type] = :submit
-    super
-  end
-end
-
-class FerroFormBlock < FerroFormClickable
-  def _before_create
-    super
-    @domtype = :div
-  end
-end
-
-# CheckBox with click callback
-class FerroFormCheckBox < FerroFormClickable
-  def _before_create
-    @options[:type] = :checkbox
-    super
-  end
-
-  def checked?
-    `#{@element}.checked`
-  end
-end
-
-# Select input
-class FerroFormSelect < FerroElement
-  def _before_create
-    @domtype = :select
-    @list = option_replace :list, {}
-    super
-  end
-
-  def after_create
-    @list.each do |value, content|
-      add_option(value, content)
-    end
-
-    `#{@element}.addEventListener("change",function(e){#{changed};document.activeElement.blur()})`
-    super
-  end
-
-  def changed;end
-
-  def add_option(value, content)
-    add_child "opt_#{value}", FerroElementVar, domtype: :option, value: value, content: content
-  end
-
-  def selection
-    option = `#{element}.options[#{element}.selectedIndex].value`
-    text   = `#{element}.options[#{element}.selectedIndex].text`
-    { option: option, text: text }
-  end
-
-  def select(option)
-    `for(var i=0; i < #{element}.options.length; i++) {
-      if (#{element}.options[i].value === #{option}) {
-        #{element}.selectedIndex = i;
-        break;
-      }
-    }`
-  end
-end