motion-prime 0.1.0

data/motion-prime/sections/table.rb

@@ -0,0 +1,97 @@
+motion_require './table/refresh_mixin'
+module MotionPrime
+  class TableSection < BaseSection
+    include TableSectionRefreshMixin
+    include HasSearchBar
+
+    attr_accessor :table_view
+    before_render :render_table
+
+    def table_data
+      []
+    end
+
+    def data
+      @data ||= begin
+        table_data
+      end
+    end
+
+    def reload_data
+      @data = nil
+      @data_stamp = Time.now.to_i
+      table_view.reloadData
+    end
+
+    def render_table
+      @data_stamp = Time.now.to_i
+      self.table_view = screen.table_view(styles: [:base_table, name.to_sym], delegate: self, data_source: self).view
+    end
+
+    def render_cell(index, table)
+      cell = cached_cell(index)
+      return cell if cell
+      item = data[index.row]
+
+      # define default styles for cell
+      styles = [:"#{name}_cell"]
+      if item.respond_to?(:container_styles) && item.container_styles.present?
+        styles += Array.wrap(item.container_styles)
+      end
+      if item.respond_to?(:name) && item.name.present?
+        styles += [item.name.to_sym]
+      end
+
+      # DrawSection allows as to draw inside the cell view, so we can setup
+      # to use cell view as container
+      if item.is_a?(MotionPrime::DrawSection)
+        item.render(to: screen, as: :cell,
+          styles: [:base_table_cell] + styles,
+          reuse_identifier: cell_name(table, index)
+        )
+      else
+        screen.table_view_cell styles: [:base_table_cell] + styles, reuse_identifier: cell_name(table, index) do
+          item.render(to: screen)
+        end
+      end
+    end
+
+    def on_click(table, index)
+    end
+
+    def cell_name(table, index)
+      record = data[index.row]
+      if record && record.model &&
+         record.model.respond_to?(:id) && record.model.id.present?
+        "cell_#{record.model.id}_#{@data_stamp}"
+      else
+        "cell_#{index.section}_#{index.row}_#{@data_stamp}"
+      end
+    end
+
+    def cached_cell(index, table = nil)
+      table ||= self.table_view
+      table.dequeueReusableCellWithIdentifier(cell_name(table, index))
+    end
+
+    # ALIASES
+    # ---------------------
+
+    def tableView(table, cellForRowAtIndexPath:index)
+      cell = cached_cell(index, table) || render_cell(index, table)
+      cell.is_a?(UIView) ? cell : cell.view
+    end
+
+    def tableView(table, numberOfRowsInSection:section)
+      data.length
+    end
+
+    def tableView(table, didSelectRowAtIndexPath:index)
+      on_click(table, index)
+    end
+
+    def tableView(table, heightForRowAtIndexPath:index)
+      data[index.row].container_height
+    end
+  end
+end

data/motion-prime/sections/table/refresh_mixin.rb

@@ -0,0 +1,13 @@
+module MotionPrime
+  module TableSectionRefreshMixin
+    def add_pull_to_refresh(&block)
+      table_view.addPullToRefreshWithActionHandler(block)
+      screen.setup table_view.pullToRefreshView, styles: [:base_pull_to_refresh]
+    end
+
+    def fisnish_pull_to_refresh
+      reload_data
+      table_view.pullToRefreshView.stopAnimating
+    end
+  end
+end

data/motion-prime/styles/forms.rb

