glib-web 3.0.1 → 3.0.3

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 72eecba2c1fe97bbb3ef6f0be03e4d0f79a23a4dcca8c7f16bf3d1be9083a5b7
-  data.tar.gz: 526316d03db695e57c5a2a7e81110cb52f14d73ab5524ca7866c73a6e9230ffc
+  metadata.gz: 7420379e631fafe18169bae65ecf81be22f06c856ac916e2c2ca41c55a4bfa08
+  data.tar.gz: '011939313dda8a3ab48b13e952dc54d5b21dd5e219e0325acde5fc2fc584e271'
 SHA512:
-  metadata.gz: fc68d49b58d90e62fa5c4f2cd82bbf2bde03123a63ecc3f3fe09875d8a886db320f0151c53c31cfc417d2cc88993f66b10350f2d9f00f8c70dda54bdccef1075
-  data.tar.gz: e4faf34c6746d568277406474f5c75ce05f52c0ce262102879adf13ac595e8f03102a169047d9a9993f952d6d3978de6f22677b9068796d14cb1b3fba3b6d878
+  metadata.gz: 1c4af7e316304a28f56dcf0b027a7028df029bd70c022523d4ab58c80472532616ff9c931a1c018502786b4940e2065d3f6b5922927f069fdbc46c43e09b9c26
+  data.tar.gz: 8e8df0ebbd89629378fcf9b051a47f718bb4beb8cd3a5c1fcce5603af4f0d284c7ad95ce8e7ab0884241d9531536f6699814c12636cd4ce7ec4128c24d59c63b

data/app/helpers/glib/json_ui/action_builder/dialogs.rb

@@ -47,6 +47,7 @@ class Glib::JsonUi::ActionBuilder
       string :fullscreen
       length :width
       length :height
+      bool :closeOnBlur
     end
 
     class Reload < Action

data/app/helpers/glib/json_ui/action_builder/popovers.rb

@@ -3,8 +3,10 @@ class Glib::JsonUi::ActionBuilder
     class Open < Action
       string :key
       views :childViews
-      string :location
+      string :placement
       int :offset
+      int :width
+      singleton_array :styleClass, :styleClasses
     end
 
     class Close < Action

data/app/helpers/glib/json_ui/builder/mouse_events.rb

@@ -0,0 +1,29 @@
+module Glib
+  module JsonUi
+    module Builder::MouseEvents
+      extend ActiveSupport::Concern
+
+      included do
+        action :onMouseEnter
+        action :onMouseLeave
+      end
+
+      def tooltip(options)
+        key = "tooltip_#{SecureRandom.uuid}"
+        onMouseEnter ->(action) do
+          action.popovers_open(
+            key: key,
+            placement: options[:placement] || 'top',
+            childViews: ->(view) {
+              view.p styleClass: 'tooltip', text: options[:text]
+            }
+          )
+        end
+
+        onMouseLeave ->(action) do
+          action.popovers_close key: key
+        end
+      end
+    end
+  end
+end

data/app/helpers/glib/json_ui/list_builders.rb

@@ -53,8 +53,10 @@ module Glib
         end
 
         class Thumbnail < Standard
-          menu :leftOuterButtons
+          # menu :leftOuterButtons
           int :imageSize
+
+          panels_builder :content, :header, :footer, :right
         end
 
         class CommentOutgoing < Standard

data/app/helpers/glib/json_ui/menu_builder.rb

@@ -6,36 +6,9 @@ module Glib
       end
 
       class MenuItem < JsonUiElement
-        hash :analytics
-
-        # def initialize(json, page)
-        #   super(json, page)
-
-        #   # Can be improved by making it configurable site-wide.
-        #   @analyticsEnabled = true
-        # end
+        include Builder::MouseEvents
 
