glimmer-dsl-opal 0.20.0 → 0.22.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 531f953f5ec4fe36dfa9a7bc8e7a98e5155c8dced489215e74b6679543feff1b
-  data.tar.gz: 3e429ff4bac544027a49e458c75b670adf0d3f6110da692f151da6153511e889
+  metadata.gz: b25cb50adf580107747fab7e5e98f1eb5d93bbf91e0a460d8ed1a3bc671bde84
+  data.tar.gz: 12c5551fc10de17736f0186e10582e4fdbb2ec08176e33813d1cc2b77fedc523
 SHA512:
-  metadata.gz: 2822a5d9881c20c06c31b4a1115cf08a1cc5e79db5da15ca2cf8491a9f1c9e7114ccb8380e94af27b55f14e7e533a2247890cd11ea06bd2d8a82b7038c9e628d
-  data.tar.gz: ea93b2b373f4aea2c742c09d1e05752899c91ba62d12b5e5cde96492631984cf49e70fcbc8d744ea516ac2bbd42fc00bd58d84b0cc8f297cb04d0d6a45d34210
+  metadata.gz: 1f9940b3b91abb63277fddbb9186996ab5433e512f58981516bdcb24e40504c23c2960a22182fd498a255937478f0dab6e9eb5e2d499200036c619abe7724445
+  data.tar.gz: 10608c56db367b7dea3a0a2c8b55b747eef1a2407c23ee3b88208255fc488462f4e0b6fafb3b7c741d382956ce06982b6913f870d71623f74aa7f236323f0991

data/CHANGELOG.md

@@ -1,5 +1,25 @@
 # Change Log
 
+## 0.22.1
+
+- User Profile elaborate sample
+
+## 0.22.0
+
+- Support widget `cursor` attribute
+- Hello, Cursor! sample
+
+## 0.21.0
+
+- Support `scale` widget
+- Hello, Scale!
+- Support `slider` widget
+- Hello, Slider!
+
+## 0.20.1
+
+- Support `spinner` automatic insertion of decimal point when `digits` attribute is specified
+
 ## 0.20.0
 
 - Support `spinner` widget (leaving out automatic insertion of decimal point when digits are specified)

data/README.md

@@ -143,7 +143,7 @@ Hello, Table! Game Booked
 
 NOTE: Glimmer DSL for Opal is an alpha project. Please help make better by contributing, adopting for small or low risk projects, and providing feedback. It is still an early alpha, so the more feedback and issues you report the better.
 
