glimmer-dsl-opal 0.16.1 → 0.19.0

data/lib/glimmer/swt/row_layout_proxy.rb

@@ -24,6 +24,14 @@ module Glimmer
           margin-left: auto;
           margin-right: auto;
         }
+        
+        .row-layout-wrap {
+          flex-wrap: wrap;
+        }
+                
+        .row-layout-justify {
+          justify-content: space-around;
+        }
                 
         .row-layout-horizontal {
           flex-direction: row;
@@ -42,13 +50,14 @@ module Glimmer
         }
       CSS
     
-      attr_reader :type, :fill, :margin_width, :margin_height, :margin_top, :margin_right, :margin_bottom, :margin_left, :spacing, :pack, :center
+      attr_reader :type, :margin_width, :margin_height, :margin_top, :margin_right, :margin_bottom, :margin_left, :spacing, :pack, :center, :wrap, :justify
         
       def initialize(parent, args)
         super(parent, args)
         @parent.dom_element.add_class('row-layout')
         self.type = args.first || :horizontal
         self.pack = true
+        self.wrap = true
       end
       
       def type=(value)
@@ -79,9 +88,13 @@ module Glimmer
         end
       end
       
+      def fill
+        !pack
+      end
+      
       def fill=(value)
         # TODO verify this is a correct implementation and interpretation of RowLayout in SWT
-        self.pack(!value)
+        self.pack = !value
       end
       
       def center=(center_value)
@@ -94,6 +107,24 @@ module Glimmer
         end
       end
       
+      def wrap=(wrap_value)
+        @wrap = wrap_value
+        if @wrap
+          parent.dom_element.add_class("row-layout-wrap")
+        else
+          parent.dom_element.remove_class("row-layout-wrap")
+        end
+      end
+      
+      def justify=(justify_value)
+        @justify = justify_value
+        if @justify
+          parent.dom_element.add_class("row-layout-justify")
+        else
+          parent.dom_element.remove_class("row-layout-justify")
+        end
+      end
+      
       def margin_width=(pixels)
         @margin_width = pixels
         # Using padding for width since margin-right isn't getting respected with width 100%

data/lib/glimmer/swt/shell_proxy.rb

@@ -76,6 +76,10 @@ module Glimmer
         DisplayProxy.instance.shells << self
       end
       
+      def post_add_content
+        `$( document ).tooltip()`
+      end
+      
       def element
         'div'
       end

data/lib/glimmer/swt/tab_folder_proxy.rb

@@ -26,8 +26,8 @@ module Glimmer
     class TabFolderProxy < WidgetProxy
       STYLE = <<~CSS
         .tabs .tab.selected {
-          background: rgb(80, 116, 211);
-          color: white;
+          background: white;
+          color: black;
         }
         .tabs .tab {
           background-color: inherit;
@@ -38,6 +38,14 @@ module Glimmer
           padding: 14px 16px;
           transition: 0.3s;
           font-size: 17px;
+          text-decoration: none;
+        }
+        .tabs .tab:hover {
+          color: black
+        }
+        .tabs .tab > * {
+          display: inline-block;
+          vertical-align: middle;
         }
         .tabs {
           overflow: hidden;
@@ -46,16 +54,10 @@ module Glimmer
         }
       CSS
       
-      attr_reader :tabs
-      
-      def initialize(parent, args, block)
-        super(parent, args, block)
-        @tabs = []
-      end
-      
       def post_initialize_child(child)
         unless @children.include?(child)
           @children << child
+          child.closeable = true if @closeable_children
           tabs_dom_element.append(child.tab_dom)
           child.render
         end
