under-os-ui 1.4.0

data/lib/under_os/ui/slider.rb

@@ -0,0 +1,37 @@
+class UnderOs::UI::Slider < UnderOs::UI::Input
+  wraps UISlider, tag: 'slider'
+
+  def initialize(options={})
+    super
+
+    self.min   = options[:min]   if options[:min]
+    self.max   = options[:max]   if options[:max]
+
+    @_.continuous = options.delete(:track) || true # track the changes as they go
+    @_.addTarget self, action: :handle_change, forControlEvents:UIControlEventValueChanged
+  end
+
+  def value
+    @_.value
+  end
+
+  def value=(value)
+    @_.value = value.to_f
+  end
+
+  def min
+    @_.minimumValue
+  end
+
+  def min=(value)
+    @_.minimumValue = value.to_f
+  end
+
+  def max
+    @_.maximumValue
+  end
+
+  def max=(value)
+    @_.maximumValue = value.to_f
+  end
+end

data/lib/under_os/ui/spinner.rb

@@ -0,0 +1,23 @@
+class UnderOs::UI::Spinner < UnderOs::UI::View
+  wraps UIActivityIndicatorView, tag: :spinner
+
+  def initialize(options={})
+    super
+    show
+  end
+
+  def show
+    @_.startAnimating
+    self
+  end
+
+  def hide
+    @_.stopAnimating
+    self
+  end
+
+  def hidden
+    @_.isAnimating == 0
+  end
+
+end

data/lib/under_os/ui/style.rb

@@ -0,0 +1,21 @@
+#
+# The view styles handling wrapper
+#
+# The idea here is to provide a DOM like `style` object,
+# which can take similar to DOM properties and translate
+# them into iOS equivalents
+#
+class UnderOs::UI::Style
+  include Fonts
+  include Margins
+  include Outlining
+  include Positioning
+
+  attr_reader :view
+
+  def initialize(view, type)
+    @view = view
+    @type = type
+  end
+
+end

data/lib/under_os/ui/style/fonts.rb

@@ -0,0 +1,56 @@
+#
+# This module handles all sorts of things related to fonts
+# and text attributes
+#
+module UnderOs::UI
+  class Style
+    module Fonts
+      def fontFamily
+        @view.font.familyName
+      end
+
+      def fontFamily=(value)
+        @view.font = UIFont.fontWithName(value, size: @view.font.pointSize)
+      end
+
+      def fontSize
+        @view.font.pointSize
+      end
+
+      def fontSize=(value)
+        @view.font  = @view.font.fontWithSize(value)
+        @view.sizeToFit if @type == :icon
+      end
+
+      def textAlign
+        if @view.is_a?(UIButton)
+          BUTTONS_ALIGMENTS_MAP.key(@view.contentHorizontalAlignment)
+        elsif @view.respond_to?(:textAlignment)
+          TEXTNODES_ALIGMENTS_MAP.key(@view.textAlignment)
+        end
+      end
+
+      def textAlign=(value)
+        if @view.is_a?(UIButton)
+          @view.contentHorizontalAlignment = BUTTONS_ALIGMENTS_MAP[value.to_s] || BUTTONS_ALIGMENTS_MAP['left']
+        elsif @view.respond_to?(:textAlignment)
+          @view.textAlignment = TEXTNODES_ALIGMENTS_MAP[value.to_s] || BUTTONS_ALIGMENTS_MAP['left']
+        end
+      end
+
+      BUTTONS_ALIGMENTS_MAP = {
+        'right'   => UIControlContentHorizontalAlignmentRight,
+        'center'  => UIControlContentHorizontalAlignmentCenter,
+        'justify' => UIControlContentHorizontalAlignmentFill,
+        'left'    => UIControlContentHorizontalAlignmentLeft
+      }
+
+      TEXTNODES_ALIGMENTS_MAP = {
+        'right'   => NSTextAlignmentRight,
+        'center'  => NSTextAlignmentCenter,
+        'justify' => NSTextAlignmentJustified,
+        'left'    => NSTextAlignmentLeft
+      }
+    end
+  end
+end

data/lib/under_os/ui/style/margins.rb

