glimmer-dsl-opal 0.16.2 → 0.19.1

data/lib/glimmer-dsl-opal/samples/hello/hello_tab.rb

@@ -1,5 +1,5 @@
 # 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
@@ -7,10 +7,10 @@
 # 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
@@ -20,15 +20,16 @@
 # WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
 
 class HelloTab
-  include Glimmer
+  include Glimmer::UI::CustomShell
   
-  def launch
+  body {
     shell {
       text 'Hello, Tab!'
       
       tab_folder {
         tab_item {
           text 'English'
+          tool_tip_text 'English Greeting'
           
           label {
             text 'Hello, World!'
@@ -37,14 +38,15 @@ class HelloTab
         
         tab_item {
           text 'French'
+          tool_tip_text 'French Greeting'
           
           label {
             text 'Bonjour, Univers!'
           }
         }
       }
-    }.open
-  end
+    }
+  }
 end
 
-HelloTab.new.launch
+HelloTab.launch

data/lib/glimmer/dsl/opal/menu_expression.rb

@@ -37,6 +37,9 @@ module Glimmer
             if parent.is_a?(Glimmer::SWT::WidgetProxy)
               return true
             else
+              puts 'parent'
+              puts parent.class
+              puts parent
               raise Glimmer::Error, "menu may only be nested under a widget (like shell or another menu)!"
             end
           end

data/lib/glimmer/swt/arrow_proxy.rb

@@ -0,0 +1,42 @@
+# 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/widget_proxy'
+require 'glimmer/swt/button_proxy'
+
+module Glimmer
+  module SWT
+    class ArrowProxy < ButtonProxy
+      def initialize(parent, args, block)
+        if args.to_a.include?(:left)
+          @text = '<'
+        elsif args.to_a.include?(:right)
+          @text = '>'
+        elsif args.to_a.include?(:up)
+          @text = '^'
+        else
+          @text = 'v'
+        end
+        super(parent, args, block)
+      end
+    end
+  end
+end

data/lib/glimmer/swt/button_proxy.rb

@@ -1,3 +1,24 @@
+# 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/widget_proxy'
 require 'glimmer/swt/radio_proxy'
 require 'glimmer/swt/checkbox_proxy'
@@ -11,6 +32,8 @@ module Glimmer
             RadioProxy.new(parent, args, block)
           elsif args.to_a.include?(:check)
             CheckboxProxy.new(parent, args, block)
+          elsif args.to_a.include?(:arrow)
+            ArrowProxy.new(parent, args, block)
           else
             new(parent, args, block)
           end
@@ -29,9 +52,21 @@ module Glimmer
       end
 
       def observation_request_to_event_mapping
+        myself = self
         {
           'on_widget_selected' => {
-            event: 'click'
+            event: 'click',
+            event_handler: -> (event_listener) {
+              -> (event) {
+                event.define_singleton_method(:widget) {myself}
+                doit = true
+                event.define_singleton_method(:doit=) do |value|
+                  doit = value
+                end
+                event.define_singleton_method(:doit) { doit }
+                event_listener.call(event)
+              }
+            }
           },
         }
       end

data/lib/glimmer/swt/c_combo_proxy.rb

@@ -0,0 +1,51 @@
+# 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/widget_proxy'
+require 'glimmer/swt/combo_proxy'
+
+module Glimmer
+  module SWT
+    class CComboProxy < ComboProxy
+      def post_add_content
+        `$(#{path}).selectmenu()`
+        c_combo_dom_element.css('width', 'initial')
+      end
+      
+      def font=(value)
+        @font = value.is_a?(FontProxy) ? value : FontProxy.new(self, value)
+        c_combo_dom_element.css('font-family', @font.name) unless @font.nil?
+        c_combo_dom_element.css('font-style', 'italic') if @font&.style == :italic
+        c_combo_dom_element.css('font-weight', 'bold') if @font&.style == :bold
+        c_combo_dom_element.css('font-size', "#{@font.height}px") unless @font.nil?
+      end
+      
+      def c_combo_path
+        "##{id}-button"
+      end
+      
+      def c_combo_dom_element
+        Document.find(c_combo_path)
+      end
+    end
+  end
+  
+end

data/lib/glimmer/swt/c_tab_folder_proxy.rb

@@ -0,0 +1,43 @@
+# 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/widget_proxy'
+require 'glimmer/swt/tab_folder_proxy'
+
+module Glimmer
+  module SWT
+    class CTabFolderProxy < TabFolderProxy
+      attr_reader :closeable_children
+        
+      def initialize(parent, args, block)
+        @closeable_children = args.detect { |arg| SWTProxy[:close] == SWTProxy[arg] }
+        super(parent, args, block)
+      end
+          
+      def post_initialize_child(child)
+        child.closeable = true if @closeable_children
+        super(child)
+      end
+    end
+    
+  end
+  
+end

data/lib/glimmer/swt/c_tab_item_proxy.rb

@@ -0,0 +1,96 @@
+# 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/tab_item_proxy'
+
+module Glimmer
+  module SWT
+    class CTabItemProxy < TabItemProxy
+      attr_reader :selection_foreground
+      attr_accessor :closeable
+      
+      def initialize(parent, args, block)
+        @closeable = args.detect { |arg| SWTProxy[:close] == SWTProxy[arg] }
+        super(parent, args, block)
+        # TODO attach listener if :close style is set
+        close_dom_element.on('click') { dispose }
+      end
+      
+      def foreground=(value)
+        value = ColorProxy.new(value) if value.is_a?(String)
+        @foreground = value
+        tab_dom_element.css('color', foreground.to_css) unless foreground.nil?
+      end
+      
+      def selection_foreground=(value)
+        value = ColorProxy.new(value) if value.is_a?(String)
+        @selection_foreground = value
+        if @selection_foreground && tab_dom_element.has_class?('selected')
+          @old_foreground = tab_dom_element.css('color')
+          tab_dom_element.css('color', @selection_foreground.to_css)
+        end
+      end
+      
+      def font=(value)
+        @font = value.is_a?(FontProxy) ? value : FontProxy.new(self, value)
+        tab_dom_element.css('font-family', @font.name) unless @font.nil?
+        tab_dom_element.css('font-style', 'italic') if @font&.style == :italic || @font&.style&.to_a&.include?(:italic)
+        tab_dom_element.css('font-weight', 'bold') if @font&.style == :bold || @font&.style&.to_a&.include?(:bold)
+        tab_dom_element.css('font-size', "#{@font.height}px") unless @font.nil?
+      end
+      
+      def show
+        super
+        if @selection_foreground
+          @old_foreground = tab_dom_element.css('color')
+          tab_dom_element.css('color', @selection_foreground.to_css)
+        end
+      end
+      
+      def hide
+        super
+        if @old_foreground
+          tab_dom_element.css('color', @old_foreground)
+          @old_foreground = nil
+        end
+      end
+      
+      def close_path
+        "#{tab_path} span.ui-icon-close"
+      end
+      
+      def close_dom_element
+        Document.find(close_path)
+      end
+      
+      def tab_dom
+        @tab_dom ||= html {
+          a(href: '#', id: tab_id, class: "tab") {
+            img {}
+            span { @text }
+            span(class: 'ui-icon ui-icon-close', role: 'presentation') { 'Remove Tab' } if @closeable
+          }
+        }.to_s
+      end
+      
+    end
+  end
+end

data/lib/glimmer/swt/combo_proxy.rb

@@ -99,6 +99,9 @@ module Glimmer
           }
         }.to_s
       end
