glimmer-dsl-opal 0.0.4 → 0.0.9

data/lib/glimmer/opal/table_column.rb

@@ -0,0 +1,50 @@
+require 'glimmer/opal/element_proxy'
+
+module Glimmer
+  module Opal
+    class TableColumn < ElementProxy
+      include Glimmer
+      attr_reader :text, :width      
+      
+      def text=(value)
+        @text = value
+        redraw
+      end
+    
+      def width=(value)
+        @width = value
+        redraw
+      end
+      
+      def css
+        <<~CSS
+          width: #{width};
+        CSS
+      end
+    
+      def name
+        'th'
+      end
+      
+      def observation_request_to_event_mapping
+        {
+          'on_widget_selected' => {
+            event: 'click'
+          },
+        }
+      end      
+      
+      def dom
+        table_column_text = text
+        table_column_id = id
+        table_column_id_style = css
+        table_column_css_classes = css_classes
+        @dom ||= DOM {
+          th(id: table_column_id, style: table_column_id_style, class: table_column_css_classes.to_a.join(' ')) {
+            table_column_text
+          }
+        }
+      end      
+    end
+  end
+end

data/lib/glimmer/opal/table_item.rb

@@ -0,0 +1,136 @@
+  require 'glimmer/opal/element_proxy'
+
+module Glimmer
+  module Opal
+    class TableItem < ElementProxy
+      attr_reader :data
+      
+      def initialize(parent, args)
+        super(parent, args)
+        on_widget_selected { |event|
+          parent.select(parent.index_of(self), event.meta?)
+        }
+      end
+      
+      def get_text(index)
+        text_array[index]
+      end
+      
+      def set_text(index, text_value)
+        text_array[index] = text_value
+        redraw
+      end
+      
+      def text_array
+        @text_array ||= []
+      end
+
+      def get_data(key = nil)
+        if key.nil?
+          @data
+        else
+          data_hash[key]
+        end
+      end
+      
+      def set_data(key = nil, data_value)
+        if key.nil?
+          @data = data_value
+        else
+          data_hash[key] = data_value
+        end
+      end
+      
+      def data_hash
+        @data_hash ||= {}
+      end
+      
+      def name
+        'tr'
+      end
+      
+      def edit(column_index)
+        return if @edit_column_index == column_index.to_i
+        parent.select(parent.index_of(self), false)
+        @edit_column_index = column_index.to_i
+        redraw
+      end
+      
+      def on_widget_selected(&block)
+        event = 'click'
+        delegate = $document.on(event, selector, &block)
+        EventListenerProxy.new(element_proxy: self, event: event, selector: selector, delegate: delegate)
+      end
+      
+      def max_column_width(column_index)
+        parent.dom.css("tr td:nth-child(#{column_index + 1})").first.width
+      end
+      
+      def dom
+        table_item_id = id
+        table_item_id_style = css
+        table_item_css_classes = css_classes
+        table_item_selection = parent.selection.include?(self)
+        if table_item_selection
+          table_item_css_classes << 'selected'
+        else
+          table_item_css_classes.delete('selected')
+        end
+        table_item_text_array = text_array
+        table_item_edit_column_index = @edit_column_index
+        table_item_max_width = max_column_width(table_item_edit_column_index) if table_item_edit_column_index
+        table_item_edit_handler = lambda do |event, cancel = false|
+          Async::Task.new do
+            text_value = event.target.value
+            edit_property = parent.column_properties[table_item_edit_column_index]
+            edit_model = get_data
+            if !cancel && edit_model.send(edit_property) != text_value
+              edit_model.send("#{edit_property}=", text_value)
+              set_text(table_item_edit_column_index, text_value)
+            end
+            @edit_column_index = nil
+            redraw
+          end
+        end
+        table_item_edit_cancel_handler = lambda do |event|           
+          Async::Task.new do
+            table_item_edit_handler.call(event, true)
+          end
+        end   
+        table_item_edit_key_handler = lambda do |event|
+          Async::Task.new do
+            if event.code == 13
+              table_item_edit_handler.call(event)
+            elsif event.code == 27
+              table_item_edit_cancel_handler.call(event)
+            end
+          end
+        end
+        @dom ||= DOM {
+          tr(id: table_item_id, style: table_item_id_style, class: table_item_css_classes.to_a.join(' ')) {
+            table_item_text_array.each_with_index do |table_item_text, column_index|
+              td('data-column-index' => column_index) {
+                if table_item_edit_column_index == column_index                  
+                  input(type: 'text', value: table_item_text, style: "max-width: #{table_item_max_width - 11}px;")
+                else
+                  table_item_text
+                end
+              }
+            end
+          }
+        }.tap do |the_dom|
+          if table_item_edit_column_index
+            table_item_input = the_dom.css("td:nth-child(#{table_item_edit_column_index + 1}) input").first
+            if table_item_input
+              Async::Task.new do
+                table_item_input.focus
+                table_item_input.on('keyup', &table_item_edit_key_handler)
+                table_item_input.on('focusout', &table_item_edit_cancel_handler)                
+              end
+            end
+          end
+        end
+      end
+    end
+  end
+end