@@ -0,0 +1,164 @@
+#
+# This module handles styles related to margins and paddings
+#
+module UnderOs::UI
+  class Style
+    module Margins
+      def display
+        @display || :block
+      end
+
+      def display=(value)
+        @display = %w[none block inline].include?(value.to_s) ? value.to_sym : :block
+        @view.hidden = @display == :none
+        set_offsets if @display == :inline
+      end
+
+      def margin
+        [marginTop, marginRight, marginBottom, marginLeft]
+      end
+
+      def margin=(value)
+        @margin_top, @margin_right, @margin_botom, @margin_left = to_4dim_array(value)
+        set_offsets
+      end
+
+      def marginTop
+        @margin_top || 0
+      end
+
+      def marginTop=(value)
+        @margin_top = value
+        set_offsets
+      end
+
+      def marginLeft
+        @margin_left || 0
+      end
+
+      def marginLeft=(value)
+        @margin_left = value
+        set_offsets
+      end
+
+      def marginRight
+        @margin_right || 0
+      end
+
+      def marginRight=(value)
+        @margin_right = value
+        set_offsets
+      end
+
+      def marginBottom
+        @margin_botom || 0
+      end
+
+      def marginBottom=(value)
+        @margin_botom = value
+        set_offsets
+      end
+
+      def padding
+        [paddingTop, paddingRight, paddingBottom, paddingLeft]
+      end
+
+      def padding=(value)
+        @padding_top, @padding_right, @padding_botom, @padding_left = to_4dim_array(value)
+        set_offsets
+      end
+
+      def paddingTop
+        @padding_top || 0
+      end
+
+      def paddingTop=(value)
+        @padding_top = value
+        set_paddings
+      end
+
+      def paddingLeft
+        @padding_left || 0
+      end
+
+      def paddingLeft=(value)
+        @padding_left = value
+        set_paddings
+      end
+
+      def paddingRight
+        @padding_right || 0
+      end
+
+      def paddingRight=(value)
+        @padding_right = value
+        set_paddings
+      end
+
+      def paddingBottom
+        @padding_botom || 0
+      end
+
+      def paddingBottom=(value)
+        @padding_botom = value
+        set_paddings
+      end
+
+    private
+
+      def to_4dim_array(value)
+        value = value.gsub('px', '').split.map(&:to_f) if value.is_a?(String)
+        value = Array(value)
+        case value.size
+        when 1 then value * 4
+        when 2 then [value[0], value[1], value[0], value[1]]
+        else        value
+        end
+      end
+
+      def set_offsets
+        return nil if display != :inline
+
+        position_x = marginLeft + parent_offset_x
+        position_y = marginTop
+
+        @view.frame = [[position_x, position_y], [
+          @view.frame.size.width, @view.frame.size.height
+        ]]
+      end
+
+      def set_paddings
+        if @view.respond_to?(:contentEdgeInsets)
+          @view.contentEdgeInsets = UIEdgeInsetsMake(paddingTop, paddingLeft, paddingBottom, paddingRight)
+        end
+      end
+
+      def parent_offset_x
+        offset       = 0
+        parent_frame = parent_view_frame
+
+        if parent_frame
+          offset += parent_frame.origin.x + parent_frame.size.width
+
+          if wrap = UnderOs::UI::View.wrap_for(@view)
+            offset += wrap.style.marginRight
+          end
+        end
+
+        offset
+      end
+
+      def parent_view_frame
+        parent_view  = @view.superview
+        parent_frame = nil
+
+        unless parent_view.subviews[0] === @view
+          previous_view = parent_view.subviews[parent_view.subviews.index(@view)-1]
+          parent_frame  = previous_view && previous_view.frame
+        end
+
+        parent_frame
+      end
+    end
+  end
+end

data/lib/under_os/ui/style/outlining.rb

