opal 0.0.1 → 0.1.0

data/opals/foundation/lib/foundation/rendering/root_theme.rb

@@ -0,0 +1,77 @@
+# 
+# root_theme.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/rendering/theme"
+
+module CherryKit
+  
+  # The RootTheme is the base theme for all cherry kit and cherry touch 
+  # applications. Other themes should probbaly inherit from this theme.
+  class RootTheme < Theme
+    
+    # Return a new view renderer for this theme. The view renderer takes control
+    # of the basics, such as setting up class names, setting the element DOM id
+    # and setting a basic background color.
+    # 
+    # @param {CherryKit::View} view the view owner
+    # @returns {CherryKit::Renderer} the view renderer
+    # 
+    def self.view(view)
+      RootTheme::View.new view, self
+    end
+    
+    def self.button(view)
+      RootTheme::Button.new view, self
+    end
+    
+    def self.control(view)
+      RootTheme::Control.new view, self
+    end
+    
+    def self.slider(view)
+      RootTheme::Slider.new view, self
+    end
+    
+    def self.scroller(view)
+      RootTheme::Scroller.new view, self
+    end
+    
+    def self.label(view)
+      RootTheme::Label.new view, self
+    end
+    
+    def self.table_view(view)
+      RootTheme::TableView.new view, self
+    end
+    
+    def self.text_field(view)
+      RootTheme::TextField.new view, self
+    end
+    
+  end
+  
+  # RootTheme.register :root_theme
+end

data/opals/foundation/lib/foundation/rendering/root_theme/button.rb

@@ -0,0 +1,62 @@
+# 
+# button.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/rendering/root_theme/control'
+
+module CherryKit
+  
+  class RootTheme
+    
+    class Button < Control
+      
+      # theme_renderer :button, RootTheme
+      
+      def render(render_context)
+        super render_context
+        # title etc
+        render_contents render_context
+      end
+      
+      def render_contents(render_context)
+        render_context.label do |label|
+          label.class_name = 'label'
+          label << @view.title
+        end
+      end
+      
+      def update
+        super
+        update_contents
+      end
+      
+      def update_contents
+        label = element.find('.label')
+        label.text = @view.title
+      end
+      
+    end # View
+  end # RootTheme
+end

data/opals/foundation/lib/foundation/rendering/root_theme/control.rb

@@ -0,0 +1,72 @@
+# 
+# control.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/rendering/root_theme/view'
+
+module CherryKit
+  
+  class RootTheme
+    
+    class Control < View
+      
+      # The control sizes for the control_size theme attribute. In most cases
+      # these will determine the ideal height for a control, but some controls
+      # might use this value for vertical controls (e.g a vertical scroller)
+      # 
+      theme_attribute :control_size,
+        :mini     => 15,
+        :small    => 18,
+        :regular  => 22,
+        :large    => 25
+      
+      # Initial render
+      def render(render_context)
+        # view renderer
+        super render_context
+        # @element = render_context.element
+        # as we call update straight away, no need to do this here?
+        # render_context.set_class_names calculate_class_names
+        render_context.add_class_name @view.control_size.to_s
+      end
+      
+      def update
+        super
+        element.set_class_names calculate_class_names
+        # need to compare old control size to current.. incase it chnaged..
+      end
+      
+      # calculate the class names (for render and update) for this control
+      def calculate_class_names
+        {
+          'disabled'    => !@view.enabled?,
+          'selected'    => @view.selected?,
+          'highlighted' => @view.highlighted?
+        }
+      end
+      
+    end # View
+  end # RootTheme
+end

data/opals/foundation/lib/foundation/rendering/root_theme/label.rb

@@ -0,0 +1,54 @@
+# 
+# label.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/rendering/root_theme/control'
+
+module CherryKit
+  
+  module RootTheme
+    
+    class Label < Control
+
+      # Initial render
+      def render(render_context)
+        super render_context
+        # inners
+        render_label render_context
+      end
+      
+      def render_label(render_context)
+        render_context << "<span class='title'></span>"
+      end
+      
+      def update
+        # keep control updated
+        super
+        @element.find('.title').text = @view.title
+      end
+      
+    end
+  end
+end

