under-os-ui 1.4.0

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: 61976f0a26b5845bc6feaed1d8f24d03dbc0d57d
+  data.tar.gz: 507fb867ef0fe5ad4e45fa8d3a9f5d954aa9b800
+SHA512:
+  metadata.gz: 1089eb31723d9480500064911b2c0b8ec6a978963f4e4f2bd67bb47fe9a6b206633423ab0e1c17ee3a9744c00c306466417b1010a6706af16bad5c6f11c9adda
+  data.tar.gz: 13c52f56728173e05fbc0ac3864b328667ad068d7cab5d601e96da9111ab9cc4e881229c539d0f6d47c4c4a54ca2f265393a99306499d3acaae8e740b1bfd0e9

data/README.md

@@ -0,0 +1,26 @@
+# UnderOs Core
+
+This is the actual UI magick part of the [UnderOs](http://under-os.com) project
+
+## Copyright & License
+
+All code in this library is released under the terms of the MIT license
+
+Copyright (C) 2013-2014 Nikolay Nemshilov
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies
+of the Software, and to permit persons to whom the Software is furnished to do so,
+subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED,
+INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A
+PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT
+HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
+OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE
+SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

data/lib/assets/under-os.css

@@ -0,0 +1,115 @@
+/**
+ * The under-os stock stylesheet
+ */
+
+button {
+  color:         black;
+  background:    #ddd;
+  border-radius: 5;
+}
+
+image.uos-background-image {
+  top:    0;
+  left:   0;
+  width:  100%;
+  height: 100%;
+}
+
+icon {
+  color: black;
+}
+icon.navbar-item {
+  color:       #007AFF;
+  font-size:   24;
+  width:       24;
+  height:      24;
+  text-align:  right;
+  padding-top: 4;
+}
+
+input, textarea {
+  border-width:  1;
+  border-color:  #ddd;
+  border-radius: 2;
+}
+
+slider {
+  height: 30;
+}
+
+sidebar {
+  display: none;
+  z-index: 1000;
+}
+
+sidebar.left, sidebar.right {
+  height: 100%;
+  top:    0;
+}
+
+sidebar.top, sidebar.bottom {
+  width: 100%;
+  left:  0;
+}
+
+select {
+  display:    none;
+  background: white;
+  bottom:     0;
+}
+
+scroll {
+  content-width:  auto;
+  content-height: auto;
+}
+
+spinner {
+  color: black;
+}
+
+locker {
+  top:    0;
+  left:   0;
+  width:  100%;
+  height: 100%;
+  background: rgba(0,0,0,0.5);
+  z-index: 10000;
+}
+
+locker view.locker-dialog {
+  width:  60;
+  height: 60;
+  left:   130;
+  top:    254;
+  background: rgba(0,0,0,0.8);
+  border-radius: 5;
+}
+
+locker spinner {
+  color:      white;
+  width:      100%;
+  height:     100%;
+  background: transparent;
+}
+
+locker label {
+  color:      white;
+  width:      80%;
+  height:     15;
+  bottom:     8;
+  left:       8;
+  text-align: center;
+  font-size:  12;
+}
+
+
+locker.with-label view.locker-dialog {
+  width:  80;
+  height: 80;
+  left:   120;
+  top:    244;
+}
+
+locker.with-label spinner {
+  height: 90%;
+}

data/lib/core/kernel.rb

@@ -0,0 +1,16 @@
+module Kernel
+  def u(css_rule)
+    return UnderOs::App.history.current_page if css_rule == 'page'
+    return UnderOs::App.history.navbar       if css_rule == 'navbar'
+
+    elements = UnderOs::App.history.current_page.find(css_rule)
+
+    if elements.size == 0
+      nil
+    elsif elements.size == 1
+      elements[0]
+    else
+      elements
+    end
+  end
+end

data/lib/under-os-ui.rb

@@ -0,0 +1,6 @@
+UnderOs.extend __FILE__ do |app|
+  app.resources_dirs << "app/styles/"  if File.exists?("app/styles")
+  app.resources_dirs << "app/layouts/" if File.exists?("app/layouts")
+
+  app.fonts << "fontawesome-webfont.ttf"
+end

data/lib/under_os/app.rb

@@ -0,0 +1,26 @@
+UnderOs::App.instance_eval do
+
+  def self.history
+    @history ||= UnderOs::History.new
+  end
+
+  def self.stylesheet
+    @stylesheet ||= UnderOs::Page::Stylesheet.new.tap do |stylesheet|
+      stylesheets.each { |filename| stylesheet.load(filename) }
+    end
+  end
+
+  def self.stylesheets
+    ($stylesheets ||= []).tap do |files|
+      files << "under-os.css"    unless files.include?("under-os.css")
+      files << "application.css" unless files.include?("application.css")
+    end
+  end
+
+protected
+
+  def self.root_controller
+    history._
+  end
+
+end

data/lib/under_os/config.rb

@@ -0,0 +1,25 @@
+class UnderOs::Config
+  def root_page
+    @app.history.root_page
+  end
+
+  def root_page=(page)
+    @app.history.root_page = page
+  end
+
+  def status_bar
+    @status_bar
+  end
+
+  def status_bar=(visible)
+    @status_bar = visible
+  end
+
+  def navbar
+    @app.history.navbar.visible
+  end
+
+  def navbar=(visible)
+    @app.history.navbar.__send__ visible ? :show : :hide, false
+  end
+end

data/lib/under_os/history.rb

@@ -0,0 +1,53 @@
+class UnderOs::History
+  attr_reader :_, :navbar
+
+  def initialize
+    @_      = UINavigationController.alloc
+    @navbar = UnderOs::UI::Navbar.new(@_)
+  end
+
+  def root_page
+    @_.topViewController.wrapper
+  end
+
+  def root_page=(page)
+    @_.initWithRootViewController(page._)
+  end
+
+  def current_page
+    controller = @_.topViewController
+
+    controller.is_a?(UnderOs::Page::UIViewControllerWrap) ?
+      controller.wrapper : root_page
+  end
+
+  def push(page, animated=true)
+    if pages.include?(page)
+      pop_to(page)
+    else
+      @_.pushViewController(page._, animated: animated)
+    end
+  end
+
+  alias :<< :push
+
+  def pop(page=nil, animated=true)
+    if page
+      @_.popToViewController(page._, animated: animated)
+    else
+      @_.popViewControllerAnimated(animated)
+    end
+  end
+
+  def pages
+    @_.viewControllers.map{|c| c.wrapper rescue nil }.compact
+  end
+
+  def pop_to(page, animated=true)
+    pop(page, animated)
+  end
+
+  def pop_to_root(animated=true)
+    @_.popToRootViewControllerAnimated(animated)
+  end
+end

data/lib/under_os/page.rb

@@ -0,0 +1,178 @@
+#
+# UOS::Page is kind of a wrap over an iOS controller
+# but instead of the controller, it presents more the
+# main (root) view of the controller in a sence you've
+# got for DOM documents in web
+#
+class UnderOs::Page
+  include UnderOs::Events
+  include UnderOs::UI
+
+  attr_reader :_, :stylesheet
+
+  def self.new(*args)
+    alloc.setup_wrap(*args)
+  end
+
+  def self.layout(name=nil)
+    name ? (@layout = name) : @layout
+  end
+
+  def initialize
+    # page building goes in here
+  end
+
+  def view
+    @_view
+  end
+
+  def view=(view)
+    @_view = view
+  end
+
+  %w[insert append prepend find first].each do |method|
+    define_method method do |*args|
+      @_view.__send__ method, *args
+    end
+  end
+
+  def alert(*args)
+    Alert.new(*args)
+  end
+
+  def history
+    UnderOs::App.history
+  end
+
+  def navbar
+    history.navbar
+  end
+
+  def title
+    @_.navigationItem.title
+  end
+
+  def title=(text)
+    @_.navigationItem.title = text
+  end
+
+  def name
+    self.class.name.underscore.sub(/_page$/, '')
+  end
+
+  def setup_wrap(*args)
+    @_ = UIViewControllerWrap.alloc.init(self, {
+      on_load_view:      Proc.new{ emit('init')      },
+      on_view_loaded:    Proc.new{ emit('load')      },
+      on_view_preappear: Proc.new{ emit('preappear') },
+      on_view_appear:    Proc.new{ emit('appear')    },
+      on_view_disappear: Proc.new{ emit('disappear') },
+      on_view_rerender:  Proc.new{ emit('rerender')  },
+      on_view_rotate:    Proc.new{ emit('rotate')    }
+    })
+
+    on 'init' do
+      build_layout
+      compile_styles
+    end
+
+    on 'load' do
+      repaint
+      initialize(*args)
+    end
+
+    on 'preappear' do
+      repaint
+    end
+
+    on 'rotate' do
+      repaint
+    end
+
+    self
+  end
+
+  def build_layout
+    @_layout = Layout.new(self)
+  end
+
+  def compile_styles
+    @stylesheet = Stylesheet.new
+    @stylesheet << UnderOs::App.stylesheet
+    @stylesheet.load("#{name}.css")
+  end
+
+  def repaint
+    view.repaint(stylesheet)   if view
+    navbar.repaint(stylesheet) if navbar
+  end
+
+  #
+  # A simple wrap over UIViewController to intercept
+  # the iOS events
+  #
+  class UIViewControllerWrap < UIViewController
+    attr_reader :wrapper
+
+    def init(wrapper, options)
+      @wrapper = wrapper
+      @options = options
+      initWithNibName(nil, bundle: nil)
+    end
+
+    def loadView
+      super
+      @options[:on_load_view].call
+    end
+
+    def viewDidLoad
+      super
+      @options[:on_view_loaded].call
+    end
+
+    def viewWillAppear(animated)
+      super(animated)
+      @options[:on_view_preappear].call
+    end
+
+    def viewDidAppear(animated)
+      super
+      @options[:on_view_appear].call
+    end
+
+    def viewDidDisappear(animated)
+      super
+      @options[:on_view_disappear].call
+    end
+
+    def viewWillLayoutSubviews
+      super
+      @options[:on_view_rerender].call
+    end
+
+    def didRotateFromInterfaceOrientation(orientation)
+      super
+      @options[:on_view_rotate].call
+    end
+
+    def prefersStatusBarHidden
+      !UnderOs::App.config.status_bar
+    end
+
+    def touchesBegan(touches, withEvent:event)
+      UnderOs::UI::Events::TouchListeners.notify :touchstart, event
+    end
+
+    def touchesMoved(touches, withEvent:event)
+      UnderOs::UI::Events::TouchListeners.notify :touchmove, event
+    end
+
+    def touchesEnded(touches, withEvent: event)
+      UnderOs::UI::Events::TouchListeners.notify :touchend, event
+    end
+
+    def touchesCancelled(touches, withEvent: event)
+      UnderOs::UI::Events::TouchListeners.notify :touchcancel, event
+    end
+  end
+end