glib-web 2.4.0 → 2.6.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 416ab4888b4ca5e16220519fb9f1dc56999d91be403a2f14c464386f4b586604
-  data.tar.gz: b6e8f65a85f9542b9a3a8e865d52a36860d7acb95cdc930918e379b290ba0e66
+  metadata.gz: f0d389754a1133b159974aeaa56aa3e4accfc8307b6b97cefbb2497fea7bfb8c
+  data.tar.gz: 13c62150593ffdfb6ff2777024e1bc87388084a4e44de0639de3ab8d88879f1e
 SHA512:
-  metadata.gz: d2705c8939f81dcd503c8d7c77c5f70d157df9645123b4ca1f56fefe351bbafdeee4485cfaa31838a2e001f18cd05ae8776c44a7569b8c1c892838f17eace3ed
-  data.tar.gz: 1dcb659e7c9587137eef9aebfa1743e62edf6c427855a653fd6b12d71c827d5a32fb2e6131011cd80914f505bd6d140c07f61aaa9c4b60d301cb7f729772a1f5
+  metadata.gz: 2311300ae71398f14829508dc7ec1d99cc8de4d6747f11157dbbfcb92b81468212b5eeded5efa16c8956f40332366f3584fec2977ee8834872356c6de0c4b2ef
+  data.tar.gz: 5390d92bcb6e076141e17fca981a250a304f6fa9582e3bb6aab492a05d46027125c2a0bea8cc15a496cabbc8beb80dc60e1bb17f209c0bb92b84fd254ccdf57d

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

@@ -37,7 +37,7 @@ module Glib
           action :onLongPress
           icon :icon
           bool :avatar
-          action :onReorder
+          # action :onReorder
           string :paramNameForFormData
           string :paramNameForNewAbsoluteIndex
           string :paramNameForNewSectionIndex
@@ -46,9 +46,7 @@ module Glib
           string :id # Deprecated
           string :paramNameForNewIndex # Deprecated
 
-          # # NOTE: Experimental. Still deciding whether this needs to be a full blown panel or
-          # # an array of badges (with relevant properties, e.g. text, color, etc)
-          # views :accessoryViews
+          panels_builder :accessory, :header, :body, :footer
         end
 
         class Featured < Standard

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

@@ -76,6 +76,7 @@ class Glib::JsonUi::ViewBuilder
     class Text < AbstractField
       int :maxLength
       icon :leftIcon
+      icon :rightIcon
       string :leftText
       string :rightText
       action :onTypeStart
@@ -114,6 +115,7 @@ class Glib::JsonUi::ViewBuilder
     class Submit < AbstractField
       string :text
       color :color
+      icon :icon
     end
 
     class CheckGroup < AbstractField
@@ -300,6 +302,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

@@ -140,6 +140,7 @@ class Glib::JsonUi::ViewBuilder
       action :onScrollToBottom
 
       int :responsiveCols
+      hash :dragSupport
 
       def firstSection(block)
         json.sections [1] do
@@ -242,6 +243,7 @@ class Glib::JsonUi::ViewBuilder
       string :distribution
       string :align
       action :onClick
+      hash :dragSupport
     end
 
     class Flow < View

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

@@ -226,6 +226,8 @@ module Glib
         int :zoom
         string :dataUrl
         bool :cluster
+        bool :direction
+        array :locations
       end
 
       class Chip < View

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/forms/selects.json.jbuilder

@@ -15,7 +15,13 @@ page.form url: json_ui_garage_url(path: 'forms/generic_post'), method: 'post', p
     'melbourne' => 'Melbourne',
     'sydney' => 'Sydney',
   }
-  form.fields_select name: 'user[city]', width: 'matchParent', label: 'City', options: languages.map { |k, v| { value: k, text: v } }, value: 'canberra'
+  form.fields_select \
+    name: 'user[city]',
+    width: 'matchParent',
+    label: 'City1',
+    placeholder: 'This is a placeholder',
+    options: languages.map { |k, v| { value: k, text: v } },
+    value: 'canberra'
   form.fields_select name: 'user[cities][]', width: 'matchParent', label: 'Cities', options: languages.map { |k, v| { value: k, text: v } }, value: ['melbourne', 'sydney'], multiple: true
 
   form.spacer height: 20

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

@@ -11,9 +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}", onReorder: ->(action) do
-        action.dialogs_notification title: "Item #{index}"
-      end, paramNameForFormData: 'message', paramNameForNewIndex: 'new_index'
+      row.thumbnail title: "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/reordering.json.jbuilder

