glimmer-dsl-opal 0.0.7 → 0.3.0

data/lib/glimmer/opal/grid_layout_proxy.rb

@@ -1,54 +0,0 @@
-require 'glimmer/opal/property_owner'
-
-module Glimmer
-  module Opal
-    class GridLayoutProxy
-      include PropertyOwner
-      attr_reader :parent, :args, :num_columns, :make_columns_equal_width, :horizontal_spacing, :vertical_spacing
-    
-      def initialize(parent, args)
-        @parent = parent
-        @args = args
-        @parent.add_css_class('grid-layout')
-        @horizontal_spacing = 10
-        @vertical_spacing = 10
-        @num_columns = @args.first || 1        
-        reapply
-      end
-
-      def num_columns=(columns)
-        @num_columns = columns
-#         @parent.add_css_class("num-columns-#{@num_columns}")
-        reapply
-      end
-      
-      def make_columns_equal_width=(equal_width)
-        @make_columns_equal_width = equal_width        
-#         @parent.add_css_class('make_columns_equal_width') if @make_columns_equal_width
-        reapply
-      end
-      
-      def horizontal_spacing=(spacing)
-        @horizontal_spacing = spacing
-#         @parent.add_css_class("horizontal-spacing-#{@horizontal_spacing}")
-        reapply
-      end
-
-      def vertical_spacing=(spacing)
-        @vertical_spacing = spacing
-#         @parent.add_css_class("vertical-spacing-#{@vertical_spacing}")
-        reapply
-      end
-      
-      def reapply
-        @parent.css = <<~CSS
-          display: grid;
-          grid-template-columns: #{'auto ' * @num_columns.to_i};
-          grid-row-gap: #{@vertical_spacing}px;
-          grid-column-gap: #{@horizontal_spacing}px;
-          justify-content: start;
-        CSS
-      end
-    end
-  end
-end

data/lib/glimmer/opal/iframe_proxy.rb

@@ -1,23 +0,0 @@
-require 'glimmer/opal/element_proxy'
-
-module Glimmer
-  module Opal
-    class IframeProxy < ElementProxy
-      attr_reader :url
-      
-      def url=(value)
-        @url = value
-        redraw
-      end
-    
-      def dom
-        iframe_id = id
-        iframe_url = url
-        @dom ||= DOM {
-          iframe(src: iframe_url, frameBorder: 0) {
-          }
-        }
-      end      
-    end
-  end
-end

data/lib/glimmer/opal/input_proxy.rb

@@ -1,45 +0,0 @@
-require 'glimmer/opal/element_proxy'
-
-module Glimmer
-  module Opal
-    class InputProxy < ElementProxy
-      attr_reader :text
-      
-      def text=(value)
-        @text = value
-        redraw
-      end
-
-      def observation_request_to_event_mapping
-        {
-          'on_widget_selected' => {
-            event: 'click'
-          }, 
-          'on_modify_text' => {
-            event: 'keyup',
-            event_handler: -> (event_listener) {
-              -> (event) {
-                if args.last[:type] == 'text'
-                  @text = event.target.value
-                  event_listener.call(event)              
-                end
-              }
-            }
-          }
-        }
-      end
-      
-      def dom
-        input_text = @text
-        input_id = id
-        input_style = css
-        input_args = @args.last
-        input_disabled = @enabled ? {} : {'disabled': 'disabled'}
-        input_args = input_args.merge(type: 'password') if has_style?(:password)        
-        @dom ||= DOM {
-          input input_args.merge(id: input_id, style: input_style, value: input_text, style: 'min-width: 27px;').merge(input_disabled)
-        }
-      end
-    end
-  end
-end

data/lib/glimmer/opal/label_proxy.rb

@@ -1,25 +0,0 @@
-require 'glimmer/opal/element_proxy'
-
-module Glimmer
-  module Opal
-    class LabelProxy < ElementProxy
-      attr_reader :text
-
-      def text=(value)
-        @text = value
-        redraw
-      end
-
-      def dom
-        label_text = @text
-        label_id = id
-        label_style = css
-        @dom ||= DOM {
-          label(id: label_id, style: label_style) {
-            label_text
-          }
-        }
-      end
-    end
-  end
-end

data/lib/glimmer/opal/layout_data_proxy.rb

@@ -1,31 +0,0 @@
-require 'glimmer/opal/property_owner'
-
-module Glimmer
-  module Opal
-    class LayoutDataProxy
-      include PropertyOwner
-      attr_reader :parent, :args, :horizontal_alignment, :grab_excess_horizontal_space
-    
-      def initialize(parent, args)
-        @parent = parent
-        @args = args
-        reapply
-      end
-
-      def horizontal_alignment=(horizontal_alignment)
-        @horizontal_alignment = horizontal_alignment
-        reapply
-      end
-      
-      def grab_excess_horizontal_space=(grab_excess_horizontal_space)
-        @grab_excess_horizontal_space = grab_excess_horizontal_space
-        reapply
-      end
-
-      def reapply
-#         @parent.css = <<~CSS
-#         CSS
-      end
-    end
-  end
-end

data/lib/glimmer/opal/modal.rb

