opal 0.0.1 → 0.1.0

data/opals/foundation/lib/foundation/windows/window.rb

@@ -0,0 +1,191 @@
+# 
+# window.rb
+# vienna
+# 
+# Created by Adam Beynon.
+# Copyright 2010 Adam Beynon.
+#
+# 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.
+#
+
+require 'foundation/views/view'
+
+module CherryKit
+  
+  # A window is used for the root window, menu or panel on screen. Unlike Cocoa
+  # it inherits from the View class. Essentially windows are just views, but
+  # they include extra methods for attaching themselves onto the DOM and for
+  # orchestrating event delegation and routing
+  # 
+  class Window < View
+    
+    def initialize(layout)
+      super
+      # an array of all the views which require displaying
+      @views_needing_display = []
+      # a window's window is always itself
+      @window = self
+      # default first responder is the window itself
+      @first_responder = self
+      # puts "normal initializer for window!"
+    end
+    
+    def show
+      # mark ourself as needing display
+      self.needs_display = true
+      
+      # append_to Browser::Element.body
+    end
+    
+    class_names 'ck-window'
+    
+    # Insert the window into the given element
+    # 
+    # @param {Browser::Element} element the element to append into
+    # @returns {CherryKit::Window} self
+    # 
+    def append_to(base_element)
+      # make sure our render context is already created
+      render_context = create_render_context
+      
+      # puts "finished create_render_context:"
+      base_element << render_context.element
+      
+      # puts "now need to make all subviews"
+    end
+    
+    # Mark the given view as needing display. This view should be in this
+    # window's hierarchy. The view will be displayed at the end of the next
+    # event loop. If a view is marked as needing display more than once during
+    # an event loop, it will be only actually rendererd once.
+    # 
+    # @param {CherryKit::View} view that requires display
+    # 
+    def mark_view_for_display(view)
+      # puts "mark_view_for_display(#{view})"
+      # do not re-add it if we already have it as needing display
+      unless @views_needing_display.include? view
+        # puts "yeap, adding it"
+        @views_needing_display << view
+        `console.log(#{ @views_needing_display});`
+      end
+    end
+    
+    # NEVER invoke this method directly
+    def display
+      # super
+      if @render_context
+        update
+      else
+        render_context = create_render_context
+        # first call .render(), then immediately update() it
+        render render_context
+        update
+        # add to super
+        append_to Browser::Element.body
+      end
+      # make sure we have a render context
+      # unless render_context
+        # append_to Browser::Element.body
+      # end
+      
+      # puts "need to go through each view"
+      # `console.log(#{@views_needing_display});`
+      # now go through all our views that are marked for display (should be
+      # all subviews if we just had to create a render context, otherwise it is
+      # any view that has been updated)
+      # @views_needing_display.each do |view|
+        # puts "need to display view: #{view}"
+      # end
+      
+      @subviews.each do |view|
+        view.display
+      end
+    end
+    
+    # =================================
+    # = Event delegation and handling =
+    # =================================
+    
+    # Send event on
+    # 
+    # @param {Browser::Event} event
+    # 
+    def send_event(event)
+      
+      if event.type == :mouse_down
+        # puts "need to send on mousedown from window"
+        event.view.mouse_down event
+      elsif event.type == :mouse_up
+        # puts "need to "
+      elsif event.type == :key_down
+        # puts "about to send key_down"
+        res = event.view.key_down event
+        # puts "result is #{res}"
+        return res
+      elsif event.type == :key_up
+        event.view.key_up event
+      end
+      # case :mousedown
+      
+      # event.view.mouse_down event
+    end
+    
+    # Returns the first responder for the window
+    def first_responder
+      @first_responder
+    end
+    
+    # Attempt to make the given responder the first responder.
+    # 
+    # @param {CherryKit::Responder} responder to make first responder
+    # @returns {true|false}
+    # 
+    def make_first_responder?(responder)
+      # return true if responder is already first responder
+      return true if responder == @first_responder
+      # return false if current first responder will not resign
+      return false unless @first_responder.resign_first_responder?
+      # set window as first respionder if the responder will not accept first
+      # responder status
+      if !responder.accepts_first_responder? || !responder.become_first_responder?
+        @first_responder = self
+        return false
+      end
+      
+      # if all was ok, set first responder, and return true
+      @first_responder = responder
+      true
+    end
+    
+    # ===============================
+    # = Builder methods and support =
+    # ===============================
+    
+    register_builder :window,
+      :title  => "Window"
+    
+    # Initialize from builder
+    def initialize_from_builder(builder_options)
+      # puts "initialzing in window!! builder style"
+      initialize
+    end
+    
+  end # Window
+end

data/opals/foundation/resources/button/button.css

@@ -0,0 +1,23 @@
+.ck-button {
+  border: 1px #545454 solid;
+  border-radius: 5px;
+  -moz-border-radius: 5px;
+  -webkit-border-radius: 5px;
+  vertical-align: middle;
+  background-color: rgb(230,230,230);
+}
+
+.ck-button.disabled {
+  background-color: rgb(190,190,190);
+}
+
+.ck-button.highlighted {
+  background-color: rgb(200, 200, 200);
+}
+
+.ck-button .label {
+  text-align: center;
+  position: relative;
+  display: block;
+  line-height: 22px;
+}

data/{runtime/init.js → opals/foundation/resources/foundation.css}

@@ -1,6 +1,6 @@
 /* 
- * init.js
- * opal
+ * foundation.css
+ * vienna
  * 
  * Created by Adam Beynon.
  * Copyright 2010 Adam Beynon.
@@ -24,36 +24,30 @@
  * THE SOFTWARE.
  */
  
