glib-web 3.0.1 → 3.0.3

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

@@ -76,12 +76,12 @@ page.scroll padding: glib_json_padding_body, childViews: ->(scroll) do
 
   timeline_items = [
       { backgroundColor: 'blue', styleClasses: ['small'] },
-      { backgroundColor: 'blue', styleClasses: ['small'] },
+      { backgroundColor: 'blue', styleClasses: ['x-small'] },
       { backgroundColor: 'blue', color: 'white', text: '3' },
       { backgroundColor: 'white', icon: 'radio_button_unchecked', styleClasses: ['small'] },
       { backgroundColor: 'white', icon: 'radio_button_unchecked', styleClasses: ['small'] },
     ]
 
   scroll.h2 text: 'Timeline without content'
-  scroll.panels_timeline events: timeline_items
+  scroll.panels_timeline truncateLine: 'both', events: timeline_items
 end

data/app/views/json_ui/garage/views/banners.json.jbuilder

@@ -8,43 +8,63 @@ json_ui_page json do |page|
     scroll.spacer height: 20
     scroll.h2 text: 'Basic'
     scroll.spacer height: 6
-    scroll.banners_alert width: 'matchParent', icon: 'info', message: 'This is an alert banner'
+    scroll.banners_alert \
+      width: 'matchParent',
+      icon: 'info',
+      title: 'Title',
+      message: 'This is an alert banner'
 
     scroll.spacer height: 20
     scroll.h2 text: 'With color styling'
     scroll.spacer height: 6
-    scroll.banners_alert width: 'matchParent', icon: 'info', message: 'This is an alert banner', styleClass: 'success'
+    scroll.banners_alert \
+      width: 'matchParent',
+      icon: 'info',
+      message: 'This is an alert banner',
+      styleClass: 'success'
+
+    # scroll.banners_alert \
+    #   width: 'matchParent',
+    #   icon: 'info',
+    #   message: 'This is an alert banner',
+    #   styleClass: 'warning'
 
     scroll.spacer height: 20
     scroll.h2 text: 'With select options'
     scroll.spacer height: 6
-    scroll.banners_select width: 'matchParent', icon: 'info', message: 'This is a select banner', buttons: ->(menu) do
-      menu.button icon: 'add', text: 'Add', badge: { text: 80 }, onClick: ->(action) do
-        action.windows_open url: json_ui_garage_url(path: 'home/blank')
-      end
-      menu.button icon: 'edit', text: 'Edit', onClick: ->(action) do
-        action.windows_open url: json_ui_garage_url(path: 'home/slow')
-      end
-      menu.button icon: 'delete', text: 'Delete', onClick: ->(action) do
-        action.dialogs_alert message: 'Alert'
-      end
-
-      menu.button icon: 'more_vert', childButtons: ->(submenu) do
-        submenu.button \
-          icon: 'add',
-          text: 'Option1',
-          badge: { text: 3 },
-          onClick: ->(action) do
+    scroll.banners_select \
+      styleClass: 'warning',
+      width: 'matchParent',
+      icon: 'info',
+      title: 'Title',
+      message: 'This is a select banner',
+      buttons: ->(menu) do
+        menu.button icon: 'add', text: 'Add', badge: { text: 80 }, onClick: ->(action) do
           action.windows_open url: json_ui_garage_url(path: 'home/blank')
         end
-        submenu.button icon: 'edit', text: 'Option2', onClick: ->(action) do
+        menu.button icon: 'edit', text: 'Edit', onClick: ->(action) do
           action.windows_open url: json_ui_garage_url(path: 'home/slow')
         end
-        submenu.button icon: 'delete', text: 'Long Option3', onClick: ->(action) do
+        menu.button icon: 'delete', text: 'Delete', onClick: ->(action) do
           action.dialogs_alert message: 'Alert'
         end