-        # def analytics(value)
-        #   if value.is_a?(Hash)
-        #     @analyticsEnabled = true
-        #     @analyticsId = value
-        #   else
-        #     @analyticsEnabled = value == true
-        #   end
-        # end
-
-        # # Override
-        # def created
-        #   json.analytics do
-        #     if @analyticsEnabled
-        #       if @analyticsId
-        #         json.placement @analyticsId
-        #       end
-        #     else
-        #       json.disabled true
-        #     end
-        #   end
-        # end
+        hash :analytics
       end
 
       class Button < MenuItem
@@ -45,7 +18,7 @@ module Glib
         icon :icon
         action :onClick
         bool :disabled
-        hash :tooltip
+        # hash :tooltip
         singleton_array :styleClass, :styleClasses
 
         def childButtons(block)

data/app/helpers/glib/json_ui/view_builder/banners.rb

@@ -3,6 +3,7 @@ class Glib::JsonUi::ViewBuilder
 
     class Alert < View
       icon :icon
+      string :title
       string :message
       # string :message_format
       singleton_array :styleClass, :styleClasses
@@ -11,6 +12,7 @@ class Glib::JsonUi::ViewBuilder
     class Select < View
       string :id
       icon :icon
+      string :title
       string :message
       singleton_array :styleClass, :styleClasses
       color :color

data/app/helpers/glib/json_ui/view_builder/charts.rb

@@ -12,11 +12,7 @@ class Glib::JsonUi::ViewBuilder
       end
     end
 
-    class Line < View
-      include ReleaseDateIndicator
-
-      hash :nextPage
-
+    module Series
       def dataSeries(blocks)
         json.dataSeries do
           blocks.each do |block|
@@ -27,13 +23,6 @@ class Glib::JsonUi::ViewBuilder
         end
       end
 
-    end
-
-    class Column < View
-      include ReleaseDateIndicator
-
-      bool :stacked
-
       def dataGroups(blocks)
         json.dataGroups do
           blocks.each do |block|
@@ -45,16 +34,27 @@ class Glib::JsonUi::ViewBuilder
       end
     end
 
+    class Line < View
+      include Series
+
+      # idea for the future
+      # hash :nextPage
+    end
+
+    class Column < View
+      include Series
+
+      bool :stacked
+    end
+
     class Pie < View
-      def dataSeries(blocks)
-        json.dataSeries do
-          blocks.each do |block|
-            json.child! do
-              block.call
-            end
-          end
-        end
-      end
+      include Series
+
     end
+
+    class Area < View
+      include Series
+    end
+
   end
 end

data/app/helpers/glib/json_ui/view_builder/panels.rb

@@ -163,6 +163,7 @@ class Glib::JsonUi::ViewBuilder
       singleton_array :styleClass, :styleClasses
       array :events
       views :childViews
+      string :truncateLine
     end
 
     class Table < View

data/app/helpers/glib/json_ui/view_builder.rb

@@ -32,6 +32,8 @@ module Glib
       end
 
       class View < JsonUiElement
+        include Builder::MouseEvents
+
         string :id
         length :width
         length :height
@@ -41,12 +43,9 @@ module Glib
         hash :showIf
         hash :valueIf
         hash :analytics
-        hash :tooltip
+        # hash :tooltip
         array :extensions
 
-        action :onMouseEnter
-        action :onMouseLeave
-
 
         # def initialize(json, page)
         #   super(json, page)

data/app/views/json_ui/garage/actions/_list.json.jbuilder

@@ -0,0 +1,23 @@
+panel.panels_list id: 'action_list', sections: [
+  ->(section) do
+    render "#{@path_prefix}/actions/reload", section: section
+  end, ->(section) do
+    render "#{@path_prefix}/actions/panels", section: section
+  end, ->(section) do
+    render "#{@path_prefix}/actions/dialogs", section: section
+  end, ->(section) do
+    render "#{@path_prefix}/actions/snackbars", section: section
+  end, ->(section) do
+    render "#{@path_prefix}/actions/sheets", section: section
+  end, ->(section) do
+    render "#{@path_prefix}/actions/windows", section: section
+  end, ->(section) do
+    render "#{@path_prefix}/actions/timeouts", section: section
+  end, ->(section) do
+    render "#{@path_prefix}/actions/http", section: section
+  end, ->(section) do
+    render "#{@path_prefix}/actions/commands", section: section
+  end, ->(section) do
+    render "#{@path_prefix}/actions/tours", section: section
+  end
+]