+      
     end
+    
   end
+  
 end

data/lib/glimmer/swt/menu_proxy.rb

@@ -218,6 +218,21 @@ module Glimmer
         end
       end
       
+      def visible=(value)
+        @visible = value
+        if @visible
+          parent.menu_requested = true
+          parent.dom_element.css('position', 'relative')
+          render
+          dom_element.css('position', 'absolute')
+          dom_element.css('left', parent.menu_x - parent.dom_element.offset.left)
+          dom_element.css('top', parent.menu_y - parent.dom_element.offset.top)
+          parent.menu_requested = false
+        else
+          close
+        end
+      end
+      
       def render(custom_parent_dom_element: nil, brand_new: false)
         # TODO attach to top nav bar if parent is shell
         # TODO attach listener to parent to display on right click
@@ -226,7 +241,7 @@ module Glimmer
           if root_menu? && !bar?
             `$(#{path}).menu();`
             @close_event_handler = lambda do |event|
-              close if event.target.parents('.ui-menu').empty?
+              close if event.target != parent.dom_element && event.target.parents('.ui-menu').empty?
             end
             Element['body'].on('click', &@close_event_handler)
           end
@@ -236,6 +251,7 @@ module Glimmer
       def close
         dom_element.remove
         Element['body'].off('click', &@close_event_handler)
+        @visible = false
       end
       
       def root_menu?

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