@@ -0,0 +1,93 @@
+motion_require '../views/styles.rb'
+MotionPrime::Styles.define :base do
+  # basic table styles
+  # ----------
+  style :table,
+    top: 0,
+    left: 0,
+    width: 320,
+    bottom: 0
+
+  # basic form styles
+  # ----------
+  style :form,
+    width: 260,
+    left: 30,
+    top: 0,
+    right: 30,
+    bottom: 0,
+    background_color: :clear,
+    separator_color: :clear,
+    scroll_enabled: true
+
+  style :form_field,
+    selection_style: UITableViewCellSelectionStyleNone
+
+  # available options for string label:
+  # @background_color: COLOR
+  # @text_color: COLOR
+  style :field_label,
+    background_color: :clear,
+    text_color: :gray,
+    top: 6,
+    height: 20,
+    left: 0,
+    right: 0,
+    font: proc { APP_CONFIG[:css_font_base].uifont(12) },
+    size_to_fit: true
+
+  # available options for input:
+  # @layer: @border_width: FLOAT
+  # @layer: @border_color: COLOR
+  # @background_color: COLOR
+  # @background_image: PATH_TO_FILE
+  style :field_input,
+    layer: {
+      border_width: 1,
+      border_color: :gray
+    },
+    font: proc { APP_CONFIG[:css_font_base].uifont(16) },
+    placeholder_font: proc { APP_CONFIG[:css_font_base].uifont(16) },
+    background_color: :white,
+    left: 0,
+    right: 0,
+    top: 30,
+    bottom: 0,
+    padding_top: 4
+
+  # available options for submit button:
+  # @button_type: :rounded, :custom
+  # @background_color: COLOR
+  # @background_image: PATH_TO_FILE
+  style :submit_button,
+    background_color: :gray,
+    left: 0,
+    right: 0,
+    top: 10,
+    height: 44,
+    title_color: :white
+
+  style :select_field_button,
+    background_color: :white,
+    left: 0,
+    right: 0,
+    top: 30,
+    height: 36,
+    title_color: 0x16759a,
+    title_shadow_color: :white,
+    contentHorizontalAlignment: UIControlContentHorizontalAlignmentLeft,
+    layer: {
+      border_color: :gray,
+      border_width: 1
+    },
+    title_color: :gray,
+    title_label: {
+      font: proc { APP_CONFIG[:css_font_base].uifont(16) }
+    }
+  style :select_field_arrow,
+    image: "images/forms/select_arrow.png",
+    top: 42,
+    right: 5,
+    width: 9,
+    height: 14
+end

data/motion-prime/support/_key_value_store.rb

@@ -0,0 +1,10 @@
+module MotionPrime
+  module KeyValueStore
+    extend ::MotionSupport::Concern
+
+    # Key-Value accessors
+    def setValue(value, forUndefinedKey: key)
+      self.send(:"#{key}=", key)
+    end
+  end
+end

data/motion-prime/support/dm_button.rb

@@ -0,0 +1,22 @@
+class DMButton < UIButton
+  include MotionPrime::KeyValueStore
+  attr_accessor :paddingLeft, :paddingTop, :padding
+
+  def setTitle(value)
+    setTitle value, forState: UIControlStateNormal
+  end
+
+  def drawPadding(rect)
+    padding_left = self.paddingLeft || self.padding || 5
+    padding_top = self.paddingTop || self.padding || 0
+    self.setTitleEdgeInsets UIEdgeInsetsMake(
+      padding_top, padding_left,
+      padding_top, padding_left
+    )
+  end
+
+  def drawRect(rect)
+    drawPadding(rect)
+    super
+  end
+end

data/motion-prime/support/dm_cell_with_section.rb

@@ -0,0 +1,12 @@
+class DMCellWithSection < UITableViewCell
+  attr_accessor :section
+
+  def setSection(section)
+    @section = WeakRef.new(section)
+  end
+
+  def drawRect(rect)
+    super
+    section.draw_in(rect)
+  end
+end

data/motion-prime/support/dm_text_field.rb

@@ -0,0 +1,30 @@
+# This class have some modifications for UITextField:
+# * support padding, padding_left, padding_right options
+# * support placeholder_color, placeholder_font options
+class DMTextField < UITextField
+  include MotionPrime::KeyValueStore
+
+  attr_accessor :paddingLeft, :paddingTop, :padding,
+    :placeholderColor, :placeholderFont
+
+  # placeholder position
+  def textRectForBounds(bounds)
+    padding_left = self.paddingLeft || self.padding || 5
+    padding_top = self.paddingTop || self.padding || 3
+    CGRectInset(bounds, padding_left, padding_top)
+  end
+
+  # text position
+  def editingRectForBounds(bounds)
+    padding_left = self.paddingLeft || self.padding || 5
+    padding_top = self.paddingTop || self.padding || 3
+    CGRectInset(bounds, padding_left, padding_top)
+  end
+
+  def drawPlaceholderInRect(rect)
+    color = self.placeholderColor || :gray.uicolor
+    color.setFill
+    font = self.placeholderFont || self.font || :system.uifont(16)
+    self.placeholder.drawInRect(rect, withFont: font)
+  end
+end

data/motion-prime/support/dm_text_view.rb