data/app/views/json_ui/garage/actions/_reload.json.jbuilder

@@ -11,7 +11,12 @@ section.rows builder: ->(template) do
 
   reload_counter = params[:reload_counter].to_i
   reload_counter = 0 if reload_counter > 5
+
   template.thumbnail title: "windows/reload with URL (counter: #{reload_counter})", onClick: ->(action) do
     action.windows_reload url: json_ui_garage_url(path: 'actions/index', reload_counter: reload_counter + 1)
   end
+
+  template.thumbnail title: "components/update (counter: #{reload_counter})", onClick: ->(action) do
+    action.http_get url: json_ui_garage_url(path: 'actions/partial_update', reload_counter: reload_counter + 1)
+  end
 end

data/app/views/json_ui/garage/actions/index.json.jbuilder

@@ -3,26 +3,6 @@ json.title 'Actions'
 page = json_ui_page json
 render "#{@path_prefix}/nav_menu", json: json, page: page, top_nav: true
 
-page.list sections: [
-  ->(section) do
-    render "#{@path_prefix}/actions/reload", section: section
-  end, ->(section) do
-    render "#{@path_prefix}/actions/panels", section: section
-  end, ->(section) do
-    render "#{@path_prefix}/actions/dialogs", section: section
-  end, ->(section) do
-    render "#{@path_prefix}/actions/snackbars", section: section
-  end, ->(section) do
-    render "#{@path_prefix}/actions/sheets", section: section
-  end, ->(section) do
-    render "#{@path_prefix}/actions/windows", section: section
-  end, ->(section) do
-    render "#{@path_prefix}/actions/timeouts", section: section
-  end, ->(section) do
-    render "#{@path_prefix}/actions/http", section: section
-  end, ->(section) do
-    render "#{@path_prefix}/actions/commands", section: section
-  end, ->(section) do
-    render "#{@path_prefix}/actions/tours", section: section
-  end
-]
+page.scroll childViews: ->(scroll) do
+  render "#{@path_prefix}/actions/list", panel: scroll
+end

data/app/views/json_ui/garage/actions/partial_update.json.jbuilder

@@ -0,0 +1,5 @@
+json_ui_response_with_view json do |action|
+  action.components_update targetId: 'action_list', views: ->(update) do
+    render "#{@path_prefix}/actions/list", panel: update
+  end
+end

data/app/views/json_ui/garage/forms/styled_boxes.json.jbuilder

@@ -4,32 +4,45 @@ page = json_ui_page json
 
 render "#{@path_prefix}/nav_menu", json: json, page: page
 