data/lib/glimmer/opal/table_proxy.rb

@@ -0,0 +1,149 @@
+require 'glimmer/opal/element_proxy'
+require 'glimmer/opal/table_column'
+
+module Glimmer
+  module Opal
+    class TableProxy < ElementProxy
+      attr_reader :columns, :selection
+      attr_accessor :column_properties
+      alias items children
+      
+      def initialize(parent, args)
+        super(parent, args)
+        @columns = []
+        @children = []
+        @selection = []
+      end
+      
+      # Only table_columns may be added as children
+      def add_child(child)
+        if child.is_a?(TableColumn)
+          @columns << child
+          columns_dom << child.dom
+        else
+          @children << child        
+          items_dom << child.dom
+        end
+      end
+      
+      def remove_all
+        items.clear
+        @items_dom = nil
+      end
+      
+      def selection=(new_selection)
+        changed = (@selection + new_selection) - (@selection & new_selection)
+        @selection = new_selection
+        changed.each(&:redraw)
+      end
+      
+      def items=(new_items)
+        @children = new_items
+        redraw
+      end
+      
+      def search(&condition)
+        items.select {|item| condition.nil? || condition.call(item)}
+      end      
+      
+      def index_of(item)
+        items.index(item)
+      end
+      
+      def select(index, meta = false)
+        new_selection = @selection.clone
+        selected_item = items[index]
+        if @selection.include?(selected_item)
+          new_selection.delete(selected_item) if meta
+        else
+          new_selection = [] if !meta || (!has_style?(:multi) && @selection.to_a.size >= 1)
+          new_selection << selected_item
+        end
+        self.selection = new_selection
+      end
+      
+      def edit_table_item(table_item, column_index)
+        table_item.edit(column_index)
+      end
+      
+      def selector
+        super + ' tbody'
+      end
+      
+      def observation_request_to_event_mapping
+        {
+          'on_mouse_down' => {
+            event: 'mousedown',
+            event_handler: -> (event_listener) {
+              -> (event) {
+                event.singleton_class.send(:define_method, :table_item=) do |item|
+                  @table_item = item
+                end
+                event.singleton_class.send(:define_method, :table_item) do
+                  @table_item
+                end
+                table_row = event.target.ancestors('tr').first
+                table_data = event.target.ancestors('td').first
+                event.table_item = items.detect {|item| item.id == table_row.attributes['id']}
+                event.singleton_class.send(:define_method, :column_index) do
+                  (table_data || event.target).attributes['data-column-index']
+                end
+                event_listener.call(event)              
+              }
+            }
+          }
+        }
+      end
+      
+      def redraw
+        if @dom
+          old_dom = @dom
+          @dom = nil
+          old_dom.replace dom
+        else
+          dom
+        end
+        if @last_redrawn_children != @children
+          items_dom.clear
+          @last_redrawn_children = @children
+          @children = []
+          @last_redrawn_children.each do |child|            
+            add_child(child)
+          end
+        end
+      end
+
+      def columns_dom        
+        @columns_dom ||= DOM {
+          tr {
+          }
+        }
+      end
+      
+      def thead_dom
+        @thead_dom ||= DOM {
+          thead {
+          }
+        }.tap {|the_dom| the_dom << columns_dom }
+      end
+      
+      def items_dom        
+        @items_dom ||= DOM {
+          tbody {
+          }
+        }
+      end
+      
+      def dom
+        table_id = id
+        table_id_style = css
+        table_id_css_classes = css_classes
+        table_id_css_classes_string = table_id_css_classes.to_a.join(' ')
+        @dom ||= DOM {
+          table(id: table_id, style: table_id_style, class: table_id_css_classes_string) {            
+          }
+        }.tap {|the_dom| the_dom >> thead_dom }.tap {|the_dom| the_dom << items_dom }
+      end
+    end
+  end
+end