-/**
-  Basically start opal.
-*/
-function ruby_init() {
-  rb_call_inits();
-};
+body {
+  top: 0px;
+  right: 0px;
+  bottom: 0px;
+  left: 0px;
+  position: absolute;
+  margin: 0px;
+}
 
-/**
-  embed script name/type
-*/
-function ruby_script(name) {
-  
-};
+.ck-view {
+  position: absolute;
+  font-family: Arial, Helvetica, sans-serif;
+  font-size: 12px;
+  line-height: 1.4;
+  cursor: default;
+  overflow: hidden;
+  /* Three methods of stopping text selection across browsers */
+  user-select: none;
+  -khtml-user-select: none;
+  -moz-user-select: -moz-none;
+}
 
-
-/**
-  Init core.
-*/
-function rb_call_inits() {
-  Init_Object();
-  Init_top_self();
-  Init_Array();
-  Init_Number();
-  Init_String();
-  Init_Hash();
-  Init_Range();
-  Init_Regexp();
-  Init_File();
-  Init_Dir();
-  Init_VM();
-  Init_vm_eval();
-  Init_load();
-};
+.ck-view body,
+.ck-view div {
+  margin: 0px;
+  padding: 0px;
+}

data/opals/foundation/resources/scroll/scroll.css

@@ -0,0 +1,22 @@
+
+.ck-scroll-view .horizontal {
+  left: 5px;
+  right: 5px;
+  bottom: 5px;
+  height: 5px;
+  
+  position: absolute;
+  z-index: 2;
+  
+}
+
+.ck-scroll-view .horizontal .scroller {
+  width: 100%;
+  left: 0%;
+  height: 100%;
+  background: black;
+  border-radius: 4px;
+  -webkit-border-radius: 4px;
+	-moz-border-radius: 4px;
+	position: absolute;
+}

data/opals/foundation/resources/scroll_view/scroll_view.css

@@ -0,0 +1,3 @@
+.ck-view.ck-scroll-view {
+  background: rgb(220, 220, 220);
+}

data/opals/foundation/resources/scroll_view/scroller.css

@@ -0,0 +1,3 @@
+.ck-view.ck-scroller {
+  background: rgb(185, 185, 185);
+}

data/opals/foundation/resources/slider/regular/slider.css

@@ -0,0 +1,3 @@
+.ck-view.ck-slider.regular {
+  
+}

data/opals/foundation/resources/slider/slider.css

@@ -0,0 +1,27 @@
+.ck-slider {
+  height: 16px;
+}
+
+.ck-slider .inner {
+  position: absolute;
+  left: 7px;
+  right: 7px;
+  height: 5px;
+  top: 5px;
+  background: rgb(160,160,160);
+  border-radius: 3px;
+  -webkit-border-radius: 3px;
+	-moz-border-radius: 3px;
+}
+
+.ck-slider .handle {
+  height: 14px;
+  width: 14px;
+  border-radius: 7px;
+  -webkit-border-radius: 7px;
+	-moz-border-radius: 7px;
+	background: rgb(64, 64, 64);
+	position: absolute;
+	top: -4px;
+	margin-left: -7px;
+}

data/opals/foundation/resources/table_view/outline_view.css

@@ -0,0 +1,3 @@
+.ck-view.ck-outline-view {
+  background: rgb(223, 227, 234);
+}

data/opals/foundation/resources/table_view/table_view.css

@@ -0,0 +1,15 @@
+/*.ck-view.ck-table-view .ck-view.selected {*/
+/*  color: white;*/
+/*}*/
+
+/* Selected rows background */
+.ck-view.ck-table-view .rows .row.selected {
+  background: rgb(127, 150, 185);
+}
+
+/* Grid lines */
+/*.ck-view.ck-table-view .rows .row {
+  margin-top: -1px;
+  border-bottom: 1px solid #999;
+}
+*/

data/opals/foundation/resources/text_field/text_field.css

@@ -0,0 +1,71 @@
+
+.ck-view.ck-text-field {
+  border: none;
+  overflow: visible;
+  background: white;
+}
+
+.ck-text-field .border {
+  position: absolute;
+  top: 0px;
+  bottom: 0px;
+  right: 0px;
+  left: 0px;
+}
+
+/* safari */
+.safari .ck-text-field .border {
+  -webkit-appearance: textfield;
+}
+
+/* internet explorer */
+.msie .ck-text-field .border {
+  border: 1px inset;
+}
+
+.ck-text-field .padding {
+  position: absolute;
+  top: 0px;
+  bottom: 0px;
+  right: 3px;
+  left: 3px;
+}
+
+.ck-text-field input {
+  position: absolute;
+  top: 0px;
+  bottom: 0px;
+  right: 0px;
+  left: 0px;
+  width: 100%;
+  height: 100%;
+  display: block;
+  vertical-align: middle;
+  background: transparent;
+  line-height: 100%;
+}
+
+.msie .ck-text-field input {
+  padding-bottom: 1px;
+}
+
+/* safari */
+.ck-text-field input {
+  border: none;
+  outline: none;
+  -webkit-appearance: none;
+}
+
+
+/* ========================= */
+/* = Rounded look and feel = */
+/* ========================= */
+
+.safari .ck-text-field.rounded .border {
+  -webkit-appearance: searchfield;
+}
+
+.safari .ck-text-field.rounded .padding {
+  left: 10px;
+  right: 10px;
+}