@@ -85,7 +87,7 @@ module Glimmer
         tab_folder_id = id
         tab_folder_id_style = css
         @dom ||= html {
-          div(id: tab_folder_id, style: tab_folder_id_style, class: 'tab-folder') {
+          div(id: tab_folder_id, style: tab_folder_id_style, class: name) {
             div(id: tabs_id, class: 'tabs')
           }
         }.to_s

data/lib/glimmer/swt/tab_item_proxy.rb

@@ -1,10 +1,31 @@
+# Copyright (c) 2020-2021 Andy Maleh
+#
+# 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 'glimmer/swt/composite_proxy'
 
 module Glimmer
   module SWT
     class TabItemProxy < CompositeProxy
       include Glimmer
-      attr_reader :text, :content_visible
+      attr_reader :text, :content_visible, :tool_tip_text, :image
       
       def initialize(parent, args, block)
         super(parent, args, block)
@@ -30,7 +51,33 @@ module Glimmer
     
       def text=(value)
         @text = value
-        tab_dom_element.html(@text)
+        tab_dom_element.find('span').html(@text)
+      end
+      
+      def image=(value)
+        @image = value
+        if @image.is_a?(String)
+          tab_dom_element.find('img').attr('src', @image)
+          tab_dom_element.find('img').css('padding-right', '5px')
+        end
+      end
+      
+      def tool_tip_text=(value)
+        @tool_tip_text = value
+        tab_dom_element.attr('title', @tool_tip_text) if !@tool_tip_text.to_s.empty?
+      end
+      
+      def dispose
+        tab_index = parent.children.to_a.index(self)
+        tab_dom_element.remove
+        super
+        if @content_visible
+          @content_visible = false
+          parent.hide_all_tab_content
+          tab_to_show = parent.children.to_a[tab_index]
+          tab_to_show ||= parent.children.to_a[tab_index - 1]
+          tab_to_show&.show
+        end
       end
     
       def selector
@@ -64,8 +111,9 @@ module Glimmer
       # This contains the clickable tab area with tab names
       def tab_dom
         @tab_dom ||= html {
-          button(id: tab_id, class: "tab") {
-            @text
+          a(href: '#', id: tab_id, class: "tab") {
+            img {}
+            span { @text }
           }
         }.to_s
       end

data/lib/glimmer/swt/widget_proxy.rb

@@ -31,8 +31,8 @@ module Glimmer
       include Glimmer
       include PropertyOwner
       
-      attr_reader :parent, :args, :path, :children, :enabled, :foreground, :background, :font, :focus, :disposed?, :rendered, :menu_requested
-      attr_accessor :menu
+      attr_reader :parent, :args, :path, :children, :enabled, :foreground, :background, :font, :focus, :disposed?, :rendered
+      attr_accessor :menu, :menu_requested, :menu_x, :menu_y
       alias isDisposed disposed?
       alias is_disposed disposed?
       alias rendered? rendered
@@ -112,6 +112,7 @@ module Glimmer
         @parent = parent
         @args = args
         @block = block
+        # TODO consider changing children to an array (why is it a Set if order matters?)
         @children = Set.new # TODO consider moving to composite
         @enabled = true
         @data = {}
@@ -133,17 +134,16 @@ module Glimmer
       # Executes at the closing of a parent widget curly braces after all children/properties have been added/set
       def post_add_content
         if !menu.nil? && !is_a?(MenuProxy) && !is_a?(MenuItemProxy)
-          on_mouse_down { |mouse_event|
+          # TODO consider in the future retaining listener registrations to deregister on unsetting of the menu
+          on_mouse_move do |mouse_event|
+            self.menu_x = mouse_event.x
+            self.menu_y = mouse_event.y
+          end
+          on_mouse_down do |mouse_event|
             if mouse_event.button == 3 # right-click
-              @menu_requested = true
-              dom_element.css('position', 'relative')
-              menu&.render
-              menu.dom_element.css('position', 'absolute')
-              menu.dom_element.css('left', mouse_event.x - parent.get_layout&.margin_width.to_i) # TODO - parent.get_layout&.margin_left.to_i)
-              menu.dom_element.css('top', mouse_event.y - parent.get_layout&.margin_height.to_i - 5) # TODO - parent.get_layout&.margin_top.to_i)
-              @menu_requested = false
+              menu.visible = true
             end
-          }
+          end
         end
       end
       
@@ -321,10 +321,12 @@ module Glimmer
       end
       
       def default_observation_request_to_event_mapping
+        myself = self
         mouse_event_handler = -> (event_listener) {
           -> (event) {
             # TODO generalize this solution to all widgets that support key presses
             # TODO support event.location once DOM3 is supported by opal-jquery
+            event.define_singleton_method(:widget) {myself}
             event.define_singleton_method(:button, &event.method(:which))
             event.define_singleton_method(:count) {1} # TODO support double-click count of 2 in the future by using ondblclick
             event.define_singleton_method(:x, &event.method(:page_x))
@@ -345,6 +347,31 @@ module Glimmer
 #               event.prevent
 #               event.stop
 #               event.stop_immediate
+#             end
+          }
+        }
+        mouse_move_event_handler = -> (event_listener) {
+          -> (event) {
+            # TODO generalize this solution to all widgets that support key presses
+            # TODO support event.location once DOM3 is supported by opal-jquery
+            event.define_singleton_method(:widget) {myself}
+            event.define_singleton_method(:button, &event.method(:which))
+            event.define_singleton_method(:count) {1} # TODO support double-click count of 2 in the future by using ondblclick
+            event.define_singleton_method(:x, &event.method(:page_x))
+            event.define_singleton_method(:y, &event.method(:page_y))
+            doit = true
+            event.define_singleton_method(:doit=) do |value|
+              doit = value
+            end
+            event.define_singleton_method(:doit) { doit }
+            
+            event_listener.call(event)
+            
+            # TODO Imlement doit properly for all different kinds of events
+#             unless doit
+#               event.prevent
+#               event.stop
+#               event.stop_immediate
 #             end
           }
         }
@@ -352,6 +379,7 @@ module Glimmer
           -> (event) {
             # TODO generalize this solution to all widgets that support key presses
             # TODO support event.location once DOM3 is supported by opal-jquery
+            event.define_singleton_method(:widget) {myself}
             event.define_singleton_method(:button, &event.method(:which))
             event.define_singleton_method(:count) {1} # TODO support double-click count of 2 in the future by using ondblclick
             event.define_singleton_method(:x, &event.method(:page_x))
@@ -366,7 +394,6 @@ module Glimmer
               event.prevent
               event_listener.call(event)
             end
-            
             # TODO Imlement doit properly for all different kinds of events
 #             unless doit
 #               event.prevent
@@ -382,6 +409,12 @@ module Glimmer
           'on_focus_lost' => {
             event: 'blur',
           },
+          'on_mouse_move' => [
+            {
+              event: 'mousemove',
+              event_handler: mouse_move_event_handler,
+            },
+          ],
           'on_mouse_up' => [
             {
               event: 'mouseup',
@@ -428,6 +461,7 @@ module Glimmer
               -> (event) {
                 # TODO generalize this solution to all widgets that support key presses
                 # TODO support event.location once DOM3 is supported by opal-jquery
+                event.define_singleton_method(:widget) {myself}
                 event.define_singleton_method(:keyCode) {event.which}
                 event.define_singleton_method(:key_code, &event.method(:keyCode))
                 event.define_singleton_method(:character) {event.which.chr}
@@ -464,6 +498,7 @@ module Glimmer
               -> (event) {
                 # TODO generalize this solution to all widgets that support key presses
                 # TODO support event.location once DOM3 is supported by opal-jquery
+                event.define_singleton_method(:widget) {myself}
                 event.define_singleton_method(:keyCode) {event.which}
                 event.define_singleton_method(:key_code, &event.method(:keyCode))
                 event.define_singleton_method(:character) {event.which.chr}
@@ -500,6 +535,7 @@ module Glimmer
               -> (event) {
                 # TODO generalize this solution to all widgets that support key presses
                 # TODO support event.location once DOM3 is supported by opal-jquery
+                event.define_singleton_method(:widget) {myself}
                 event.define_singleton_method(:keyCode) {event.which}
                 event.define_singleton_method(:key_code, &event.method(:keyCode))
                 event.define_singleton_method(:character) {event.which.chr}
@@ -536,6 +572,7 @@ module Glimmer
               -> (event) {
                 # TODO generalize this solution to all widgets that support key presses
                 # TODO support event.location once DOM3 is supported by opal-jquery
+                event.define_singleton_method(:widget) {myself}
                 event.define_singleton_method(:keyCode) {event.which}
                 event.define_singleton_method(:key_code, &event.method(:keyCode))
                 event.define_singleton_method(:character) {event.which.chr}
@@ -924,7 +961,9 @@ end
 require 'glimmer/swt/display_proxy'
 require 'glimmer/swt/browser_proxy'
 require 'glimmer/swt/button_proxy'
+require 'glimmer/swt/arrow_proxy'
 require 'glimmer/swt/combo_proxy'
+require 'glimmer/swt/c_combo_proxy'
 require 'glimmer/swt/checkbox_proxy'
 require 'glimmer/swt/composite_proxy'
 require 'glimmer/swt/dialog_proxy'
@@ -937,6 +976,8 @@ require 'glimmer/swt/menu_proxy'
 require 'glimmer/swt/radio_proxy'
 require 'glimmer/swt/tab_folder_proxy'
 require 'glimmer/swt/tab_item_proxy'
+require 'glimmer/swt/c_tab_folder_proxy'
+require 'glimmer/swt/c_tab_item_proxy'
 require 'glimmer/swt/table_column_proxy'
 require 'glimmer/swt/table_item_proxy'
 require 'glimmer/swt/table_proxy'

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: glimmer-dsl-opal
 version: !ruby/object:Gem::Version
-  version: 0.16.1
+  version: 0.19.0
 platform: ruby
 authors:
 - AndyMaleh
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2021-08-12 00:00:00.000000000 Z
+date: 2021-08-15 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: glimmer
@@ -267,6 +267,7 @@ files:
 - app/controllers/glimmer/image_paths_controller.rb
 - app/views/glimmer/image_paths/index.html.erb
 - config/routes.rb
+- lib/cgi.rb
 - lib/display.rb
 - lib/glimmer-dsl-opal.rb
 - lib/glimmer-dsl-opal/ext/class.rb
@@ -283,8 +284,11 @@ files:
 - lib/glimmer-dsl-opal/samples/elaborate/tic_tac_toe/board.rb
 - lib/glimmer-dsl-opal/samples/elaborate/tic_tac_toe/cell.rb
 - lib/glimmer-dsl-opal/samples/elaborate/weather.rb
+- lib/glimmer-dsl-opal/samples/hello/hello_arrow.rb
 - lib/glimmer-dsl-opal/samples/hello/hello_browser.rb
 - lib/glimmer-dsl-opal/samples/hello/hello_button.rb
+- lib/glimmer-dsl-opal/samples/hello/hello_c_combo.rb
+- lib/glimmer-dsl-opal/samples/hello/hello_c_tab.rb
 - lib/glimmer-dsl-opal/samples/hello/hello_checkbox.rb
 - lib/glimmer-dsl-opal/samples/hello/hello_checkbox_group.rb
 - lib/glimmer-dsl-opal/samples/hello/hello_combo.rb
@@ -295,6 +299,7 @@ files:
 - lib/glimmer-dsl-opal/samples/hello/hello_date_time.rb
 - lib/glimmer-dsl-opal/samples/hello/hello_dialog.rb
 - lib/glimmer-dsl-opal/samples/hello/hello_group.rb
+- lib/glimmer-dsl-opal/samples/hello/hello_layout.rb
 - lib/glimmer-dsl-opal/samples/hello/hello_list_multi_selection.rb
 - lib/glimmer-dsl-opal/samples/hello/hello_list_single_selection.rb
 - lib/glimmer-dsl-opal/samples/hello/hello_menu_bar.rb
@@ -306,6 +311,15 @@ files:
 - lib/glimmer-dsl-opal/samples/hello/hello_table.rb
 - lib/glimmer-dsl-opal/samples/hello/hello_table/baseball_park.png
 - lib/glimmer-dsl-opal/samples/hello/hello_world.rb
+- lib/glimmer-dsl-opal/samples/hello/images/denmark.png
+- lib/glimmer-dsl-opal/samples/hello/images/finland.png
+- lib/glimmer-dsl-opal/samples/hello/images/france.png
+- lib/glimmer-dsl-opal/samples/hello/images/germany.png
+- lib/glimmer-dsl-opal/samples/hello/images/italy.png
+- lib/glimmer-dsl-opal/samples/hello/images/mexico.png
+- lib/glimmer-dsl-opal/samples/hello/images/netherlands.png
+- lib/glimmer-dsl-opal/samples/hello/images/norway.png
+- lib/glimmer-dsl-opal/samples/hello/images/usa.png
 - lib/glimmer-dsl-opal/vendor/jquery-ui-timepicker/GPL-LICENSE.txt
 - lib/glimmer-dsl-opal/vendor/jquery-ui-timepicker/MIT-LICENSE.txt
 - lib/glimmer-dsl-opal/vendor/jquery-ui-timepicker/jquery.ui.timepicker.css
@@ -368,8 +382,12 @@ files:
 - lib/glimmer/dsl/opal/widget_listener_expression.rb
 - lib/glimmer/engine.rb
 - lib/glimmer/swt.rb
+- lib/glimmer/swt/arrow_proxy.rb
 - lib/glimmer/swt/browser_proxy.rb
 - lib/glimmer/swt/button_proxy.rb
+- lib/glimmer/swt/c_combo_proxy.rb
+- lib/glimmer/swt/c_tab_folder_proxy.rb
+- lib/glimmer/swt/c_tab_item_proxy.rb
 - lib/glimmer/swt/checkbox_proxy.rb
 - lib/glimmer/swt/color_proxy.rb
 - lib/glimmer/swt/combo_proxy.rb