glib-web 2.3.0 → 2.5.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 0c537eef969f4edd210d5d6e860159a3517ca21b73a6f07319dac16018ce540f
-  data.tar.gz: e7bdd1d06693de1579161644e398764b36ef52d3fb2c58fb079cb69773e04507
+  metadata.gz: deb5d59ee387f197f53b7f3fa024db36aabb41cf5e81a0f477a7a5a867d1a679
+  data.tar.gz: 910dece1f77237f42ca6fee5e9029f6f67aba38dc5a63383d8d1a29fa822d5b3
 SHA512:
-  metadata.gz: bbf1641068355fb28a11156817b9e531bd72b569d2108de505702c36b864c38671ead9c061999c1bedf988f25b259f8f2d739e3a795ed63bb848dd0f2921d6a3
-  data.tar.gz: 8294874f0b0718322f718f8b53cb33707ec0b95e828158ca1cbfe818582852d8f58111b0abefe21dabb9778820bb18d4746048f635849a99dcc587145423f17f
+  metadata.gz: 195c5ec7f7835027d85b5f5fb90c8b78c1ebd92d450d6cb9559693fe428bbb17e47dd986bd77f8615857f9c89bf52b0c7e6c5848bb318c085c665a138184a7e0
+  data.tar.gz: 8fc172c8e683c59858d6f3d2484576ea62282475b504bb05eb17fcca07eeadf993c7f7bc6de40ee45771555be6fa10d22aa08864c052b2593dc06c7dc373a050

data/app/controllers/glib/home_controller.rb

@@ -18,6 +18,15 @@ module Glib
           margin-right: auto;
           margin-left: auto;
         }
+
+        .rounded-corner {
+          border-radius: 16px;
+        }
+
+        /* Make sure the hover highlight effect also has rounded corners */
+        .rounded-corner:hover:after {
+          border-radius: 16px;
+        }
         </style>
       eos
 

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

@@ -45,6 +45,7 @@ module Glib
         icon :icon
         action :onClick
         bool :disabled
+        hash :tooltip
         singleton_array :styleClass, :styleClasses
 
         def childButtons(block)

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

@@ -300,6 +300,10 @@ class Glib::JsonUi::ViewBuilder
       string :publicKey
     end
 
+    class Otp < AbstractField
+      int     :lengths
+    end
+
     class Rating < AbstractField
       bool    :halfIncrements
       string  :color

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

@@ -5,6 +5,10 @@ class Glib::JsonUi::ViewBuilder
       string :paramNameForFormData
       bool :local
 
+      # TODO: Enable this when we know it won't break existing apps.
+      # Even for pure client-side apps, this is required because form.validate() requires a URL to construct form data.
+      # required :url
+
       def is_array_association?(prop)
         # # Not all model is ActiveRecord
         # if @model.class.respond_to?(:reflect_on_association)

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

@@ -192,6 +192,12 @@ module Glib
         action :onClick
         color :color
         bool :disabled
+
+        def childButtons(block)
+          json.childButtons do
+            block.call page.menu_builder
+          end
+        end
       end
 
       class Fab < View
@@ -220,6 +226,8 @@ module Glib
         int :zoom
         string :dataUrl
         bool :cluster
+        bool :direction
+        array :locations
       end
 
       class Chip < View
@@ -279,7 +287,7 @@ module Glib
 
       class ProgressCircle < View
         int :rotate # from 0 to 360
-        int :size 
+        int :size
         int :value # from 0 to 100
         color :color
         string :text

data/app/models/concerns/glib/soft_deletable.rb

@@ -22,6 +22,11 @@ module Glib
         soft_destroy_record
       end
 
+      # More explicit naming which is sometimes useful for readability.
+      def soft_destroy
+        soft_destroy_record
+      end
+
       # Revive a soft-deleted record and associated records if soft-deleted,
       # otherwise return self
       def revive

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