-page.form url: json_ui_garage_url(path: 'forms/basic_post'), method: 'post', padding: glib_json_padding_body, childViews: ->(form) do
-  form.fields_text name: 'user[name]', width: 'matchParent', label: 'Search', placeholder: 'Enter a keyword', styleClasses: ['outlined', 'rounded']
-
-  form.spacer height: 14
-  form.fields_password name: 'user[password]', width: 'matchParent', label: 'Password', placeholder: 'Type your password', styleClass: 'outlined'
-
-  form.spacer height: 14
-  form.fields_textarea name: 'user[bio]', width: 'matchParent', label: 'Bio', placeholder: 'Enter your bio', styleClasses: ['outlined']
-
-  # form.spacer height: 14
-  # form.fields_stripeToken name: 'user[stripe_token_outlined]', width: 'matchParent', publicKey: 'pk_test_TYooMQauvdEDq54NiTphI7jx', styleClass: 'outlined'
-
-  # form.spacer height: 14
-  # form.fields_stripeToken name: 'user[stripe_token_individual]', width: 'matchParent', publicKey: 'pk_test_TYooMQauvdEDq54NiTphI7jx', styleClass: 'individual'
-
-  form.spacer height: 14
-  form.fields_creditCard name: 'user[stripe_token_outlined]', width: 'matchParent', publicKey: 'pk_test_TYooMQauvdEDq54NiTphI7jx', styleClass: 'outlined'
-
-  form.spacer height: 14
-  form.fields_creditCard name: 'user[stripe_token_individual]', width: 'matchParent', publicKey: 'pk_test_TYooMQauvdEDq54NiTphI7jx', styleClass: 'individual'
-
-  form.spacer height: 14
-  form.panels_split width: 'matchParent', content: ->(split) do
-    split.right childViews: ->(right) do
-      right.fields_submit text: 'Submit'
+page.form \
+  url: json_ui_garage_url(path: 'forms/basic_post'),
+  method: 'post',
+  padding: glib_json_padding_body,
+  childViews: ->(form) do
+    form.fields_text \
+      name: 'user[name]',
+      width: 'matchParent',
+      label: 'Search',
+      placeholder: 'Enter a keyword',
+      styleClasses: ['outlined', 'rounded']
+
+    form.spacer height: 14
+    form.fields_password \
+      name: 'user[password]',
+      width: 'matchParent',
+      label: 'Password',
+      placeholder: 'Type your password',
+      styleClasses: ['outlined', 'compact']
+
+    form.spacer height: 14
+    form.fields_textarea name: 'user[bio]', width: 'matchParent', label: 'Bio', placeholder: 'Enter your bio', styleClasses: ['outlined']
+
+    # form.spacer height: 14
+    # form.fields_stripeToken name: 'user[stripe_token_outlined]', width: 'matchParent', publicKey: 'pk_test_TYooMQauvdEDq54NiTphI7jx', styleClass: 'outlined'
+
+    # form.spacer height: 14
+    # form.fields_stripeToken name: 'user[stripe_token_individual]', width: 'matchParent', publicKey: 'pk_test_TYooMQauvdEDq54NiTphI7jx', styleClass: 'individual'
+
+    form.spacer height: 14
+    form.fields_creditCard name: 'user[stripe_token_outlined]', width: 'matchParent', publicKey: 'pk_test_TYooMQauvdEDq54NiTphI7jx', styleClass: 'outlined'
+
+    form.spacer height: 14
+    form.fields_creditCard name: 'user[stripe_token_individual]', width: 'matchParent', publicKey: 'pk_test_TYooMQauvdEDq54NiTphI7jx', styleClass: 'individual'
+
+    form.spacer height: 14
+    form.panels_split width: 'matchParent', content: ->(split) do
+      split.right childViews: ->(right) do
+        right.fields_submit text: 'Submit'
+      end
     end
   end
-
-end

data/app/views/json_ui/garage/lists/_autoload_section.json.jbuilder

@@ -11,7 +11,7 @@ section.rows builder: ->(row) do
   array.each do |i|
     index = page_index * batch_count + i
     if local_assigns[:reorder]
-      row.thumbnail title: "Item #{index}"
+      row.thumbnail title: "Item #{index}", id: "item_#{index}"
     else
       row.thumbnail title: "Item #{index}", subtitle: "Sub Item #{index}", subsubtitle: "Sub Sub Item #{index}"
     end

data/app/views/json_ui/garage/lists/edit_actions.json.jbuilder

@@ -2,7 +2,7 @@ json.title 'Lists'
 
 page_index = params[:page].to_i
 if page_index > 2
-  page_index = 2
+  page_index = 0
 end
 page = json_ui_page json
 render "#{@path_prefix}/nav_menu", json: json, page: page
@@ -13,26 +13,33 @@ page.list firstSection: ->(section) do
       title: 'Click menu (web) or swipe left (Android/iOS)',
       subtitle: "Page index: #{page_index}",
       leftButtons: ->(menu) do
-        menu.button styleClass: 'icon', icon: 'check_box', onClick: ->(subaction) do
-          subaction.dialogs_alert message: 'Tick/untick'
-        end
+        menu.button \
+          styleClasses: ['icon', 'text', 'x-small'],
+          icon: 'check_box',
+          onClick: ->(subaction) do
+            subaction.dialogs_alert message: 'Tick/untick'
+          end
       end, rightButtons: ->(menu) do
         menu.button \