+
+        menu.button icon: 'more_vert', childButtons: ->(submenu) do
+          submenu.button \
+            icon: 'add',
+            text: 'Option1',
+            badge: { text: 3 },
+            onClick: ->(action) do
+            action.windows_open url: json_ui_garage_url(path: 'home/blank')
+          end
+          submenu.button icon: 'edit', text: 'Option2', onClick: ->(action) do
+            action.windows_open url: json_ui_garage_url(path: 'home/slow')
+          end
+          submenu.button icon: 'delete', text: 'Long Option3', onClick: ->(action) do
+            action.dialogs_alert message: 'Alert'
+          end
+        end
       end
-    end
 
     scroll.spacer height: 20
     scroll.h2 text: 'Alert banner with frameless styling (Experimental)'

data/app/views/json_ui/garage/views/charts.json.jbuilder

@@ -12,18 +12,8 @@ else
     render "#{@path_prefix}/nav_menu", json: json, page: page
 
     page.scroll padding: { top: 20, left: 20, right: 20, bottom: 20 }, childViews: ->(scroll) do
-      scroll.h1 text: 'Line chart'
-      scroll.charts_line lineVertical: [
-        -> do
-          json.text 'A feature released'
-          json.x Date.new(2018, 11, 15)
-        end,
-        -> do
-          json.text 'A feature released'
-          json.x Date.new(2018, 11, 13)
-        end
-      ],
-      dataSeries: [
+      scroll.h2 text: 'Line chart'
+      scroll.charts_line dataSeries: [
         -> do
           json.title 'Line 1'
 
@@ -54,9 +44,9 @@ else
         end
       ]
 
-      scroll.spacer height: 20
-      scroll.h1 text: 'Line chart using remote data'
-      render "#{@path_prefix}/views/chart_data", json: json, builder: scroll
+      # scroll.spacer height: 20
+      # scroll.h1 text: 'Line chart using remote data'
+      # render "#{@path_prefix}/views/chart_data", json: json, builder: scroll
 
       scroll.h2 text: 'Column chart (Clustered)'
       scroll.charts_column dataGroups: [
@@ -131,6 +121,26 @@ else
           json.value 25
         end
       ]
+
+      scroll.h2 text: 'Area chart'
+      scroll.charts_area dataSeries: [
+        -> do
+          json.title 'Jan'
+          json.value 25
+        end,
+        -> do
+          json.title 'Feb'
+          json.value 55
+        end,
+        -> do
+          json.title 'Mar'
+          json.value 60
+        end,
+        -> do
+          json.title 'June'
+          json.value 20
+        end
+      ]
     end
   end
 

data/app/views/json_ui/garage/views/controls.json.jbuilder

@@ -12,9 +12,12 @@ page.scroll padding: glib_json_padding_body, childViews: ->(scroll) do
   end
 
   scroll.spacer height: 10
-  scroll.button text: 'Button with built-in classes', styleClasses: ['rounded', 'outlined', 'tile', 'depressed'], onClick: ->(action) do
-    action.dialogs_alert message: 'Perform action'
-  end
+  scroll.button \
+    text: 'Button with built-in classes',
+    styleClasses: ['rounded', 'outlined', 'tile', 'depressed', 'small'],
+    onClick: ->(action) do
+      action.dialogs_alert message: 'Perform action'
+    end
 
   scroll.spacer height: 10
   scroll.button \
@@ -30,7 +33,7 @@ page.scroll padding: glib_json_padding_body, childViews: ->(scroll) do
   scroll.button text: 'Button with dropdown', onClick: ->(action) do
     action.popovers_open \
       key: 'menu',
-      location: 'bottom',
+      placement: 'left',
       childViews: ->(view) do
         view.panels_responsive styleClass: 'popover-menu', width: 200, childViews: ->(res) do
           res.label text: 'Item 1', styleClass: 'popover-menu-item', onClick: ->(saction) do
@@ -49,28 +52,22 @@ page.scroll padding: glib_json_padding_body, childViews: ->(scroll) do
   scroll.spacer height: 10
   scroll.button \
     text: 'Button with tooltip and dropdown',
-    onMouseEnter: ->(action) {
-      action.popovers_open \
-        key: 'tooltip',
-        location: 'top',
-        childViews: ->(view) { view.p styleClass: 'tooltip', text: 'Tooltip 1' }
-    },
-    onMouseLeave: ->(action) { action.popovers_close key: 'tooltip' },
+    tooltip: { text: 'Tooltip 1' },
     onClick: ->(action) do
       action.popovers_open \
         key: 'menu',
-        location: 'right',
-        childViews: ->(view) do
-          view.panels_responsive styleClass: 'popover-menu', width: 200, childViews: ->(res) do
-            res.label text: 'Item 1', styleClass: 'popover-menu-item', onClick: ->(saction) do
-              saction.popovers_close key: 'menu'
-            end
-            res.label text: 'Item 2', styleClass: 'popover-menu-item', onClick: ->(saction) do
-              saction.popovers_close key: 'menu'
-            end
-            res.label text: 'Item 3', styleClass: 'popover-menu-item', onClick: ->(saction) do
-              saction.popovers_close key: 'menu'
-            end
+        placement: 'bottom-start',
+        styleClass: 'popover-menu',
+        width: 200,
+        childViews: ->(res) do
+          res.label text: 'Item 1', styleClass: 'popover-menu-item', onClick: ->(saction) do
+            saction.popovers_close key: 'menu'
+          end
+          res.label text: 'Item 2', styleClass: 'popover-menu-item', onClick: ->(saction) do
+            saction.popovers_close key: 'menu'
+          end
+          res.label text: 'Item 3 with very very very very very long name', styleClass: 'popover-menu-item', onClick: ->(saction) do
+            saction.popovers_close key: 'menu'
           end
         end
     end
@@ -81,7 +78,14 @@ page.scroll padding: glib_json_padding_body, childViews: ->(scroll) do
     styleClasses: ['icon', 'plain'],
     tooltip: { text: 'Disabled Icon button with tooltip text and custom tooltip position', position: 'right' },
     disabled: true
+
   scroll.spacer height: 20
+  scroll.button \
+    icon: 'info',
+    styleClasses: ['icon', 'text'],
+    onClick: ->(action) do
+      action.dialogs_alert message: 'Perform action'
+    end
 
 
 
@@ -93,11 +97,16 @@ page.scroll padding: glib_json_padding_body, childViews: ->(scroll) do
     text: 'Success',
     tooltip: { text: 'Tooltip text' }
   scroll.spacer height: 10
-  scroll.chip text: 'With Action', onClick: ->(action) do
-    action.dialogs_alert message: 'Perform action'
-  end
+  scroll.chip \
+    text: 'With Action',
+    onClick: ->(action) do
+      action.dialogs_alert message: 'Perform action'
+    end
   scroll.spacer height: 10
-  scroll.chip text: 'With Badge', badge: { text: '99' }
+  scroll.chip \
+    text: 'With Badge',
+    styleClasses: ['compact'],
+    badge: { text: '99' }
 
   scroll.spacer height: 20
   scroll.h2 text: 'Switch'

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

@@ -10,7 +10,8 @@ json_ui_page json do |page|
       end
 
       section.rows builder: ->(template) do
-        ['texts', 'controls', 'images', 'multimedia', 'charts', 'banners', 'maps', 'misc', 'icons', 'progress', 'shareButton'].each do |component|
+        ['texts', 'controls', 'images', 'multimedia', 'charts', 'banners',
+         'maps', 'misc', 'icons', 'progress', 'shareButton', 'steppers'].each do |component|
           template.thumbnail title: component.humanize, onClick: ->(action) do
             action.windows_open url: json_ui_garage_url(path: "views/#{component}")
           end

data/app/views/json_ui/garage/views/shareButton.json.jbuilder

@@ -21,6 +21,16 @@ page.scroll padding: glib_json_padding_body, childViews: ->(scroll) do
 
       f.spacer width: 10
 
+      f.shareButton \
+        network: 'email',
+        url: '',
+        text: 'Email',
+        onClick: ->(action) do
+          action.windows_openWeb url: 'mailto://test@email.com'
+        end
+
+      f.spacer width: 10
+
       # For testing: https://developers.facebook.com/tools/debug/
       f.shareButton \
         network: 'facebook',

data/app/views/json_ui/garage/views/steppers.json.jbuilder

@@ -0,0 +1,40 @@
+json.title 'Views'
+
+page = json_ui_page json
+
+render "#{@path_prefix}/nav_menu", json: json, page: page
+
+page.scroll padding: { top: 20, left: 20, right: 20, bottom: 20 }, childViews: ->(scroll) do
+  scroll.h1 text: 'Steppers'
+
+  # scroll.spacer height: 20
+  # scroll.h1 text: 'Line chart using remote data'
+  # render "#{@path_prefix}/views/chart_data", json: json, builder: scroll
+
+  # data = {
+  #   divider_icon: 'arrow_forward',
+  #   steps: [*1..5].map do |index|
+  #     {
+  #       detail: "Item #{index}",
+  #       url: root_url
+  #     }
+  #   end,
+  #   show_numbers: true,
+  #   small: true
+  # }
+
+  # # scroll.h2 text: 'Pie chart'
+  # scroll.stepper dataSeries: [
+  #   -> do
+  #     json.title 'Straberry'
+  #     json.value 25
+
+  #     # json.title 'Straberry'
+  #     # json.value 25
+  #   end,
+  #   -> do
+  #     json.title 'Banana'
+  #     json.value 25
+  #   end
+  # ]
+end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: glib-web
 version: !ruby/object:Gem::Version
-  version: 3.0.1
+  version: 3.0.3
 platform: ruby
 authors:
 - ''
@@ -104,6 +104,7 @@ files:
 - app/helpers/glib/json_ui/action_builder/tours.rb
 - app/helpers/glib/json_ui/action_builder/windows.rb
 - app/helpers/glib/json_ui/analytics_helper.rb
+- app/helpers/glib/json_ui/builder/mouse_events.rb
 - app/helpers/glib/json_ui/dynamic_field_builders.rb
 - app/helpers/glib/json_ui/generic_builders.rb
 - app/helpers/glib/json_ui/list_builders.rb
@@ -135,6 +136,7 @@ files:
 - app/views/json_ui/garage/actions/_dialogs.json.jbuilder
 - app/views/json_ui/garage/actions/_dialogs_show.json.jbuilder
 - app/views/json_ui/garage/actions/_http.json.jbuilder
+- app/views/json_ui/garage/actions/_list.json.jbuilder
 - app/views/json_ui/garage/actions/_panels.json.jbuilder
 - app/views/json_ui/garage/actions/_reload.json.jbuilder
 - app/views/json_ui/garage/actions/_sheets.json.jbuilder
@@ -144,6 +146,7 @@ files:
 - app/views/json_ui/garage/actions/_windows.json.jbuilder
 - app/views/json_ui/garage/actions/dialogs_oauth_post.json.jbuilder
 - app/views/json_ui/garage/actions/index.json.jbuilder
+- app/views/json_ui/garage/actions/partial_update.json.jbuilder
 - app/views/json_ui/garage/forms/_alert_post_data.json.jbuilder
 - app/views/json_ui/garage/forms/_conditional_banner.json.jbuilder
 - app/views/json_ui/garage/forms/_partial_update_execute.json.jbuilder
@@ -263,6 +266,7 @@ files:
 - app/views/json_ui/garage/views/multimedia.json.jbuilder
 - app/views/json_ui/garage/views/progress.json.jbuilder
 - app/views/json_ui/garage/views/shareButton.json.jbuilder
+- app/views/json_ui/garage/views/steppers.json.jbuilder
 - app/views/json_ui/garage/views/texts.json.jbuilder
 - app/views/layouts/json_ui/renderer.html.erb
 - config/routes.rb
@@ -314,7 +318,8 @@ required_rubygems_version: !ruby/object:Gem::Requirement
     - !ruby/object:Gem::Version
       version: '0'
 requirements: []
-rubygems_version: 3.1.4
+rubyforge_project: 
+rubygems_version: 2.7.6
 signing_key: 
 specification_version: 4
 summary: ''