motion-prime 0.1.0

data/motion-prime/sections/base.rb

@@ -0,0 +1,101 @@
+motion_require '../helpers/has_authorization'
+module MotionPrime
+  class BaseSection
+    # MotionPrime::BaseSection is container for Elements.
+    # Sections are located inside Screen and can contain multiple Elements.
+    # On render, each element will be added to parent screen.
+
+    # == Basic Sample
+    # class MySection < MotionPrime::BaseSection
+    #   element :title, text: "Hello World"
+    #   element :avatar, type: :image, image: 'defaults/avatar.jpg'
+    # end
+    #
+    DEFAULT_CONTENT_HEIGHT = 65
+    include ::MotionSupport::Callbacks
+    include MotionPrime::HasAuthorization
+
+    attr_accessor :screen, :model, :name, :options, :elements
+    class_attribute :elements_options, :container_options
+    define_callbacks :render
+
+    def initialize(options = {})
+      @options = options
+      @model = options[:model]
+      @name = options[:name] ||= self.class.name.underscore.gsub(/\_section$/, '')
+      create_elements
+    end
+
+    def create_elements
+      self.elements = {}
+      (self.class.elements_options || {}).each do |key, opts|
+        # we should clone options to prevent overriding options
+        # in next element with same name in another class
+        options = opts.clone
+        options[:section] = self
+        self.elements[key] = MotionPrime::BaseElement.factory(options.delete(:type), options)
+      end
+    end
+
+    def render(container_options = {})
+      self.container_options.merge!(container_options)
+      self.screen = WeakRef.new(container_options.delete(:to))
+      run_callbacks :render do
+        render!
+      end
+    end
+
+    def render!
+      elements.each do |key, element|
+        element.render(to: screen)
+      end
+    end
+
+    def element(name)
+      elements[name.to_sym]
+    end
+
+    def view(name)
+      element(name).view
+    end
+
+    def container_options
+      @container_options ||= self.class.container_options.try(:clone) || {}
+    end
+
+    def container_height
+      container_options[:height] || DEFAULT_CONTENT_HEIGHT
+    end
+
+    def container_styles
+      container_options[:styles]
+    end
+
+    def benchmark(name, &block)
+      Benchmark.bm do |x|
+        puts "Benchmark: #{name}"
+        x.report(&block)
+      end
+    end
+
+    class << self
+      def element(name, options = {}, &block)
+        options[:type] ||= :label
+        options[:name] = name
+        options[:block] = block
+        self.elements_options ||= {}
+        self.elements_options[name] = options
+        self.elements_options[name]
+      end
+      def container(options)
+        self.container_options = options
+      end
+      def before_render(method_name)
+        set_callback :render, :before, method_name
+      end
+      def after_render(method_name)
+        set_callback :render, :after, method_name
+      end
+    end
+  end
+end

data/motion-prime/sections/draw.rb

@@ -0,0 +1,62 @@
+module MotionPrime
+  class DrawSection < BaseSection
+    # MotionPrime::DrawSection is container for Elements.
+    # Unlike BaseSection, DrawSection renders elements using drawRect, instead of creating subviews
+    # NOTE: only image and label elements are supported at this moment
+
+    # == Basic Sample
+    # class MySection < MotionPrime::DrawSection
+    #   element :title, text: "Hello World"
+    #   element :avatar, type: :image, image: 'defaults/avatar.jpg'
+    # end
+    #
+
+    attr_accessor :container_view
+
+    def create_elements
+      self.elements = {}
+      (self.class.elements_options || {}).each do |key, opts|
+        # we should clone options to prevent overriding options
+        # in next element with same name in another class
+        options = opts.clone
+        options[:section] = self
+        self.elements[key] = MotionPrime::DrawElement.factory(options.delete(:type), options)
+      end
+    end
+
+    def render!
+      if container_options[:as].to_s == 'cell'
+        @container_view = screen.add_view DMCellWithSection, {
+          section: self, styles: container_options[:styles],
+          reuse_identifier: container_options[:reuse_identifier]
+        }
+      else
+        @container_view = screen.add_view DMViewWithSection, {
+          section: self, styles: container_options[:styles],
+          width: container_options[:width] || 320,
+          height: container_options[:height] || 100,
+          top: container_options[:top] || 0,
+          left: container_options[:left] || 0
+        }
+      end
+    end
+
+    def draw_in(rect)
+      draw_background(rect)
+      draw_elements(rect)
+    end
+
+    def draw_elements(rect)
+      elements.each do |key, element|
+        element.draw_in(rect)
+      end
+    end
+
+    def draw_background(rect)
+      if container_options[:background_color]
+        container_options[:background_color].uicolor.setFill
+        UIRectFill(rect)
+      end
+    end
+  end
+end