@@ -0,0 +1,93 @@
+# This class have some modifications for UITextView:
+# * support padding, padding_left, padding_right options
+# * support placeholder, placeholder_color, placeholder_font options
+class DMTextView < UITextView
+  include MotionPrime::KeyValueStore
+  DEFAULT_PADDING_LEFT = 7
+
+  attr_accessor :paddingLeft, :paddingTop, :padding,
+    :placeholderColor, :placeholderFont, :placeholder
+
+  def drawPadding(rect)
+    # add padding to UITextView
+    padding_left = 0 - DEFAULT_PADDING_LEFT + (self.paddingLeft || self.padding || 5)
+    padding_top = 0 - DEFAULT_PADDING_LEFT + (self.paddingTop || self.padding || 5)
+    padding = UIEdgeInsetsMake(
+      padding_top, padding_left,
+      padding_top, padding_left
+    )
+    self.contentInset = padding
+
+    # must change frame before bounds because the text wrap is reformatted based on frame,
+    # don't include the top and bottom insets
+    insetFrame = UIEdgeInsetsInsetRect(frame, UIEdgeInsetsMake(0, padding.left, 0, padding.right))
+    # offset frame back to original x
+    offsetX = frame.origin.x - (insetFrame.origin.x - ( padding.left + padding.right ) / 2)
+    insetFrame = CGRectApplyAffineTransform(insetFrame, CGAffineTransformMakeTranslation(offsetX, 0))
+    self.frame = insetFrame
+    self.bounds = UIEdgeInsetsInsetRect(self.bounds, UIEdgeInsetsMake(0, -padding.left, 0, -padding.right))
+  end
+
+  def drawPlaceholder(rect)
+    padding_left = self.paddingLeft || self.padding || 5
+    padding_top = self.paddingTop || self.padding || 5
+    padding = UIEdgeInsetsMake(
+      padding_top, padding_left,
+      padding_top, padding_left
+    )
+    if self.placeholder && self.text.blank?
+      color = self.placeholderColor || :gray.uicolor
+      color.setFill
+      font = self.placeholderFont || self.font || :system.uifont(16)
+
+      color.setFill
+      rect = CGRectMake(
+        rect.origin.x + padding_left,
+        rect.origin.y + padding_top,
+        self.frame.size.width - padding_left,
+        self.frame.size.height - padding_top
+      )
+      placeholder.drawInRect(rect, withFont: font)
+    end
+  end
+
+  def drawRect(rect)
+    drawPadding(rect)
+    drawPlaceholder(rect)
+    super
+  end
+
+  def initPlaceholder
+    NSNotificationCenter.defaultCenter.addObserver(self,
+      selector: :textChanged, name: UITextViewTextDidChangeNotification, object: self
+    )
+    @shouldDrawPlaceholder = placeholder && self.text.blank?
+  end
+
+  def textChanged
+    updatePlaceholderDraw
+  end
+
+  def updatePlaceholderDraw
+    prev = @shouldDrawPlaceholder
+    @shouldDrawPlaceholder = placeholder && self.text.blank?
+    if prev != @shouldDrawPlaceholder
+      self.setNeedsDisplay
+    end
+  end
+
+  # custom initializer
+  def initWithCoder(aDecoder)
+    if super
+      initPlaceholder
+    end
+    self
+  end
+
+  def initWithFrame(frame)
+    if super
+      initPlaceholder
+    end
+    self
+  end
+end

data/motion-prime/support/dm_view_controller.rb

@@ -0,0 +1,50 @@
+class DMViewController < UIViewController
+  def self.new(args = {})
+    s = self.alloc.initWithNibName(nil, bundle:nil)
+    s.on_create(args) if s.respond_to?(:on_create)
+    s
+  end
+
+  def viewDidLoad
+    super
+    self.view_did_load if self.respond_to?(:view_did_load)
+  end
+
+  def viewWillAppear(animated)
+    super
+    self.view_will_appear(animated) if self.respond_to?("view_will_appear:")
+  end
+
+  def viewDidAppear(animated)
+    super
+    self.view_did_appear(animated) if self.respond_to?("view_did_appear:")
+  end
+
+  def viewWillDisappear(animated)
+    self.view_will_disappear(animated) if self.respond_to?("view_will_disappear:")
+    super
+  end
+
+  def viewDidDisappear(animated)
+    if self.respond_to?("view_did_disappear:")
+      self.view_did_disappear(animated)
+    end
+    super
+  end
+
+  def shouldAutorotateToInterfaceOrientation(orientation)
+    self.should_rotate(orientation)
+  end
+
+  def shouldAutorotate
+    self.should_autorotate
+  end
+
+  def willRotateToInterfaceOrientation(orientation, duration:duration)
+    self.will_rotate(orientation, duration)
+  end
+
+  def didRotateFromInterfaceOrientation(orientation)
+    self.on_rotate
+  end
+end

data/motion-prime/support/dm_view_with_section.rb

@@ -0,0 +1,11 @@
+class DMViewWithSection < UIView
+  attr_accessor :section
+
+  def setSection(section)
+    @section = WeakRef.new(section)
+  end
+
+  def drawRect(rect)
+    section.draw_in(rect)
+  end
+end