-          styleClass: 'icon',
+          styleClasses: ['icon', 'text', 'x-small'],
           icon: 'share',
-          tooltip: { text: 'Share' },
-          childButtons: ->(submenu) do
-            submenu.button text: 'Dropdown item 1'
-            submenu.button text: 'Dropdown item 2'
-            submenu.button text: 'Dropdown item 3'
-          end
+          tooltip: { text: 'Share', location: 'left' }
+
+          # TODO: Use popoever
+          # childButtons: ->(submenu) do
+          #   submenu.button text: 'Dropdown item 1'
+          #   submenu.button text: 'Dropdown item 2'
+          #   submenu.button text: 'Dropdown item 3'
+          # end
+
         menu.button \
-          styleClass: 'icon',
+          styleClasses: ['icon', 'text', 'x-small'],
           icon: 'open_in_new',
           tooltip: { text: 'Open in new window' },
           onClick: ->(subaction) do
             subaction.dialogs_alert message: 'Open'
           end
+
       end, editButtons: ->(menu) do
         menu.button text: "Edit (ID: #{page_index})", onClick: ->(action) do
           action.dialogs_alert message: 'Perform Edit action'

data/app/views/json_ui/garage/lists/reordering.json.jbuilder

@@ -18,7 +18,7 @@ else
 
   render "#{@path_prefix}/nav_menu", json: json, page: page
 
-  page.list nextPage: next_page, sections: [
+  page.list id: 'orderable_list', nextPage: next_page, sections: [
     ->(section) do
       section.header padding: glib_json_padding_list, childViews: ->(header) do
         header.h3 text: 'Section One'

data/app/views/json_ui/garage/panels/horizontal.json.jbuilder

@@ -133,16 +133,21 @@ json_ui_page json do |page|
 
     scroll.spacer height: 20
     scroll.h1 text: 'Drag-and-drop support'
-    scroll.panels_horizontal backgroundColor: '#b3bac2', width: 300, distribution: 'spaceEqually', childViews: ->(panel) do
-      panel.button id: 'button1', text: '1'
-      panel.button id: 'button2', text: '2'
-      panel.button id: 'button3', text: '3'
-    end, dragSupport: {
-      onDrop: {
-        action: 'dialogs/alert',
-      },
-      paramNameForFormData: 'message'
-    }
+    scroll.panels_horizontal \
+      backgroundColor: '#b3bac2',
+      id: 'orderable_panel',
+      width: 300,
+      distribution: 'spaceEqually',
+      childViews: ->(panel) do
+        panel.button id: 'button1', text: '1'
+        panel.button id: 'button2', text: '2'
+        panel.button id: 'button3', text: '3'
+      end, dragSupport: {
+        onDrop: {
+          action: 'dialogs/alert',
+        },
+        paramNameForFormData: 'message'
+      }
 
     scroll.label text: "\n"
   end

data/app/views/json_ui/garage/panels/index.json.jbuilder

@@ -30,9 +30,9 @@ json_ui_page json do |page|
         template.thumbnail title: 'Unordered List', subtitle: 'Bullet points similar to HTML\'s <ul> tag', onClick: ->(action) do
           action.windows_open url: json_ui_garage_url(path: 'panels/ul')
         end
-        # template.thumbnail title: 'Timeline', subtitle: 'Timeline component with responsive panel as the childviews', onClick: ->(action) do
-        #   action.windows_open url: json_ui_garage_url(path: 'panels/timeline')
-        # end
+        template.thumbnail title: 'Timeline', subtitle: 'Timeline component with responsive panel as the childviews', onClick: ->(action) do
+          action.windows_open url: json_ui_garage_url(path: 'panels/timeline')
+        end
       end
     end, ->(section) do
       section.header padding: glib_json_padding_list, childViews: ->(header) do