-**Alpha Version** 0.20.0 only supports bare-minimum capabilities for the included [samples](https://github.com/AndyObtiva/glimmer-dsl-opal#samples) (originally written for [glimmer-dsl-swt](https://github.com/AndyObtiva/glimmer-dsl-swt))
+**Alpha Version** 0.22.1 only supports bare-minimum capabilities for the included [samples](https://github.com/AndyObtiva/glimmer-dsl-opal#samples) (originally written for [glimmer-dsl-swt](https://github.com/AndyObtiva/glimmer-dsl-swt))
 
 Other [Glimmer](https://github.com/AndyObtiva/glimmer) DSL gems:
 - [glimmer-dsl-swt](https://github.com/AndyObtiva/glimmer-dsl-swt): Glimmer DSL for SWT (JRuby Desktop Development GUI Framework)
@@ -165,6 +165,7 @@ Other [Glimmer](https://github.com/AndyObtiva/glimmer) DSL gems:
       - [Hello, Combo!](#hello-combo)
       - [Hello, Composite!](#hello-composite)
       - [Hello, Computed!](#hello-computed)
+      - [Hello, Cursor!](#hello-cursor)
       - [Hello, Layout!](#hello-layout)
       - [Hello, List Single Selection!](#hello-list-single-selection)
       - [Hello, List Multi Selection!](#hello-list-multi-selection)
@@ -189,8 +190,9 @@ Other [Glimmer](https://github.com/AndyObtiva/glimmer) DSL gems:
       - [Hello, Dialog!](#hello-dialog)
     - [Elaborate Samples](#elaborate-samples)
       - [Login](#login)
-      - [Tic Tac Toe](#tic-tac-toe)
       - [Contact Manager](#contact-manager)
+      - [Tic Tac Toe](#tic-tac-toe)
+      - [User Profile](#user-profile)
       - [Weather](#weather)
     - [External Samples](#external-samples)
       - [Glimmer Calculator](#glimmer-calculator)
@@ -261,7 +263,7 @@ gem 'opal', '1.0.4'
 gem 'opal-rails', '1.1.2'
 gem 'opal-async', '~> 1.2.0'
 gem 'opal-jquery', '~> 0.4.4'
-gem 'glimmer-dsl-opal', '~> 0.20.0'
+gem 'glimmer-dsl-opal', '~> 0.22.1'
 gem 'glimmer-dsl-xml', '~> 1.2.0', require: false
 gem 'glimmer-dsl-css', '~> 1.2.0', require: false
 
@@ -663,6 +665,32 @@ You should see "Hello, Computed!"
 
 ![Glimmer DSL for Opal Hello Computed](images/glimmer-dsl-opal-hello-computed.png)
 
+#### Hello, Cursor!
+
+Add the following require statement to `app/assets/javascripts/application.rb`
+
+
+```ruby
+require 'glimmer-dsl-opal/samples/hello/hello_cursor'
+```
+
+Glimmer app on the desktop (using [`glimmer-dsl-swt`](https://github.com/AndyObtiva/glimmer-dsl-swt) gem):
+
+![Glimmer DSL for SWT Hello Cursor](https://github.com/AndyObtiva/glimmer-dsl-swt/raw/master/images/glimmer-hello-cursor.gif)
+
+Glimmer app on the web (using `glimmer-dsl-opal` gem):
+
+Start the Rails server:
+```
+rails s
+```
+
+Visit `http://localhost:3000`
+
+You should see "Hello, Cursor!"
+
+![Glimmer DSL for Opal Hello Cursor](images/glimmer-dsl-opal-hello-cursor.gif)
+
 #### Hello, Layout!
 
 Add the following require statement to `app/assets/javascripts/application.rb`
@@ -799,6 +827,56 @@ You should see "Hello, Arrow!"
 
 ![Glimmer DSL for Opal Hello Arrow](images/glimmer-dsl-opal-hello-arrow-item-selected.png)
 
+#### Hello, Scale!
+
+Add the following require statement to `app/assets/javascripts/application.rb`
+
+```ruby
+require 'glimmer-dsl-opal/samples/hello/hello_scale'
+```
+
+Glimmer app on the desktop (using [`glimmer-dsl-swt`](https://github.com/AndyObtiva/glimmer-dsl-swt) gem):
+
+![Glimmer DSL for SWT Hello Scale](https://github.com/AndyObtiva/glimmer-dsl-swt/raw/master/images/glimmer-hello-scale.png)
+
+Glimmer app on the web (using `glimmer-dsl-opal` gem):
+
+Start the Rails server:
+```
+rails s
+```
+
+Visit `http://localhost:3000`
+
+You should see "Hello, Scale!"
+
+![Glimmer DSL for Opal Hello Scale](images/glimmer-dsl-opal-hello-scale.png)
+
+#### Hello, Slider!
+
+Add the following require statement to `app/assets/javascripts/application.rb`
+
+```ruby
+require 'glimmer-dsl-opal/samples/hello/hello_slider'
+```
+
+Glimmer app on the desktop (using [`glimmer-dsl-swt`](https://github.com/AndyObtiva/glimmer-dsl-swt) gem):
+
+![Glimmer DSL for SWT Hello Slider](https://github.com/AndyObtiva/glimmer-dsl-swt/raw/master/images/glimmer-hello-slider.png)
+
+Glimmer app on the web (using `glimmer-dsl-opal` gem):
+
+Start the Rails server:
+```
+rails s
+```
+
+Visit `http://localhost:3000`
+
+You should see "Hello, Slider!"
+
+![Glimmer DSL for Opal Hello Slider](images/glimmer-dsl-opal-hello-slider.png)
+
 #### Hello, Spinner!
 
 Add the following require statement to `app/assets/javascripts/application.rb`
@@ -2350,36 +2428,6 @@ You should see "Login" dialog
 ![Glimmer DSL for Opal Login Filled In](images/glimmer-dsl-opal-login-filled-in.png)
 ![Glimmer DSL for Opal Login Logged In](images/glimmer-dsl-opal-login-logged-in.png)
 
-#### Tic Tac Toe
-
-Add the following require statement to `app/assets/javascripts/application.rb`
-
-```ruby
-require 'glimmer-dsl-opal/samples/elaborate/tic_tac_toe'
-```
-
-```ruby
-Glimmer app on the desktop (using [`glimmer-dsl-swt`](https://github.com/AndyObtiva/glimmer-dsl-swt) gem):
-
-![Glimmer DSL for SWT Tic Tac Toe](https://github.com/AndyObtiva/glimmer-dsl-swt/raw/master/images/glimmer-tic-tac-toe.png)
-![Glimmer DSL for SWT Tic Tac Toe In Progress](https://github.com/AndyObtiva/glimmer-dsl-swt/raw/master/images/glimmer-tic-tac-toe-in-progress.png)
-![Glimmer DSL for SWT Tic Tac Toe Game Over](https://github.com/AndyObtiva/glimmer-dsl-swt/raw/master/images/glimmer-tic-tac-toe-game-over.png)
-
-Glimmer app on the web (using `glimmer-dsl-opal` gem):
-
-Start the Rails server:
-```
-rails s
-```
-
-Visit `http://localhost:3000`
-
-You should see "Tic Tac Toe"
-
-![Glimmer DSL for Opal Tic Tac Toe](images/glimmer-dsl-opal-tic-tac-toe.png)
-![Glimmer DSL for Opal Tic Tac Toe In Progress](images/glimmer-dsl-opal-tic-tac-toe-in-progress.png)
-![Glimmer DSL for Opal Tic Tac Toe Game Over](images/glimmer-dsl-opal-tic-tac-toe-game-over.png)
-
 #### Contact Manager
 
 Add the following require statement to `app/assets/javascripts/application.rb`
@@ -2419,7 +2467,7 @@ rails s
 
 Visit `http://localhost:3000`
 
-You should see "Tic Tac Toe"
+You should see "Contact Manager"
 
 Glimmer DSL for Opal Contact Manager
 
@@ -2441,6 +2489,62 @@ Glimmer DSL for Opal Contact Manager Edit Done
 
 ![Glimmer DSL for Opal Contact Manager Edit Done](images/glimmer-dsl-opal-contact-manager-edit-done.png)
 
+#### Tic Tac Toe
+
+Add the following require statement to `app/assets/javascripts/application.rb`
+
+```ruby
+require 'glimmer-dsl-opal/samples/elaborate/tic_tac_toe'
+```
+
+Glimmer app on the desktop (using [`glimmer-dsl-swt`](https://github.com/AndyObtiva/glimmer-dsl-swt) gem):
+
+![Glimmer DSL for SWT Tic Tac Toe](https://github.com/AndyObtiva/glimmer-dsl-swt/raw/master/images/glimmer-tic-tac-toe.png)
+![Glimmer DSL for SWT Tic Tac Toe In Progress](https://github.com/AndyObtiva/glimmer-dsl-swt/raw/master/images/glimmer-tic-tac-toe-in-progress.png)
+![Glimmer DSL for SWT Tic Tac Toe Game Over](https://github.com/AndyObtiva/glimmer-dsl-swt/raw/master/images/glimmer-tic-tac-toe-game-over.png)
+
+Glimmer app on the web (using `glimmer-dsl-opal` gem):
+
+Start the Rails server:
+```
+rails s
+```
+
+Visit `http://localhost:3000`
+
+You should see "Tic Tac Toe"
+
+![Glimmer DSL for Opal Tic Tac Toe](images/glimmer-dsl-opal-tic-tac-toe.png)
+![Glimmer DSL for Opal Tic Tac Toe In Progress](images/glimmer-dsl-opal-tic-tac-toe-in-progress.png)
+![Glimmer DSL for Opal Tic Tac Toe Game Over](images/glimmer-dsl-opal-tic-tac-toe-game-over.png)
+
+#### User Profile
+
+Code: [lib/glimmer-dsl-opal/samples/elaborate/user_profile](lib/glimmer-dsl-opal/samples/elaborate/user_profile.rb)
+
+Add the following require statement to `app/assets/javascripts/application.rb`
+
+```ruby
+require 'glimmer-dsl-opal/samples/elaborate/user_profile'
+```
+
+Glimmer app on the desktop (using [`glimmer-dsl-swt`](https://github.com/AndyObtiva/glimmer-dsl-swt) gem):
+
+![User Profile](https://github.com/AMaleh/glimmer-dsl-swt/raw/master/images/glimmer-user-profile.png)
+
+Glimmer app on the web (using `glimmer-dsl-opal` gem):
+
+Start the Rails server:
+```
+rails s
+```
+
+Visit `http://localhost:3000`
+
+You should see "User Profile"
+
+![Opal User Profile](/images/glimmer-dsl-opal-user-profile.png)
+
 #### Weather
 
 Code: [lib/glimmer-dsl-opal/samples/elaborate/weather](lib/glimmer-dsl-opal/samples/elaborate/weather.rb)

data/VERSION

@@ -1 +1 @@
-0.20.0
+0.22.1

data/lib/glimmer-dsl-opal/samples/elaborate/user_profile.rb

@@ -0,0 +1,78 @@
+# 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.
+
+include Glimmer
+
+# A version of this was featured in a dzone article as an intro to Glimmer syntax:
+# https://dzone.com/articles/an-introduction-glimmer
+shell { |shell_proxy|
+  text "User Profile"
+
+  composite {
+    grid_layout 2, false
+
+    group {
+      text "Name"
+      grid_layout 2, false
+      layout_data :fill, :fill, true, true
+      label {text "First"}; text {text "Bullet"}
+      label {text "Last"}; text {text "Tooth"}
+    }
+
+    group {
+      layout_data :fill, :fill, true, true
+      text "Gender"
+      radio {text "Male"; selection true}
+      radio {text "Female"}
+    }
+
+    group {
+      layout_data :fill, :fill, true, true
+      text "Role"
+      check {text "Student"; selection true}
+      check {text "Employee"; selection true}
+    }
+
+    group {
+      text "Experience"
+      row_layout
+      layout_data :fill, :fill, true, true
+      spinner {selection 5}; label {text "years"}
+    }
+
+    button {
+      text "save"
+      layout_data :right, :center, true, true
+      on_widget_selected {
+        message_box {
+          text 'Profile Saved!'
+          message 'User profile has been saved!'
+        }.open
+      }
+    }
+
+    button {
+      text "close"
+      layout_data :left, :center, true, true
+      on_widget_selected { shell_proxy.close }
+    }
+  }
+}.open

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

@@ -0,0 +1,58 @@
+# 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.
+
+class HelloCursor
+  include Glimmer::UI::CustomShell
+  
+  attr_accessor :selected_cursor
+  
+  # This method matches the name of the :selected_cursor property by convention
+  def selected_cursor_options
+    Glimmer::SWT::SWTProxy.cursor_options
+  end
+  
+  after_body do
+    observe(self, :selected_cursor) {
+      body_root.cursor = selected_cursor
+    }
+  end
+  
+  body {
+    shell {
+      grid_layout
+      
+      text 'Hello, Cursor!'
+      cursor :wait
+      
+      label {
+        text 'Please select a cursor style and see it change the mouse cursor (varies per platform):'
+        font style: :bold
+        cursor :no
+      }
+      radio_group {
+        grid_layout 5, true
+        selection <=> [self, :selected_cursor]
+      }
+    }
+  }
+end
+
+HelloCursor.launch

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

@@ -0,0 +1,55 @@
+# 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.
+
+class HelloScale
+  include Glimmer::UI::CustomShell
+  
+  attr_accessor :value
+  
+  before_body do
+    @value = 50
+  end
+  
+  body {
+    shell {
+      row_layout(:vertical) {
+        fill true
+        center true
+      }
+      
+      text 'Hello, Scale!'
+      
+      label(:center) {
+        text <= [self, :value]
+      }
+      
+      scale { # optionally takes :vertical or :horizontal (default) SWT style
+        minimum 0
+        maximum 100
+        selection <=> [self, :value]
+      }
+        
+    }
+    
+  }
+end
+
+HelloScale.launch

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

@@ -0,0 +1,56 @@
+# 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.
+
+class HelloSlider
+  include Glimmer::UI::CustomShell
+  
+  attr_accessor :value
+  
+  before_body do
+    @value = 50
+  end
+  
+  body {
+    shell {
+      row_layout(:vertical) {
+        fill true
+        center true
+      }
+      
+      text 'Hello, Slider!'
+      
+      label(:center) {
+        text <= [self, :value]
+      }
+      
+      slider { # optionally takes :vertical or :horizontal (default) SWT style
+        minimum 0
+        maximum 110 # leave room for 10 extra (slider stops at 100)
+        page_increment 10 # page increment occurs when clicking area between slider and beginning or end
+        selection <=> [self, :value]
+      }
+        
+    }
+    
+  }
+end
+
+HelloSlider.launch

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

@@ -1,4 +1,4 @@
-# Copyright (c) 2007-2021 Andy Maleh
+# 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

data/lib/glimmer/swt/scale_proxy.rb

@@ -0,0 +1,98 @@
+# 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'
+
+module Glimmer
+  module SWT
+    class ScaleProxy < WidgetProxy
+      attr_reader :selection, :minimum, :maximum, :increment
+    
+      def initialize(parent, args, block)
+        super(parent, args, block)
+        dom_element.slider
+      end
+
+      def selection=(value)
+        old_value = @selection.to_f
+        @selection = value.to_f
+        dom_element.slider('option', 'value', @selection)
+      end
+      alias set_selection selection=
+      
+      def minimum=(value)
+        @minimum = value.to_f
+        dom_element.slider('option', 'min', @minimum)
+      end
+      
+      def maximum=(value)
+        @maximum = value.to_f
+        dom_element.slider('option', 'max', @maximum)
+      end
+      
+      def increment=(value)
+        @increment = value.to_f
+        dom_element.slider('option', 'step', @increment)
+      end
+      
+      def element
+        'div'
+      end
+      
+      def observation_request_to_event_mapping
+        {
+          'on_widget_selected' => [
+            {
+              event: 'change',
+              event_handler: -> (event_listener) {
+                -> (event) {
+                  self.selection = dom_element.slider('option', 'value')
+                  event_listener.call(event)
+                }
+              }
+            },
+            {
+              event: 'slidestop',
+              event_handler: -> (event_listener) {
+                -> (event) {
+                  self.selection = dom_element.slider('option', 'value')
+                  event_listener.call(event)
+                }
+              }
+            },
+          ],
+        }
+      end
+      
+      def dom
+        scale_selection = @selection
+        scale_id = id
+        scale_style = css
+        scale_class = name
+        options = {type: 'text', id: scale_id, style: scale_style, class: scale_class, value: scale_selection}
+        options = options.merge('disabled': 'disabled') unless @enabled
+        @dom ||= html {
+          div(options)
+        }.to_s
+      end
+    end
+  end
+end

data/lib/glimmer/swt/shell_proxy.rb

@@ -37,6 +37,9 @@ module Glimmer
           height: 100%;
           margin: 0;
         }
+        * {
+          cursor: inherit;
+        }
         .shell {
           height: 100%;
           margin: 0;

data/lib/glimmer/swt/slider_proxy.rb

@@ -0,0 +1,100 @@
+# 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'
+
+module Glimmer
+  module SWT
+    class SliderProxy < WidgetProxy
+      attr_reader :selection, :minimum, :maximum, :page_increment
+    
+      def initialize(parent, args, block)
+        super(parent, args, block)
+        dom_element.slider
+        self.page_increment = 10 # default page increment
+      end
+
+      def selection=(value)
+        old_value = @selection.to_f
+        @selection = value.to_f
+        dom_element.slider('option', 'value', @selection)
+      end
+      alias set_selection selection=
+      
+      def minimum=(value)
+        @minimum = value.to_f
+        dom_element.slider('option', 'min', @minimum)
+      end
+      
+      def maximum=(value)
+        # being compatible with slider quirk in Glimmer DSL for SWT (does not reach max yet max - 10)
+        @maximum = value.to_f - 10
+        dom_element.slider('option', 'max', @maximum)
+      end
+      
+      def page_increment=(value)
+        @page_increment = value.to_f
+        dom_element.slider('option', 'step', @page_increment)
+      end
+      
+      def element
+        'div'
+      end
+      
+      def observation_request_to_event_mapping
+        {
+          'on_widget_selected' => [
+            {
+              event: 'change',
+              event_handler: -> (event_listener) {
+                -> (event) {
+                  self.selection = dom_element.slider('option', 'value')
+                  event_listener.call(event)
+                }
+              }
+            },
+            {
+              event: 'slidestop',
+              event_handler: -> (event_listener) {
+                -> (event) {
+                  self.selection = dom_element.slider('option', 'value')
+                  event_listener.call(event)
+                }
+              }
+            },
+          ],
+        }
+      end
+      
+      def dom
+        slider_selection = @selection
+        slider_id = id
+        slider_style = css
+        slider_class = name
+        options = {type: 'text', id: slider_id, style: slider_style, class: slider_class, value: slider_selection}
+        options = options.merge('disabled': 'disabled') unless @enabled
+        @dom ||= html {
+          div(options)
+        }.to_s
+      end
+    end
+  end
+end

data/lib/glimmer/swt/spinner_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'
 
 module Glimmer
@@ -12,21 +33,23 @@ module Glimmer
         dom_element.spinner
       end
 
-      def selection=(value)
+      def selection=(value, format_digits: true)
         old_value = @selection.to_f
         if @selection.nil?
           @selection = value.to_f / divider
         else
           @selection = value.to_f
         end
-        # TODO do not apply digits if last change was done by keyboard not spinner
-#         if @digits.to_i > 0
-#           new_value = "%0.#{@digits.to_i}f" % @selection
-#           dom_element.value = new_value if value.to_f != old_value.to_f
-#         else
-          dom_element.value = @selection if value.to_f != old_value.to_f
-#         end
+        if value.to_i != old_value.to_i
+          if format_digits && @digits.to_i > 0
+            new_value = "%0.#{@digits.to_i}f" % @selection
+            dom_element.value = new_value
+          else
+            dom_element.value = @selection if @selection != 0
+          end
+        end
       end
+      alias set_selection selection=
       
       def selection
         @selection && @selection * divider
@@ -85,11 +108,28 @@ module Glimmer
                 }
               }
             },
+            {
+              event: 'keyup',
+              event_handler: -> (event_listener) {
+                -> (event) {
+                  @keyup = true # ensures spinstop event does not set selection if caused by key up entry
+                }
+              }
+            },
+            {
+              event: 'spin',
+              event_handler: -> (event_listener) {
+                -> (event) {
+                  @keyup = false
+                }
+              }
+            },
             {
               event: 'spinstop',
               event_handler: -> (event_listener) {
                 -> (event) {
-                  self.selection = event.target.value
+                  self.set_selection(event.target.value, format_digits: !@keyup)
+                  @keyup = false
                   event_listener.call(event)
                 }
               }
@@ -160,10 +200,8 @@ module Glimmer
         text_id = id
         text_style = css
         text_class = name
-        # TODO support password field
         options = {type: 'text', id: text_id, style: text_style, class: text_class, value: text_text, style: 'min-width: 27px;'}
         options = options.merge('disabled': 'disabled') unless @enabled
-        options = options.merge(type: 'password') if has_style?(:password)
         @dom ||= html {
           input(options)
         }.to_s

data/lib/glimmer/swt/swt_proxy.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
@@ -27,8 +27,8 @@ module Glimmer
     # Proxy for org.eclipse.swt.SWT
     #
     # Follows the Proxy Design Pattern
-    class SWTProxy            
-      include StyleConstantizable      
+    class SWTProxy
+      include StyleConstantizable
 
       class << self
         def constant_source_class
@@ -42,12 +42,16 @@ module Glimmer
         def extra_styles
           EXTRA_STYLES
         end
+        
+        def cursor_options
+          [:wait, :sizenwse, :appstarting, :no, :sizenesw, :sizeall, :help, :sizee, :sizewe, :sizen, :sizes, :sizew, :cross, :sizese, :ibeam, :arrow, :sizesw, :uparrow, :hand, :sizenw, :sizene, :sizens]
+        end
       end
       
       EXTRA_STYLES = {
         NO_RESIZE: self[:shell_trim, :resize!, :max!],
         NO_SORT: -7,
-      }            
+      }
     end
   end
 end

data/lib/glimmer/swt/text_proxy.rb

@@ -81,7 +81,6 @@ module Glimmer
         text_id = id
         text_style = css
         text_class = name
-        # TODO support password field
         options = {type: 'text', id: text_id, style: text_style, class: text_class, value: text_text, style: 'min-width: 27px;'}
         options = options.merge('disabled': 'disabled') unless @enabled
         options = options.merge(type: 'password') if has_style?(:password)

data/lib/glimmer/swt/widget_proxy.rb

@@ -31,7 +31,32 @@ module Glimmer
       include Glimmer
       include PropertyOwner
       
-      attr_reader :parent, :args, :path, :children, :enabled, :foreground, :background, :font, :focus, :disposed?, :rendered
+      SWT_CURSOR_TO_CSS_CURSOR_MAP = {
+        wait: 'wait',
+        sizenwse: 'nwse-resize',
+        appstarting: 'progress',
+        no: 'no-drop',
+        sizenesw: 'nesw-resize',
+        sizeall: 'all-scroll',
+        help: 'help',
+        sizee: 'e-resize',
+        sizewe: 'ew-resize',
+        sizen: 'n-resize',
+        sizes: 's-resize',
+        sizew: 'w-resize',
+        cross: 'crosshair',
+        sizese: 'se-resize',
+        ibeam: 'text',
+        arrow: 'default',
+        sizesw: 'sw-resize',
+        uparrow: 'alias',
+        hand: 'grab',
+        sizenw: 'nw-resize',
+        sizene: 'ne-resize',
+        sizens: 'ns-resize',
+      }
+      
+      attr_reader :parent, :args, :path, :children, :enabled, :foreground, :background, :font, :focus, :disposed?, :rendered, :cursor
       attr_accessor :menu, :menu_requested, :menu_x, :menu_y
       alias isDisposed disposed?
       alias is_disposed disposed?
@@ -242,6 +267,11 @@ module Glimmer
         dom_element.css('font-size', "#{@font.height}px") unless @font.nil?
       end
       
+      def cursor=(value)
+        @cursor = value
+        dom_element.css('cursor', css_cursor)
+      end
+      
       def focus=(value)
         @focus = value
         dom_element.focus # TODO consider if a delay or async_exec is needed here
@@ -851,6 +881,20 @@ module Glimmer
 #               }
 #             end,
 #           },
+          ScaleProxy => {
+            :selection => lambda do |observer|
+              on_widget_selected { |selection_event|
+                observer.call(selection)
+              }
+            end
+          },
+          SliderProxy => {
+            :selection => lambda do |observer|
+              on_widget_selected { |selection_event|
+                observer.call(selection)
+              }
+            end
+          },
           SpinnerProxy => {
             :selection => lambda do |observer|
               on_widget_selected { |selection_event|
@@ -950,17 +994,16 @@ module Glimmer
 #                 observer.call(getSelection)
 #               }
 #             end
-#           },
-#           Java::OrgEclipseSwtWidgets::Spinner => {
-#             :selection => lambda do |observer|
-#               on_widget_selected { |selection_event|
-#                 observer.call(getSelection)
-#               }
-#             end
 #           },
         }
       end
       
+      private
+      
+      def css_cursor
+        SWT_CURSOR_TO_CSS_CURSOR_MAP[@cursor]
+      end
+      
     end
   end
 end
@@ -990,7 +1033,9 @@ require 'glimmer/swt/table_item_proxy'
 require 'glimmer/swt/table_proxy'
 require 'glimmer/swt/text_proxy'
 require 'glimmer/swt/radio_proxy'
+require 'glimmer/swt/scale_proxy'
 require 'glimmer/swt/scrolled_composite_proxy'
+require 'glimmer/swt/slider_proxy'
 require 'glimmer/swt/spinner_proxy'
 require 'glimmer/swt/styled_text_proxy'
 

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: glimmer-dsl-opal
 version: !ruby/object:Gem::Version
-  version: 0.20.0
+  version: 0.22.1
 platform: ruby
 authors:
 - AndyMaleh
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2021-08-16 00:00:00.000000000 Z
+date: 2021-08-17 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: glimmer
@@ -283,6 +283,7 @@ files:
 - lib/glimmer-dsl-opal/samples/elaborate/tic_tac_toe.rb
 - 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/user_profile.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
@@ -294,6 +295,7 @@ files:
 - lib/glimmer-dsl-opal/samples/hello/hello_combo.rb
 - lib/glimmer-dsl-opal/samples/hello/hello_composite.rb
 - lib/glimmer-dsl-opal/samples/hello/hello_computed.rb
+- lib/glimmer-dsl-opal/samples/hello/hello_cursor.rb
 - lib/glimmer-dsl-opal/samples/hello/hello_custom_shell.rb
 - lib/glimmer-dsl-opal/samples/hello/hello_custom_widget.rb
 - lib/glimmer-dsl-opal/samples/hello/hello_date_time.rb
@@ -307,6 +309,8 @@ files:
 - lib/glimmer-dsl-opal/samples/hello/hello_pop_up_context_menu.rb
 - lib/glimmer-dsl-opal/samples/hello/hello_radio.rb
 - lib/glimmer-dsl-opal/samples/hello/hello_radio_group.rb
+- lib/glimmer-dsl-opal/samples/hello/hello_scale.rb
+- lib/glimmer-dsl-opal/samples/hello/hello_slider.rb
 - lib/glimmer-dsl-opal/samples/hello/hello_spinner.rb
 - lib/glimmer-dsl-opal/samples/hello/hello_tab.rb
 - lib/glimmer-dsl-opal/samples/hello/hello_table.rb
@@ -419,8 +423,10 @@ files:
 - lib/glimmer/swt/property_owner.rb
 - lib/glimmer/swt/radio_proxy.rb
 - lib/glimmer/swt/row_layout_proxy.rb
+- lib/glimmer/swt/scale_proxy.rb
 - lib/glimmer/swt/scrolled_composite_proxy.rb
 - lib/glimmer/swt/shell_proxy.rb
+- lib/glimmer/swt/slider_proxy.rb
 - lib/glimmer/swt/spinner_proxy.rb
 - lib/glimmer/swt/style_constantizable.rb
 - lib/glimmer/swt/styled_text_proxy.rb