@@ -1,94 +0,0 @@
-require 'glimmer/opal/element_proxy'
-
-module Glimmer
-  module Opal
-    class Modal < ElementProxy
-      attr_reader :text, :message
-      
-      def initialize(parent, args)
-        i = 0
-        @parent = parent
-        @args = args
-        @children = Set.new
-        @css_classes = Set.new(['modal'])
-        @css = ''
-        @enabled = true
-        content do
-          on_widget_selected {
-            hide
-          }
-        end
-      end
-      
-      def text=(txt)
-        @text = txt
-        redraw if @dom
-      end
-    
-      def message=(msg)
-        @message = msg
-        redraw if @dom
-      end
-      
-      def document
-        element = self
-        begin
-          element = element.parent
-        end while(element.parent)
-        element
-      end
-      
-      def open
-        document.add_child(self)
-      end
-      
-      def hide
-        dom.remove
-      end
-      
-      def content(&block)
-        Glimmer::DSL::Engine.add_content(self, Glimmer::DSL::Opal::MessageBoxExpression.new, &block)
-      end
-      
-      def name
-        'div'
-      end
-      
-      def selector
-        super + ' .close' 
-      end
-    
-      def observation_request_to_event_mapping
-        {
-          'on_widget_selected' => {
-            event: 'click'
-          },
-        }
-      end      
-      
-      def dom
-        modal_id = id
-        modal_style = css
-        modal_text = text
-        modal_message = message
-        modal_css_classes = css_classes
-        modal_class = modal_css_classes.to_a.join(' ')
-        @dom ||= DOM {        
-          div(id: modal_id, style: modal_style, class: modal_class) {
-            div(class: 'modal-content') {
-              header.text {
-                modal_text
-              }
-              p.message {
-                modal_message
-              }
-              input(type: 'button', class: 'close', autofocus: 'autofocus', value: 'OK')
-            }
-          }
-        }
-      end
-    end
-  end
-end
-
-require 'glimmer/dsl/opal/message_box_expression'

data/lib/glimmer/opal/tab_item.rb

@@ -1,98 +0,0 @@
-require 'glimmer/opal/input_proxy'
-
-module Glimmer
-  module Opal
-    class TabItem < DivProxy
-      include Glimmer
-      attr_reader :text, :content_visible      
-      
-      def initialize(parent, args)
-        super(parent, args)
-        css_classes << 'tab-item'
-        content do
-          on_widget_selected {
-            @parent.hide_all_tab_content
-            show
-          }
-        end
-      end
-      
-      def content(&block)
-        Glimmer::DSL::Engine.add_content(self, Glimmer::DSL::Opal::TabItemExpression.new, &block)
-      end
-      
-      def show
-        @content_visible = true
-        redraw      
-      end
-      
-      def hide
-        @content_visible = false
-        redraw
-      end
-    
-      def text=(value)
-        @text = value
-        redraw
-      end
-    
-      def name
-        'button'
-      end
-      
-      def selector
-        super + '-tab'
-      end      
-      
-      def observation_request_to_event_mapping
-        {
-          'on_widget_selected' => {
-            event: 'click'
-          },
-        }
-      end      
-      
-      def redraw        
-        if @tab_dom
-          old_tab_dom = @tab_dom
-          @tab_dom = nil
-          old_tab_dom.replace tab_dom
-        else
-          tab_dom
-        end
-        super
-      end      
-      
-      def tab_dom
-        tab_id = id + '-tab'
-        tab_text = text
-        tab_active = content_visible ? 'active' : ''
-        @tab_dom ||= DOM {
-          button(id: tab_id, class: "tab #{tab_active}") {
-            tab_text
-          }
-        }
-      end
-      
-      def dom
-        tab_item_id = id
-        tab_item_id_style = css
-        tab_item_css_classes = css_classes
-        if content_visible
-          tab_item_css_classes.delete('hide')
-        else
-          tab_item_css_classes << 'hide' 
-        end
-        if !@parent.tabs.include?(self)
-          @parent.tabs_dom << tab_dom
-          @parent.tabs << self
-        end
-        @dom ||= DOM {
-          div(id: tab_item_id, style: tab_item_id_style, class: tab_item_css_classes.to_a.join(' ')) {
-          }
-        }
-      end      
-    end
-  end
-end
-require 'glimmer/dsl/opal/tab_item_expression'

data/lib/samples/elaborate/launch

@@ -1,6 +0,0 @@
-# Launches all samples
-export DIR=`echo $0 | sed "s/launch//"`
-${DIR}../../bin/glimmer \
-  "${DIR}contact_manager.rb" \
-  "${DIR}login.rb" \
-  "${DIR}tic_tac_toe.rb"

data/lib/samples/hello/hello_combo.rb

@@ -1,34 +0,0 @@
-class Person
-  attr_accessor :country, :country_options
-  
-  def initialize
-    self.country_options=["", "Canada", "US", "Mexico"]
-    self.country = "Canada"
-  end
-
-  def reset_country
-    self.country = "Canada"
-  end
-end
-
-class HelloCombo
-  include Glimmer
-  def launch
-    person = Person.new
-    shell {
-      composite {
-        combo(:read_only) {
-          selection bind(person, :country)
-        }
-        button {
-          text "Reset"
-          on_widget_selected do
-            person.reset_country
-          end
-        }
-      }
-    }.open
-  end
-end
-
-HelloCombo.new.launch

data/lib/samples/hello/hello_tab.rb

@@ -1,24 +0,0 @@
-class HelloTab
-  include Glimmer
-  def launch
-    shell {
-      text "Hello, Tab!"
-      tab_folder {
-        tab_item {
-          text "English"
-          label {
-            text "Hello, World!"
-          }
-        }
-        tab_item {
-          text "French"
-          label {
-            text "Bonjour, Univers!"
-          }
-        }
-      }
-    }.open
-  end
-end
-
-HelloTab.new.launch