data/motion-prime/sections/form.rb

@@ -0,0 +1,103 @@
+motion_require './table.rb'
+module MotionPrime
+  class FormSection < TableSection
+    # MotionPrime::FormSection is container for Field Sections.
+    # Forms are located inside Screen and can contain multiple Field Sections.
+    # On render, each field will be added to parent screen.
+
+    # == Basic Sample
+    # class MyLoginForm < MotionPrime::FormSection
+    #   field :email, label: { text: 'E-mail' },  input: { placeholder: 'Your E-mail' }
+    #   field :submit, title: 'Login', type: :submit
+    #
+    #   def on_submit
+    #     email = view("email:input").text
+    #     puts "Submitted email: #{email}"
+    #   end
+    # end
+    #
+
+    KEYBOARD_HEIGHT_PORTRAIT = 216
+    KEYBOARD_HEIGHT_LANDSCAPE = 162
+
+    class_attribute :fields_options
+    attr_accessor :table, :fields, :keyboard_visible
+
+    after_render :bind_keyboard_events
+
+    def table_data
+      fields.values
+    end
+
+    def render_table
+      init_form_fields
+      screen.table_view styles: [:base_form, name.to_sym], delegate: self, dataSource: self do |table|
+        self.table = table
+      end
+    end
+
+    def render_cell(index, table)
+      screen.table_view_cell styles: [:base_form_field, :"#{name}_field"], reuse_identifier: cell_name(table, index) do
+        data[index.row].render(to: screen)
+      end
+    end
+
+    # accepts following syntax to find field element:
+    # element("fieldname:elementname"), e.g. element("email:input")
+    def element(name)
+      field_name, element_name = name.split(':')
+      self.fields[field_name.to_sym].element(element_name.to_sym)
+    end
+
+    def on_edit(field); end
+
+    class << self
+      def field(name, options = {})
+        options[:name] = name
+        options[:type] ||= :string
+        self.fields_options ||= {}
+        self.fields_options[name] = options
+        self.fields_options[name]
+      end
+    end
+
+    def set_height_with_keyboard
+      return if keyboard_visible
+      self.table.height -= KEYBOARD_HEIGHT_PORTRAIT
+      self.keyboard_visible = true
+    end
+
+    def set_height_without_keyboard
+      return unless keyboard_visible
+      self.table.height += KEYBOARD_HEIGHT_PORTRAIT
+      self.keyboard_visible = false
+    end
+
+    def on_keyboard_show
+    end
+
+    def on_keyboard_hide
+    end
+
+    def bind_keyboard_events
+      NSNotificationCenter.defaultCenter.addObserver self,
+                                         selector: :on_keyboard_show,
+                                             name: UIKeyboardDidShowNotification,
+                                           object: nil
+      NSNotificationCenter.defaultCenter.addObserver self,
+                                         selector: :on_keyboard_hide,
+                                             name: UIKeyboardDidHideNotification,
+                                           object: nil
+    end
+
+    private
+
+      def init_form_fields
+        self.fields = {}
+        (self.class.fields_options || []).each do |key, field|
+          klass = "MotionPrime::#{field[:type].classify}FieldSection".constantize
+          self.fields[key] = klass.new(field.merge(form: self))
+        end
+      end
+  end
+end

data/motion-prime/sections/form/base_field_section.rb

@@ -0,0 +1,26 @@
+module MotionPrime
+  class BaseFieldSection < BaseSection
+    attr_accessor :form
+
+    def initialize(options = {})
+      super
+      @form = WeakRef.new(options.delete(:form))
+      @container_options = options.delete(:container)
+    end
+
+    def form_name
+      form.name
+    end
+
+    def container_options
+      @container_options || super
+    end
+
+    def scroll_to_and_make_visible
+      first_element = elements.first.last
+      path = form.table.indexPathForCell first_element.view.superview
+      form.table.scrollToRowAtIndexPath path,
+        atScrollPosition: UITableViewScrollPositionTop, animated: true
+    end
+  end
+end

data/motion-prime/sections/form/password_field_section.rb

