glib-web 2.4.0 → 3.0.0.pre.beta1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 416ab4888b4ca5e16220519fb9f1dc56999d91be403a2f14c464386f4b586604
-  data.tar.gz: b6e8f65a85f9542b9a3a8e865d52a36860d7acb95cdc930918e379b290ba0e66
+  metadata.gz: 36c7ef52875565dc8845937e540ad4bb859c2c1d8c2413a6eb2610e02011cc42
+  data.tar.gz: f7bc7fedc31848d543ba0e79404d293a611cdbbcb20573a37645d28e81fba19a
 SHA512:
-  metadata.gz: d2705c8939f81dcd503c8d7c77c5f70d157df9645123b4ca1f56fefe351bbafdeee4485cfaa31838a2e001f18cd05ae8776c44a7569b8c1c892838f17eace3ed
-  data.tar.gz: 1dcb659e7c9587137eef9aebfa1743e62edf6c427855a653fd6b12d71c827d5a32fb2e6131011cd80914f505bd6d140c07f61aaa9c4b60d301cb7f729772a1f5
+  metadata.gz: 47910b5b21257d0d2902ff536ff2c1cb13e8154ee1bc2a919f66b1dc1ade9a7aedd967a1abc1d9deef2f7286ac0720db6bda4adb33d44ea0cea2af3de94738a2
+  data.tar.gz: 0fd5393e2bec762bd4b05d46f825ba168a31454ccc7d6100d286f706cebb2a40ef6eba9662651dbb389074375e973b9b15ae58d74d481a72a7b61e39c83df8c1

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.rb

@@ -226,6 +226,8 @@ module Glib
         int :zoom
         string :dataUrl
         bool :cluster
+        bool :direction
+        array :locations
       end
 
       class Chip < View
@@ -241,6 +243,7 @@ module Glib
 
       class TabBar < View
         int :height
+        int :activeIndex
         color :color
 
         def buttons(block)

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/pages/tab_bar.json.jbuilder

@@ -6,42 +6,44 @@ json_ui_page json do |page|
   page.scroll padding: glib_json_padding_body, childViews: ->(scroll) do
     scroll.panels_column lg: { cols: 8 }, childViews: ->(column) do
       column.h2 text: 'Tab Bar with Badge'
-      column.tabBar buttons: ->(menu) do
-        badges = [
-          {
-            text: nil,
-            backgroundColor: nil
-          },
-          {
-            text: 8,
-            backgroundColor: '#272551'
-          },
-          {
-            text: '⭐⭐⭐',
-            backgroundColor: '#008000'
-          }
-        ]
-        {
-          'FIRST' => 'home',
-          'SECOND' => 'schedule',
-          'THIRD' => 'analytics'
-        }.each_with_index do |(text, icon), index|
-          menu.button \
-            icon: icon,
-            text: text,
-            badge: badges[index],
-            disabled: params[:tab].to_i == index,
-            onClick: ->(action) do
-              action.windows_reload \
-                url: json_ui_garage_url(
-                  path: 'pages/tab_bar',
-                  tab:  index,
-                  tab_2: params[:tab_2],
-                  tab_3: params[:tab_3]
-                )
+      column.tabBar \
+        activeIndex: params[:tab].to_i,
+        buttons: ->(menu) do
+            badges = [
+              {
+                text: nil,
+                backgroundColor: nil
+              },
+              {
+                text: 8,
+                backgroundColor: '#272551'
+              },
+              {
+                text: '⭐⭐⭐',
+                backgroundColor: '#008000'
+              }
+            ]
+            {
+              'FIRST' => 'home',
+              'SECOND' => 'schedule',
+              'THIRD' => 'analytics'
+            }.each_with_index do |(text, icon), index|
+              menu.button \
+                icon: icon,
+                text: text,
+                badge: badges[index],
+                disabled: params[:tab].to_i == index,
+                onClick: ->(action) do
+                  action.windows_reload \
+                    url: json_ui_garage_url(
+                      path: 'pages/tab_bar',
+                      tab:  index,
+                      tab_2: params[:tab_2],
+                      tab_3: params[:tab_3]
+                    )
+                end
             end
-        end
-      end
+          end
       column.spacer height: 10
 
       column.label text: "Tab index #{params[:tab].to_i} selected"
@@ -55,22 +57,25 @@ json_ui_page json do |page|
 
     scroll.panels_column lg: { cols: 8 }, childViews: ->(column) do
       column.h2 text: "Tab Bar with 'full-width-divider'"