@@ -83,6 +83,9 @@ page.list sections: [
       template.thumbnail title: 'Payments', onClick: ->(action) do
         action.windows_open url: json_ui_garage_url(path: 'forms/payments')
       end
+      template.thumbnail title: 'OTP Field', onClick: ->(action) do
+        action.windows_open url: json_ui_garage_url(path: 'forms/otp_field')
+      end
     end
   end, ->(section) do
     section.header padding: glib_json_padding_list, childViews: ->(header) do

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

@@ -0,0 +1,35 @@
+json.title 'Forms'
+
+page = json_ui_page json
+render "#{@path_prefix}/nav_menu", json: json, page: page
+
+page.form \
+  url: json_ui_garage_url(path: 'forms/generic_post'),
+  method: 'post',
+  padding: glib_json_padding_body,
+  childViews: ->(form) do
+
+  form.spacer height: 20
+  form.h2 text: 'OTP Input Field'
+  form.spacer height: 6
+  form.fields_otp \
+    name: 'user[otp_summary1]',
+    lengths: 7
+
+  form.spacer height: 20
+  form.h2 text: 'OTP Custom Length'
+  form.spacer height: 6
+  form.fields_otp \
+    name: 'user[otp_summary2]',
+    lengths: 3
+
+  form.spacer height: 20
+  form.h2 text: 'OTP with Long Field'
+  form.spacer height: 6
+  form.fields_otp \
+    name: 'user[otp_summary3]',
+    lengths: 20
+
+  form.spacer height: 20
+  form.fields_submit text: 'Submit'
+end

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

@@ -17,12 +17,22 @@ page.list firstSection: ->(section) do
           subaction.dialogs_alert message: 'Tick/untick'
         end
       end, rightButtons: ->(menu) do
-        menu.button styleClass: 'icon', icon: 'share', onClick: ->(subaction) do
-          subaction.dialogs_alert message: 'Share'
-        end
-        menu.button styleClass: 'icon', icon: 'open_in_new', onClick: ->(subaction) do
-          subaction.dialogs_alert message: 'Open'
-        end
+        menu.button \
+          styleClass: 'icon',
+          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
+        menu.button \
+          styleClass: 'icon',
+          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/panels/responsive.json.jbuilder

@@ -123,6 +123,7 @@ page.scroll padding: glib_json_padding_body, childViews: ->(scroll) do
   scroll.spacer height: 8
   scroll.panels_responsive \
     backgroundColor: '#c3cad2',
+    styleClasses: ['rounded-corner'],
     padding: { left: 20, right: 20, top: 10, bottom: 10 },
     tooltip: { text: 'Tooltip text' },
     childViews: ->(responsive) do

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

@@ -7,7 +7,7 @@ page.scroll padding: glib_json_padding_body, childViews: ->(scroll) do
   timeline_items = [
       { icon: 'place', color: '#4BB543' },
       { icon: 'check_circle', color: 'blue' },
-      { icon: 'hourglass_empty', color: 'blue', label: 'Pending' },
+      { icon: 'hourglass_empty', color: 'blue', text: 'Pending' },
       { icon: 'radio_button_unchecked' },
       { icon: 'radio_button_unchecked' },
     ]
@@ -32,16 +32,15 @@ page.scroll padding: glib_json_padding_body, childViews: ->(scroll) do
     end
 
   timeline_items = [
-      { icon: 'place', color: '#4BB543' },
-      { icon: 'check_circle', color: 'blue' },
-      { icon: 'check_circle', color: 'blue' },
-      { icon: 'check_circle', color: 'blue' },
-      { icon: 'flag', color: '#FFA500' },
+      { icon: 'place', color: '#4BB543', styleClasses: ['outlined'] },
+      { icon: 'check_circle', color: 'blue', styleClasses: ['outlined'] },
+      { icon: 'check_circle', color: 'blue', styleClasses: ['outlined'] },
+      { icon: 'check_circle', color: 'blue', styleClasses: ['outlined'] },
+      { icon: 'flag', color: '#FFA500', styleClasses: ['outlined'] },
     ]
 
   scroll.h2 text: 'Timeline with outlined dots'
   scroll.panels_timeline \
-    styleClasses: ['outlined', 'icon-on-mdAndUp'],
     events: timeline_items,
     childViews: ->(timeline) do
       timeline.panels_vertical childViews: ->(vertical) do
@@ -74,4 +73,15 @@ page.scroll padding: glib_json_padding_body, childViews: ->(scroll) do
         timeline.label text: '1 minute ago'
       end
     end
+
+  timeline_items = [
+      { backgroundColor: 'blue', styleClasses: ['small'] },
+      { backgroundColor: 'blue', styleClasses: ['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
 end

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

@@ -25,8 +25,22 @@ page.scroll padding: glib_json_padding_body, childViews: ->(scroll) do
     onClick: ->(action) do
       action.dialogs_alert message: 'Perform action'
     end
-  scroll.spacer height: 20
 
+  scroll.spacer height: 10
+  scroll.button text: 'Button with dropdown', childButtons: ->(menu) do
+    menu.button text: 'Dropdown item 1'
+    menu.button text: 'Dropdown item 2'
+    menu.button text: 'Dropdown item 3'
+  end
+
+  scroll.spacer height: 10
+  scroll.button text: 'Button with tooltip and dropdown', tooltip: { text: 'Tooltip text' }, childButtons: ->(menu) do
+    menu.button text: 'Dropdown item 1'
+    menu.button text: 'Dropdown item 2'
+    menu.button text: 'Dropdown item 3'
+  end
+
+  scroll.spacer height: 20
   scroll.button \
     icon: 'info',
     styleClass: 'icon',

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

@@ -26,7 +26,7 @@ json.pins do
     { lat: -43.999792, lng: 170.463352 },
     { lat: 49.003109, lng: 108.490479, size: 3500000 },
     { lat: -6.611423, lng: 141.922091, size: 3700 },
-  ];
+  ]
 
   locations.each do |location|
     json.child! do

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

@@ -0,0 +1,61 @@
+
+# page = json_ui_page json
+
+json.pins do
+
+  locations = [
+   [
+     { lat: -31.56391, lng: 147.154312 },
+     { lat: -33.718234, lng: 150.363181 },
+     { lat: -33.727111, lng: 150.371124 },
+     { lat: -33.848588, lng: 151.209834 },
+     { lat: -33.851702, lng: 151.216968 },
+   ],
+   [
+     { lat: -33.80664156068477, lng: 145.62789926321355 },
+     { lat: -34.282842261683825, lng: 146.0436968577822 },
+     { lat: -34.542028425407175, lng: 146.39268392820802 }
+   ]
+  ]
+
+  #   locations = [
+  #   { lat: -31.56391, lng: 147.154312 },
+  #   { lat: -33.718234, lng: 150.363181 },
+  #   { lat: -33.727111, lng: 150.371124 },
+  #   { lat: -33.848588, lng: 151.209834 },
+  #   { lat: -33.851702, lng: 151.216968 },
+  # ]
+
+  locations.each_with_index do |loc, i|
+    loc.each_with_index do |location, index|
+      json.child! do
+        json.latitude location[:lat]
+        json.longitude location[:lng]
+        json.markerNumber index + 1
+        json.markerColor i == 0 ? '#537FE7' : '#362FD9'
+        json.infoWindow do
+          json.title "Place #{index}"
+          json.subtitle 'Big shopping mall'
+        end
+      end
+    end
+  end
+
+  # json.child! do
+  #   json.latitude 13.473001
+  #   json.longitude 144.771303
+  #   json.infoWindow do
+  #     json.title 'Place 2'
+  #     json.subtitle 'High class restaurant'
+  #   end
+  # end
+
+  # json.child! do
+  #   json.latitude 13.375903 + rand(0..0.1)
+  #   json.longitude 144.749791 + rand(0..0.1)
+  #   json.infoWindow do
+  #     json.title 'Place 3'
+  #     json.subtitle 'Random location'
+  #   end
+  # end
+end

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

@@ -27,5 +27,34 @@ json_ui_page json do |page|
       cluster: true,
       dataUrl: json_ui_garage_url(path: 'views/map_cluster_data')
 
+
+    locations = [
+      [
+        { lat: -31.56391, lng: 147.154312 },
+        { lat: -33.718234, lng: 150.363181 },
+        { lat: -33.727111, lng: 150.371124 },
+        { lat: -33.848588, lng: 151.209834 },
+        { lat: -33.851702, lng: 151.216968 },
+      ],
+      [
+        { lat: -33.80664156068477, lng: 145.62789926321355 },
+        { lat: -34.282842261683825, lng: 146.0436968577822 },
+        { lat: -34.542028425407175, lng: 146.39268392820802 }
+      ]
+   ]
+
+    scroll.spacer height: 20
+    scroll.h2 text: 'Map with Direction'
+    scroll.spacer height: 6
+    scroll.map \
+      width: 'matchParent',
+      latitude: -31.56391,
+      longitude: 147.154312,
+      direction: true,
+      locations: locations,
+      zoom: 9,
+      height: 480,
+      dataUrl: json_ui_garage_url(path: 'views/map_direction_data')
+
   end
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: glib-web
 version: !ruby/object:Gem::Version
-  version: 2.3.0
+  version: 2.5.0
 platform: ruby
 authors:
 - ''
@@ -165,6 +165,7 @@ files:
 - app/views/json_ui/garage/forms/new_rich_text.json.jbuilder
 - app/views/json_ui/garage/forms/online_participant1.json.jbuilder
 - app/views/json_ui/garage/forms/online_participant2.json.jbuilder
+- app/views/json_ui/garage/forms/otp_field.json.jbuilder
 - app/views/json_ui/garage/forms/page_update_on_response.json.jbuilder
 - app/views/json_ui/garage/forms/partial_update.json.jbuilder
 - app/views/json_ui/garage/forms/partial_update_response.json.jbuilder
@@ -254,6 +255,7 @@ files:
 - app/views/json_ui/garage/views/links.json.jbuilder
 - app/views/json_ui/garage/views/map_cluster_data.json.jbuilder
 - app/views/json_ui/garage/views/map_data.json.jbuilder
+- app/views/json_ui/garage/views/map_direction_data.json.jbuilder
 - app/views/json_ui/garage/views/maps.json.jbuilder
 - app/views/json_ui/garage/views/markdowns.json.jbuilder
 - app/views/json_ui/garage/views/misc.json.jbuilder
@@ -311,8 +313,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
     - !ruby/object:Gem::Version
       version: '0'
 requirements: []
-rubyforge_project: 
-rubygems_version: 2.7.6
+rubygems_version: 3.1.6
 signing_key: 
 specification_version: 4
 summary: ''