@@ -0,0 +1,33 @@
+module MotionPrime
+  class PasswordFieldSection < BaseFieldSection
+    element :label, type: :label do
+      {
+        styles: [
+          :base_field_label,
+          :base_password_field_label,
+          :"#{form_name}_field_label",
+          :"#{form_name}_#{name}_field_label"
+        ]
+      }.merge(options[:label] || {})
+    end
+    element :input, type: :text_field do
+      {
+        styles: [
+          :base_field_input,
+          :base_password_field_input,
+          :"#{form_name}_field_input",
+          :"#{form_name}_#{name}_field_input"
+        ],
+        secureTextEntry: true
+      }.merge(options[:input] || {})
+    end
+    after_render :render_input
+
+    def render_input
+      view(:input).on :editing_did_begin do |view|
+        scroll_to_and_make_visible
+        form.on_edit(self)
+      end
+    end
+  end
+end

data/motion-prime/sections/form/select_field_section.rb

@@ -0,0 +1,40 @@
+module MotionPrime
+  class SelectFieldSection < BaseFieldSection
+    element :label, type: :label do
+      {
+        styles: [
+          :base_field_label,
+          :base_select_field_label,
+          :"#{form_name}_field_label",
+          :"#{form_name}_#{name}_field_label"
+        ]
+      }.merge(options[:label] || {})
+    end
+    element :button, type: :button do
+      {
+        styles: [
+          :base_select_field_button,
+          :"#{form_name}_field_button",
+          :"#{form_name}_#{name}_field_button"
+        ],
+      }.merge(options[:button] || {})
+    end
+    element :arrow, type: :image do
+      {
+        styles: [
+          :base_select_field_arrow,
+          :"#{form_name}_field_arrow",
+          :"#{form_name}_#{name}_field_arrow"
+        ],
+      }.merge(options[:arrow] || {})
+    end
+
+    after_render :render_button
+
+    def render_button
+      view(:button).on :touch do
+        form.send(options[:action]) if options[:action]
+      end
+    end
+  end
+end

data/motion-prime/sections/form/string_field_section.rb

@@ -0,0 +1,32 @@
+module MotionPrime
+  class StringFieldSection < BaseFieldSection
+    element :label, type: :label do
+      {
+        styles: [
+          :base_field_label,
+          :base_string_field_label,
+          :"#{form_name}_field_label",
+          :"#{form_name}_#{name}_field_label"
+        ]
+      }.merge(options[:label] || {})
+    end
+    element :input, type: :text_field do
+      {
+        styles: [
+          :base_field_input,
+          :base_string_field_input,
+          :"#{form_name}_field_input",
+          :"#{form_name}_#{name}_field_input"
+        ],
+      }.merge(options[:input] || {})
+    end
+    after_render :render_input
+
+    def render_input
+      view(:input).on :editing_did_begin do |view|
+        scroll_to_and_make_visible
+        form.on_edit(self)
+      end
+    end
+  end
+end

data/motion-prime/sections/form/submit_field_section.rb

@@ -0,0 +1,20 @@
+module MotionPrime
+  class SubmitFieldSection < BaseFieldSection
+    element :submit, type: :button do
+      {
+        styles: [
+          :base_submit_button,
+          :"#{form_name}_submit_button",
+          :"#{form_name}_#{name}_button"
+        ]
+      }.merge(title: options[:title])
+    end
+    after_render :render_submit
+
+    def render_submit
+      view(:submit).on :touch do
+        form.send(options[:action]) if options[:action]
+      end
+    end
+  end
+end

data/motion-prime/sections/form/text_field_section.rb

@@ -0,0 +1,33 @@
+module MotionPrime
+  class TextFieldSection < BaseFieldSection
+    element :label, type: :label do
+      {
+        styles: [
+          :base_field_label,
+          :base_text_field_label,
+          :"#{form_name}_field_label",
+          :"#{form_name}_#{name}_field_label"
+        ]
+      }.merge(options[:label] || {})
+    end
+    element :input, type: :text_view do
+      {
+        styles: [
+          :base_field_input,
+          :base_text_field_input,
+          :"#{form_name}_field_input",
+          :"#{form_name}_#{name}_field_input"
+        ],
+        editable: true
+      }.merge(options[:input] || {})
+    end
+    after_render :render_input
+
+    def render_input
+      view(:input).on :editing_did_begin do |view|
+        scroll_to_and_make_visible
+        form.on_edit(self)
+      end
+    end
+  end
+end