@@ -0,0 +1,170 @@
+#
+# This module contains things like colors, borders, shadows, etc
+#
+module UnderOs::UI
+  class Style
+    module Outlining
+      def opacity
+        @view.alpha
+      end
+
+      def opacity=(value)
+        @view.alpha = value
+      end
+
+      def backgroundColor
+        @view.backgroundColor
+      end
+
+      def backgroundColor=(color, state=UIControlStateNormal)
+        if @view.is_a?(UIButton)
+          @view.setBackgroundColor convert_color(color), forState:state
+        else
+          @view.backgroundColor = convert_color(color)
+        end
+      end
+
+      def backgroundImage
+        @background_image
+      end
+
+      def backgroundImage=(image)
+        image = UIImage.UIImage.imageNamed(image) if image.is_a?(String)
+
+        if @view.is_a?(UIButton)
+          @view.setBackgroundImage(image, forState:UIControlStateNormal)
+        else
+          @background_image = UnderOs::UI::Image.new(src: image, class: 'uos-background-image')
+          @background_image._.frame = [[0, 0], [@view.frame.size.width, @view.frame.size.height]]
+          @view.insertSubview(@background_image._, atIndex: 0)
+        end
+      end
+
+      alias :background  :backgroundColor
+      alias :background= :backgroundColor=
+
+      def color(state=UIControlStateNormal)
+        if @view.is_a?(UIButton)
+          @view.titleColorForState(state)
+        elsif @view.respond_to?(:textColor)
+          @view.textColor
+        elsif @view.respond_to?(:color)
+          @view.color
+        end
+      end
+
+      def color=(color, state=UIControlStateNormal)
+        if @view.is_a?(UIButton)
+          @view.setTitleColor convert_color(color), forState:state
+        elsif @view.respond_to?(:textColor)
+          @view.textColor = convert_color(color)
+        elsif @view.respond_to?(:color)
+          @view.color = convert_color(color)
+        end
+      end
+
+      def borderRadius
+        @view.layer.cornerRadius
+      end
+
+      def borderRadius=(radius)
+        @view.clipsToBounds      = true
+        @view.layer.cornerRadius = radius
+      end
+
+      def borderColor
+        @view.layer.borderColor
+      end
+
+      def borderColor=(color)
+        @view.layer.borderColor = convert_color(color).CGColor
+      end
+
+      def borderWidth
+        @view.layer.borderWidth
+      end
+
+      def borderWidth=(width)
+        @view.layer.borderWidth = width
+      end
+
+      def boxShadow
+        get_layer_shadow @view.layer
+      end
+
+      def boxShadow=(value)
+        set_layer_shadow @view.layer, value
+      end
+
+      def textShadow
+        get_layer_shadow text_layer
+      end
+
+      def textShadow=(value)
+        set_layer_shadow text_layer, value
+      end
+
+    private
+
+      def convert_color(color)
+        UnderOs::Color.new(color).ui
+      end
+
+      def text_layer
+        @view.is_a?(UIButton) ? @view.titleLabel : @view.layer
+      end
+
+      def get_layer_shadow(layer)
+        [
+          layer.shadowOffset.width,
+          layer.shadowOffset.height,
+          layer.shadowRadius,
+          layer.shadowOpacity,
+          UnderOs::Color.new(layer.shadowColor).to_hex
+        ].compact.join(" ")
+      end
+
+      def set_layer_shadow(layer, value)
+        x, y, radius, opacity, color = parse_shadow_params(value)
+
+        layer.shadowOffset  = CGSizeMake(x, y) if x && y
+        layer.shadowColor   = color.CGColor    if color
+        layer.shadowRadius  = radius           if radius
+        layer.shadowOpacity = opacity          if opacity
+        layer.shadowPath    = UIBezierPath.bezierPathWithRect(@view.layer.bounds).CGPath
+      end
+
+      def parse_shadow_params(string)
+        x, y, radius, opacity, color = string.strip.split
+
+        x = x.gsub /px$/, ''
+        y = y.gsub /px$/, ''
+        radius  = radius.gsub  /px$/, '' if radius
+        opacity = opacity.gsub /px$/, '' if opacity
+
+        if ! color
+          if opacity
+            unless opacity =~ /^[\d\.]+$/
+              color   = opacity
+              opacity = nil
+            end
+          elsif radius
+            unless radius =~ /^[\d\.]+$/
+              color  = radius
+              radius = nil
+            end
+          end
+        end
+
+        x = x.to_f if x
+        y = y.to_f if y
+
+        radius  = radius.to_f  if radius
+        opacity = opacity.to_f if opacity
+        color   = convert_color(color) if color
+
+        [x, y, radius, opacity, color]
+      end
+    end
+  end
+end