@@ -30,5 +30,11 @@ else
       end
       render 'json_ui/garage/lists/autoload_section', page: page, page_index: page_index, reorder: true
     end
-  ]
+  ], dragSupport: {
+    onDrop: {
+      action: 'dialogs/alert'
+    },
+    paramNameForFormData: 'message',
+    paramNameForNewIndex: 'new_index'
+  }
 end

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

@@ -11,6 +11,22 @@ json_ui_page json do |page|
     section.rows builder: ->(template) do
       template.thumbnail title: 'Click me', onClick: ->(action) do
         action.windows_open url: json_ui_garage_url(path: 'home/blank')
+      end,
+      accessory: ->(accessory) do
+        accessory.header \
+          width: 'matchParent',
+          backgroundColor: '#b3bac2',
+          padding: { top: 10, bottom: 10, left: 10, right: 10 },
+          childViews: ->(bottom) do
+            bottom.label text: 'Custom row header'
+          end
+        accessory.footer \
+          width: 'matchParent',
+          backgroundColor: '#b3bac2',
+          padding: { top: 10, bottom: 10, left: 10, right: 10 },
+          childViews: ->(bottom) do
+            bottom.label text: 'Custom row footer'
+          end
       end
       template.thumbnail title: 'Item with icon and subtitle', subtitle: 'Item subtitle', icon: 'facebook'
       template.thumbnail title: 'Item with chips', chips: ->(menu) do

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

@@ -1,7 +1,6 @@
 progress = params[:progress]&.to_i&.between?(0, 5) ? params[:progress].to_i : 0
 
 tview.panels_responsive \
-  width: 400,
   childViews: ->(res) do
     res.panels_column sm: { cols: 11 }, childViews: ->(subcolumn) do
       subcolumn.panels_column sm: { cols: 2, padding: { right: 10 } }, childViews: ->(inner_column) do

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

@@ -127,6 +127,19 @@ json_ui_page json do |page|
       action.windows_open url: json_ui_garage_url(path: 'home/blank')
     end
 
+    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.label text: "\n"
   end
 end

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

@@ -72,7 +72,7 @@ json_ui_page json do |page|
         left.button text: '1'
       end
       content.center childViews: ->(center) do
-        center.label text: 'a very very very very very very very very very very very very very very very very very very very very very very very very very very very very long text'
+        center.label text: 'a very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very long text'
       end
       content.right childViews: ->(right) do
         right.button text: '2'

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

@@ -26,7 +26,7 @@ page.scroll padding: glib_json_padding_body, childViews: ->(scroll) do
   end
 
   scroll.spacer height: 14
-  scroll.h2 text: 'Breadcrumbs'
+  scroll.h2 text: 'Breadcrumbs (experimental)'
   scroll.spacer height: 6
   scroll.panels_ul \
     width: 'matchParent',
@@ -37,29 +37,12 @@ page.scroll padding: glib_json_padding_body, childViews: ->(scroll) do
       ul.button text: 'Level 1', styleClass: 'link', onClick: ->(action) do
         action.windows_open url: json_ui_garage_url(path: 'home/blank')
       end
-      # ul.button text: 'Level 2', styleClass: 'link', childButtons: ->(menu) do
-      #   menu.button text: 'Dropdown item 1'
-      #   menu.button text: 'Dropdown item 2'
-      #   menu.button text: 'Dropdown item 3'
-      # end
 
       ul.button icon: 'keyboard_arrow_down', text: 'Level 2', styleClass: 'link', childButtons: ->(menu) do
         menu.button text: 'Dropdown item 1'
         menu.button text: 'Dropdown item 2'
         menu.button text: 'Dropdown item 3'
       end
-      # , onClick: ->(action) do
-      #   action.windows_open url: json_ui_garage_url(path: 'home/blank')
-      # end
       ul.label text: 'Level 3'
     end
-
-  scroll.button icon: 'keyboard_arrow_down', text: 'Sign in', styleClasses: ['link'], onClick: ->(action) do
-    action.windows_open url: json_ui_garage_url(path: 'home/blank')
-  end
-  scroll.button icon: 'keyboard_arrow_down', text: 'Sign in', styleClass: 'link', childButtons: ->(menu) do
-    menu.button text: 'Dropdown item 1'
-    menu.button text: 'Dropdown item 2'
-    menu.button text: 'Dropdown item 3'
-  end
 end

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.4.0
+  version: 2.6.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