data/lib/samples/elaborate/contact_manager.rb

@@ -81,8 +81,7 @@ class ContactManager
               @contact_manager_presenter.toggle_sort(:email)
             }
           }
-          items bind(@contact_manager_presenter, :results),
-          column_properties(:first_name, :last_name, :email)
+          items bind(@contact_manager_presenter, :results), column_properties(:first_name, :last_name, :email)
           on_mouse_down { |event|
             table_proxy.edit_table_item(event.table_item, event.column_index)
           }

data/lib/samples/elaborate/login.rb

@@ -1,4 +1,3 @@
-require "java"
 require "observer"
 
 #Presents login screen data

data/lib/samples/elaborate/tic_tac_toe.rb

@@ -37,11 +37,11 @@ class TicTacToe
     display_game_over_message("Draw!")
   end
 
-  def display_game_over_message(message)
-    message_box = MessageBox.new(@shell.swt_widget)
-    message_box.setText("Game Over")
-    message_box.setMessage(message)
-    message_box.open
+  def display_game_over_message(message_text)
+    message_box(@shell) {
+      text 'Game Over'
+      message message_text
+    }.open
     @tic_tac_toe_board.reset
   end
 

data/lib/samples/hello/hello_tab.rb

@@ -2,7 +2,7 @@ class HelloTab
   include Glimmer
   def launch
     shell {
-      text "Hello Tab"
+      text "Hello, Tab!"
       tab_folder {
         tab_item {
           text "English"
@@ -13,7 +13,7 @@ class HelloTab
         tab_item {
           text "French"
           label {
-            text "Bonjour Univers!"
+            text "Bonjour, Univers!"
           }
         }
       }

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: glimmer-dsl-opal
 version: !ruby/object:Gem::Version
-  version: 0.0.4
+  version: 0.0.9
 platform: ruby
 authors:
 - AndyMaleh
-autorequire: 
+autorequire:
 bindir: bin
 cert_chain: []
-date: 2020-06-18 00:00:00.000000000 Z
+date: 2020-06-28 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: glimmer
@@ -16,14 +16,14 @@ dependencies:
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: 0.9.2
+        version: 0.9.3
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: 0.9.2
+        version: 0.9.3
 - !ruby/object:Gem::Dependency
   name: rspec-mocks
   requirement: !ruby/object:Gem::Requirement
@@ -168,15 +168,16 @@ files:
 - README.md
 - VERSION
 - lib/glimmer-dsl-opal.rb
-- lib/glimmer/config.rb
 - lib/glimmer/data_binding/element_binding.rb
+- lib/glimmer/data_binding/ext/observable_model.rb
 - lib/glimmer/data_binding/list_selection_binding.rb
 - lib/glimmer/data_binding/observable_element.rb
-- lib/glimmer/dsl/engine.rb
-- lib/glimmer/dsl/expression.rb
-- lib/glimmer/dsl/expression_handler.rb
+- lib/glimmer/data_binding/table_items_binding.rb
+- lib/glimmer/dsl/opal/async_exec_expression.rb
 - lib/glimmer/dsl/opal/bind_expression.rb
+- lib/glimmer/dsl/opal/browser_expression.rb
 - lib/glimmer/dsl/opal/button_expression.rb
+- lib/glimmer/dsl/opal/column_properties_expression.rb
 - lib/glimmer/dsl/opal/combo_expression.rb
 - lib/glimmer/dsl/opal/combo_selection_data_binding_expression.rb
 - lib/glimmer/dsl/opal/composite_expression.rb
@@ -187,26 +188,37 @@ files:
 - lib/glimmer/dsl/opal/layout_data_expression.rb
 - lib/glimmer/dsl/opal/list_expression.rb
 - lib/glimmer/dsl/opal/list_selection_data_binding_expression.rb
+- lib/glimmer/dsl/opal/message_box_expression.rb
+- lib/glimmer/dsl/opal/observe_expression.rb
 - lib/glimmer/dsl/opal/property_expression.rb
 - lib/glimmer/dsl/opal/shell_expression.rb
+- lib/glimmer/dsl/opal/tab_folder_expression.rb
+- lib/glimmer/dsl/opal/tab_item_expression.rb
+- lib/glimmer/dsl/opal/table_column_expression.rb
+- lib/glimmer/dsl/opal/table_expression.rb
+- lib/glimmer/dsl/opal/table_items_data_binding_expression.rb
 - lib/glimmer/dsl/opal/text_expression.rb
 - lib/glimmer/dsl/opal/widget_listener_expression.rb
-- lib/glimmer/dsl/parent_expression.rb
-- lib/glimmer/dsl/static_expression.rb
-- lib/glimmer/dsl/top_level_expression.rb
-- lib/glimmer/error.rb
-- lib/glimmer/invalid_keyword_error.rb
+- lib/glimmer/opal/display_proxy.rb
 - lib/glimmer/opal/div_proxy.rb
 - lib/glimmer/opal/document_proxy.rb
 - lib/glimmer/opal/element_proxy.rb
 - lib/glimmer/opal/event_listener_proxy.rb
 - lib/glimmer/opal/grid_layout_proxy.rb
+- lib/glimmer/opal/iframe_proxy.rb
 - lib/glimmer/opal/input_proxy.rb
 - lib/glimmer/opal/label_proxy.rb
 - lib/glimmer/opal/layout_data_proxy.rb
 - lib/glimmer/opal/list_proxy.rb
+- lib/glimmer/opal/modal.rb
+- lib/glimmer/opal/point.rb
 - lib/glimmer/opal/property_owner.rb
 - lib/glimmer/opal/select_proxy.rb
+- lib/glimmer/opal/tab_folder.rb
+- lib/glimmer/opal/tab_item.rb
+- lib/glimmer/opal/table_column.rb
+- lib/glimmer/opal/table_item.rb
+- lib/glimmer/opal/table_proxy.rb
 - lib/samples/elaborate/contact_manager.rb
 - lib/samples/elaborate/contact_manager/contact.rb
 - lib/samples/elaborate/contact_manager/contact_manager_presenter.rb
@@ -230,7 +242,7 @@ homepage: http://github.com/AndyObtiva/glimmer-dsl-opal
 licenses:
 - MIT
 metadata: {}
-post_install_message: 
+post_install_message:
 rdoc_options: []
 require_paths:
 - lib
@@ -246,7 +258,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
       version: '0'
 requirements: []
 rubygems_version: 3.1.2
-signing_key: 
+signing_key:
 specification_version: 4
 summary: Glimmer DSL for Opal
 test_files: []