glimmer-dsl-opal 0.25.0 → 0.25.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 3acd64cce93e2c522567f6b10967489a8edb74e19aad32d9b6aef070f8339715
-  data.tar.gz: 78adb831387641339c046839bf8ccd034354881a1a963c0eb7084c4065167c2b
+  metadata.gz: 855549b9862ac8e94af6f69dc6f7a7960137a9ae8e75885ba9df9028f6c33dbf
+  data.tar.gz: c212a5470ebb5bda7f44135833f65efb6a0562923c491e035650483f2d277e14
 SHA512:
-  metadata.gz: 340aa792a59e2577c818461ef4ebe88a01b06a8becf19e2f138c8895cdfa691872d227ea9c490f1bb48d14fd6edf3bb2b65aabe8f21bb0982e8fcf4bfdb2d5e1
-  data.tar.gz: c5509de40b089c73879d46aabb4c7440698eda864acd80509e1496b7bb1ca0558b47c399c96d28b295fa9ec088dffdaf7958861f23dcb9b4b24bbb58a798561d
+  metadata.gz: 2fdb36225e4b4e99e97c7a0d406f0ac19e9506cb387e29085f0701c5d8b163708e724405d51354e8e72cd47a2a5fb9d7dd20f780d6506fd5f190e35e6b3ebe3b
+  data.tar.gz: 11d6c36df71ce583c7dfa162bd5a7db6ad98530e45c923f9625ac30958fcaf64a22fd82df2bc8448d06b36ab69009fd00a1a936ab268c335deb2891b54141981

data/CHANGELOG.md

@@ -1,5 +1,10 @@
 # Change Log
 
+## 0.25.1
+
+- Support `progress_bar` `:vertical` SWT style
+- Add `progress_bar` `:vertical` SWT style to Hello, Progress Bar!
+
 ## 0.25.0
 
 - Support `progress_bar` widget without `:vertical` SWT style support

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.24.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.25.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)
@@ -266,7 +266,7 @@ gem 'opal', '1.0.4'
 gem 'opal-rails', '1.1.2'
 gem 'opal-async', '~> 1.3.0'
 gem 'opal-jquery', '~> 0.4.4'
-gem 'glimmer-dsl-opal', '~> 0.24.0'
+gem 'glimmer-dsl-opal', '~> 0.25.1'
 gem 'glimmer-dsl-xml', '~> 1.2.0', require: false
 gem 'glimmer-dsl-css', '~> 1.2.0', require: false
 

data/VERSION

@@ -1 +1 @@
-0.25.0
+0.25.1

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

@@ -91,14 +91,14 @@ class HelloProgressBar
       }
       
       # :vertical SWT style is unsupported for now
-#       progress_bar(:vertical) {
-#         layout_data(:fill, :center, true, false) {
-#           horizontal_span 4
-#         }
-#         minimum <= [@progress_model, :minimum]
-#         maximum <= [@progress_model, :maximum]
-#         selection <= [@progress_model, :selection]
-#       }
+      progress_bar(:vertical) {
+        layout_data(:fill, :center, true, false) {
+          horizontal_span 4
+        }
+        minimum <= [@progress_model, :minimum]
+        maximum <= [@progress_model, :maximum]
+        selection <= [@progress_model, :selection]
+      }
       
       button {
         layout_data(:fill, :center, true, false) {

data/lib/glimmer/swt/progress_bar_proxy.rb

@@ -26,8 +26,11 @@ module Glimmer
     class ProgressBarProxy < WidgetProxy
       STYLE = <<~CSS
         .ui-progressbar.vertical {
-          /* Not Supported */
-          /* transform: rotate(-90deg); */
+          transform: rotate(-180deg);
+          height: 140px;
+          width: 28px;
+          margin-left: auto;
+          margin-right: auto;
         }
       CSS
       
@@ -40,7 +43,8 @@ module Glimmer
         @vertical = args.detect { |arg| SWTProxy[arg] == SWTProxy[:vertical] }
         @indeterminate = args.detect { |arg| SWTProxy[arg] == SWTProxy[:indeterminate] }
         super(parent, args, block)
-        dom_element.progressbar
+        # initialize manually if vertical
+        dom_element.progressbar if horizontal?
         self.minimum = 0
         self.selection = false if indeterminate?
       end
@@ -59,26 +63,41 @@ module Glimmer
       
       def maximum=(value)
         @maximum = value
-        dom_element.progressbar('option', 'max', @maximum - @minimum)
+        if horizontal?
+          dom_element.progressbar('option', 'max', @maximum - @minimum)
+        end
       end
       
       def selection=(selection_value)
         @selection = selection_value
-        value = @selection ? (@selection - @minimum) : @selection
-        dom_element.progressbar('option', 'value', value)
+        if horizontal?
+          value = @selection ? (@selection - @minimum) : @selection
+          dom_element.progressbar('option', 'value', value)
+        else
+          value = ((@selection - @minimum) / (@maximum - @minimum)) * 100
+          selection_dom_element.css('height', "#{value}%")
+        end
       end
 
       def element
         'div'
       end
       
+      def selection_dom_element
+        dom_element.find('.ui-progressbar-value')
+      end
+      
       def dom
         progress_bar_id = id
         progress_bar_class = name
-        progress_bar_class += ' vertical' if vertical?
+        progress_bar_class += ' vertical ui-progressbar ui-corner-all ui-widget ui-widget-content' if vertical?
         progress_bar_class += ' indeterminate' if indeterminate?
         @dom ||= html {
-          div(id: progress_bar_id, class: progress_bar_class)
+          div(id: progress_bar_id, class: progress_bar_class) {
+            if vertical?
+              div(class: 'ui-progressbar-value ui-corner-left ui-widget-header', style: 'height: 0%;')
+            end
+          }
         }.to_s
       end
     end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: glimmer-dsl-opal
 version: !ruby/object:Gem::Version
-  version: 0.25.0
+  version: 0.25.1
 platform: ruby
 authors:
 - AndyMaleh