data/opals/foundation/lib/foundation/rendering/root_theme/scroller.rb

@@ -0,0 +1,58 @@
+# 
+# scroller.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/rendering/root_theme/control'
+
+module CherryKit
+  
+  module RootTheme
+    
+    class Scroller < Control
+      
+      # Initial render
+      def render(render_context)
+        # render super (Control)
+        super render_context
+        # inners
+        render_scroller render_context
+      end
+      
+      def render_scroller(render_context)
+
+      end
+      
+      def update
+        # keep control updated
+        super
+        @element.set_class_names({
+          'horizontal'  => !@view.vertical?,
+          'vertical'    => @view.vertical?
+        })
+      end
+      
+    end
+  end
+end

data/opals/foundation/lib/foundation/rendering/root_theme/slider.rb

@@ -0,0 +1,72 @@
+# 
+# slider.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/rendering/root_theme/control'
+
+module CherryKit
+  
+  module RootTheme
+    
+    class Slider < Control
+      
+      theme_attribute :track_indent, 
+        :small    => 5,
+        :regular  => 7,
+        :large    => 9
+      
+      # Initial render
+      def render(render_context)
+        # render super (Control)
+        super render_context
+        # inners
+        render_slider render_context
+      end
+      
+      def render_slider(render_context)
+        render_context << ["<span class='inner'>",
+          "<span class='left'></span>",
+          "<span class='middle'></span>",
+          "<span class='right'></span>",
+          "<span class='handle' style='left:50%'></span>",
+          "</span>"].join("")
+      end
+      
+      def update
+        # keep control updated
+        super
+        # puts "view.value is #{@view.value}"
+        # puts "looking for handle"
+        e= @element.find('.handle')
+        # `console.log(#{e}.__element__);`
+        # puts "--------------------- slider update value is"
+        # `console.log(#{@view.value}.class_name);`
+        # `console.log(#{@view}.class_name);`
+        @element.find('.handle').css :left  => "#{@view.value}%"
+      end
+      
+    end
+  end
+end

data/opals/foundation/lib/foundation/rendering/root_theme/table_view.rb

@@ -0,0 +1,97 @@
+# 
+# table_view.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/rendering/root_theme/control'
+
+module CherryKit
+  
+  module RootTheme
+    
+    # TableView renderer
+    # 
+    # rows and columns divs do not hold actual cells, but just the rows and
+    # column highlight/selections etc (also grid lines). On each uopdate they
+    # are repositioned to be in the right frame. Also, if we have alternating
+    # background in our table view, fake rows need to be made to carry on
+    # the alternating pattertn past last line. 
+    # 
+    # Each data cell./view is actually a subview, so it will be positioned
+    # by the tableview itself.
+    class TableView < Control
+
+      # Initial render
+      def render(render_context)
+        super render_context
+        # array of all rows. index based to row number (instances of Element)
+        @row_elements = []
+        # array of all column elements
+        @column_elements = []
+        # inners
+        render_rows_and_columns render_context
+      end
+      
+      def render_rows_and_columns(render_context)
+        render_context << "<div class='rows'></div><div class='columns'></div>"
+      end
+      
+      def update
+        # keep control updated
+        super
+        # reposition each row/column div.
+        update_rows_and_columns
+      end
+      
+      def update_rows_and_columns
+        # first do all rows
+        old_rows = @row_elements.length
+        new_rows = @view.number_of_rows
+        delta_rows = new_rows - old_rows
+
+        if delta_rows > 0
+          # need to make delta_rows number of extra rows
+          delta_rows.times do |row|
+            @row_elements << @element.find('.rows').div(:class_name => 'row')
+          end
+          # @element.find('.rows').div
+        elsif delta_rows < 0
+          # need to remove (or hide) delta number of rows
+          puts "need to remove extra divs?"
+        end
+        
+        @row_elements.each_with_index do |row, index|
+          rect = @view.rect_of_row index
+          row.css :left => "#{rect.x}px",
+                  :top => "#{rect.y}px", 
+                  :height => "#{rect.height}px", 
+                  :right => "0px"
+          
+          row.set_class_names 'selected' => @view.row_selected?(index)
+        end
+      end
+      
+    end
+  end
+end