-      column.tabBar styleClass: 'full-width-divider', buttons: ->(menu) do
-        5.times do |index|
-          menu.button \
-            text: "Tab #{index}",
-            disabled: params[:tab_2].to_i == index,
-            onClick: ->(action) do
-            action.windows_reload \
-              url: json_ui_garage_url(
-                path: 'pages/tab_bar',
-                tab:  params[:tab],
-                tab_2: index,
-                tab_3: params[:tab_3]
-              )
+      column.tabBar \
+        activeIndex: params[:tab_2].to_i,
+        styleClass: 'full-width-divider',
+        buttons: ->(menu) do
+          5.times do |index|
+            menu.button \
+              text: "Tab #{index}",
+              disabled: params[:tab_2].to_i == index,
+              onClick: ->(action) do
+              action.windows_reload \
+                url: json_ui_garage_url(
+                  path: 'pages/tab_bar',
+                  tab:  params[:tab],
+                  tab_2: index,
+                  tab_3: params[:tab_3]
+                )
+            end
           end
         end
-      end
       column.spacer height: 10
 
       column.label text: "Tab-2 index #{params[:tab_2].to_i} selected"
@@ -79,22 +84,25 @@ json_ui_page json do |page|
 
     scroll.panels_column lg: { cols: 8 }, childViews: ->(column) do
       column.h2 text: "Tab Bar 'with no-grow'"
-      column.tabBar styleClass: 'no-grow', buttons: ->(menu) do
-        5.times do |index|
-          menu.button \
-            text: "Tab #{index}",
-            disabled: params[:tab_3].to_i == index,
-            onClick: ->(action) do
-            action.windows_reload \
-              url: json_ui_garage_url(
-                path: 'pages/tab_bar',
-                tab:  params[:tab],
-                tab_2: params[:tab_2],
-                tab_3: index
-              )
+      column.tabBar \
+        activeIndex: params[:tab_3].to_i,
+        styleClass: 'no-grow',
+        buttons: ->(menu) do
+          5.times do |index|
+            menu.button \
+              text: "Tab #{index}",
+              disabled: params[:tab_3].to_i == index,
+              onClick: ->(action) do
+              action.windows_reload \
+                url: json_ui_garage_url(
+                  path: 'pages/tab_bar',
+                  tab:  params[:tab],
+                  tab_2: params[:tab_2],
+                  tab_3: index
+                )
+            end
           end
         end
-      end
       column.spacer height: 10
 
       column.label text: "Tab-3 index #{params[:tab_3].to_i} selected"

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

@@ -37,29 +37,9 @@ 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'
+      ul.button text: 'Level 2', styleClass: 'link', onClick: ->(action) do
+        action.windows_open url: json_ui_garage_url(path: 'home/blank')
       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

data/app/views/layouts/json_ui/renderer.html.erb

@@ -8,34 +8,26 @@
   <title>App</title>
   <%= csrf_meta_tags %>
 
-  <%= javascript_pack_tag 'vue_renderer', defer: true %>
+  <%= vite_javascript_tag 'vue_renderer', defer: true %>
   <%#= javascript_include_tag 'vue_renderer_extras', defer: true %>
 
-  <%= stylesheet_pack_tag 'vue_renderer' %>
+  <%= vite_stylesheet_tag 'vue_renderer' %>
 
   <link href="//fonts.googleapis.com/css?family=Material+Icons" rel="stylesheet" />
-
-  <%# Without this, checkboxes and radio buttons will not display. %>
-  <link href="//cdn.materialdesignicons.com/2.1.99/css/materialdesignicons.min.css" rel="stylesheet" />
-
-  <%= yield :head %>
-
-  <% if @__glib_head_code %>
-    <%= @__glib_head_code.html_safe %>
-  <% end %>
+<%# Without this, checkboxes and radio buttons will not display. %>
+<link href="//cdn.materialdesignicons.com/2.1.99/css/materialdesignicons.min.css" rel="stylesheet" />
+<%= yield :head %>
+<% if @__glib_head_code %>
+  <%= @__glib_head_code.html_safe %>
+<% end %>
 </head>
-
 <body>
   <%= yield :header %>
-
   <noscript>Please enable JavaScript to view this web site.</noscript>
   <div id="app"></div>
-
   <script>
     var __page = <%= raw @__json_ui_orig_page%>;
   </script>
-
   <%= yield :footer %>
 </body>
-
 </html>

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: glib-web
 version: !ruby/object:Gem::Version
-  version: 2.4.0
+  version: 3.0.0.pre.beta1
 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
@@ -307,12 +309,11 @@ required_ruby_version: !ruby/object:Gem::Requirement
       version: '0'
 required_rubygems_version: !ruby/object:Gem::Requirement
   requirements:
-  - - ">="
+  - - ">"
     - !ruby/object:Gem::Version
-      version: '0'
+      version: 1.3.1
 requirements: []
-rubyforge_project: 
-rubygems_version: 2.7.6
+rubygems_version: 3.1.4
 signing_key: 
 specification_version: 4
 summary: ''