glib-web 2.6.2 → 3.0.0.pre.beta1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 626a7318bab15d6f40a56eab8a88f93168ecbf5c5848a06ac36074faffd8e4f7
-  data.tar.gz: 3dfdf7e1026acde4790640d3df5594a56cb591459ee2c12ba3623080ffd78c6e
+  metadata.gz: 36c7ef52875565dc8845937e540ad4bb859c2c1d8c2413a6eb2610e02011cc42
+  data.tar.gz: f7bc7fedc31848d543ba0e79404d293a611cdbbcb20573a37645d28e81fba19a
 SHA512:
-  metadata.gz: 4c89bbef5dca79b924d5e9d8442828b1721cab5f6e51bd035d117c177557924fd20acbeb4475728cfecc39b89457763380f66489f4cbc38249be4d199dcf276e
-  data.tar.gz: 47d96447564dcecc2e2649aeb8872268564c0ab13c13a26483a00f1bbad5877863fefa280ae651e710846e964089b1cdb1bcbb890afb8ab4d4fcec6762bb17b6
+  metadata.gz: 47910b5b21257d0d2902ff536ff2c1cb13e8154ee1bc2a919f66b1dc1ade9a7aedd967a1abc1d9deef2f7286ac0720db6bda4adb33d44ea0cea2af3de94738a2
+  data.tar.gz: 0fd5393e2bec762bd4b05d46f825ba168a31454ccc7d6100d286f706cebb2a40ef6eba9662651dbb389074375e973b9b15ae58d74d481a72a7b61e39c83df8c1

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

@@ -1,7 +1,6 @@
 class Glib::JsonUi::ActionBuilder
   module Dialogs
     class Alert < Action
-      string :title
       string :message
       action :onLoad
       action :onClose
@@ -45,7 +44,6 @@ class Glib::JsonUi::ActionBuilder
       bool :showClose
       string :fullscreen
       length :width
-      length :height
     end
 
     class Reload < Action

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

@@ -9,8 +9,5 @@ class Glib::JsonUi::ActionBuilder
       array :steps
       int :startFrom
     end
-
-    class Stop < Action
-    end
   end
 end

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,7 +46,9 @@ module Glib
           string :id # Deprecated
           string :paramNameForNewIndex # Deprecated
 
-          panels_builder :accessory, :header, :body, :footer
+          # # 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
         end
 
         class Featured < Standard

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

@@ -76,7 +76,6 @@ class Glib::JsonUi::ViewBuilder
     class Text < AbstractField
       int :maxLength
       icon :leftIcon
-      icon :rightIcon
       string :leftText
       string :rightText
       action :onTypeStart
@@ -115,7 +114,6 @@ class Glib::JsonUi::ViewBuilder
     class Submit < AbstractField
       string :text
       color :color
-      icon :icon
     end
 
     class CheckGroup < AbstractField
@@ -303,8 +301,7 @@ class Glib::JsonUi::ViewBuilder
     end
 
     class Otp < AbstractField
-      int     :length
-      string :type
+      int     :lengths
     end
 
     class Rating < AbstractField

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

@@ -140,7 +140,6 @@ class Glib::JsonUi::ViewBuilder
       action :onScrollToBottom
 
       int :responsiveCols
-      hash :dragSupport
 
       def firstSection(block)
         json.sections [1] do
@@ -243,7 +242,6 @@ 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

@@ -243,6 +243,7 @@ module Glib
 
       class TabBar < View
         int :height
+        int :activeIndex
         color :color
 
         def buttons(block)

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

@@ -14,24 +14,21 @@ page.form \
   form.spacer height: 6
   form.fields_otp \
     name: 'user[otp_summary1]',
-    length: 7,
-    type: 'text'
+    lengths: 7
 
   form.spacer height: 20
-  form.h2 text: 'OTP Custom Length and input type number'
+  form.h2 text: 'OTP Custom Length'
   form.spacer height: 6
   form.fields_otp \
     name: 'user[otp_summary2]',
-    length: 3,
-    type: 'number'
+    lengths: 3
 
   form.spacer height: 20
   form.h2 text: 'OTP with Long Field'
   form.spacer height: 6
   form.fields_otp \
     name: 'user[otp_summary3]',
-    length: 20,
-    type: 'text'
+    lengths: 20
 
   form.spacer height: 20
   form.fields_submit text: 'Submit'

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

@@ -15,13 +15,7 @@ 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: 'City1',
-    placeholder: 'This is a placeholder',
-    options: languages.map { |k, v| { value: k, text: v } },
-    value: 'canberra'
+  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[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/forms/submit_on_change.json.jbuilder

@@ -17,11 +17,8 @@ page.scroll childViews: ->(scroll) do
         checkValue: '16+',
         uncheckValue: '0-16',
         label: 'I am over 16 (has default value)',
-        paramNameForFormData: 'message',
         onChange: ->(action) do
-          action.dialogs_alert title: 'Submit data?', onClose: ->(subaction) do
-            action.forms_submit
-          end
+          action.forms_submit
         end
 
       form.fields_check \
@@ -46,7 +43,7 @@ page.scroll childViews: ->(scroll) do
         onChange: ->(action) do
           action.snackbars_select message: 'Submit data?', buttons: ->(menu) do
             menu.button text: 'Yes, submit', onClick: ->(subaction) do
-              subaction.forms_submit
+              action.forms_submit
             end
           end
         end
@@ -60,7 +57,6 @@ page.scroll childViews: ->(scroll) do
           group.fields_radio value: 'senior', label: 'Senior'
           group.fields_radio value: 'junior', label: 'Junior'
         end,
-        paramNameForFormData: 'message',
         onChange: ->(action) do
           action.sheets_select message: 'Submit data?', buttons: ->(menu) do
             menu.button text: 'Yes, submit', onClick: ->(subaction) do
@@ -82,20 +78,6 @@ page.scroll childViews: ->(scroll) do
           end
         end
 
-
-      form.spacer height: 20
-      form.h2 text: 'Textarea'
-      form.fields_textarea \
-        name: 'user[bio]',
-        width: 'matchParent',
-        onChange: ->(action) do
-          action.sheets_select message: 'Submit data?', buttons: ->(menu) do
-            menu.button text: 'Yes, submit', onClick: ->(subaction) do
-              action.forms_submit
-            end
-          end
-        end
-
       form.spacer height: 20
       form.h2 text: 'Text (Asynchronous)'
       form.fields_text \
@@ -104,23 +86,6 @@ page.scroll childViews: ->(scroll) do
         onChange: ->(action) do
           action.http_post url: json_ui_garage_url(path: 'forms/generic_post')
         end
-
-      form.spacer height: 20
-      rules = { fileType: 'image', maxFileSize: 5000, fileTypeErrorText: 'Invalid!', maxFileSizeErrorText: 'Too big!' }
-      form.fields_file \
-        name: 'user[photo][]',
-        width: 'matchParent',
-        label: 'Avatar',
-        accepts: rules,
-        directUploadUrl: rails_direct_uploads_url,
-        placeholderView: { type: 'avatar', width: 100, height: 100, url: 'data:image/jpeg;base64,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' },
-        onChange: ->(action) do
-          action.sheets_select message: 'Submit data?', buttons: ->(menu) do
-            menu.button text: 'Yes, submit', onClick: ->(subaction) do
-              action.forms_submit
-            end
-          end
-        end
     end
 
 end

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

@@ -11,7 +11,9 @@ 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}", onReorder: ->(action) do
+        action.dialogs_notification title: "Item #{index}"
+      end, paramNameForFormData: 'message', paramNameForNewIndex: 'new_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,11 +30,5 @@ 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,22 +11,6 @@ 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/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/_timeline_content.json.jbuilder

@@ -1,6 +1,7 @@
 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,19 +127,6 @@ 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 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 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 (experimental)'
+  scroll.h2 text: 'Breadcrumbs'
   scroll.spacer height: 6
   scroll.panels_ul \
     width: 'matchParent',
@@ -37,11 +37,8 @@ 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 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
       ul.label text: 'Level 3'
     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.6.2
+  version: 3.0.0.pre.beta1
 platform: ruby
 authors:
 - ''
@@ -309,11 +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: []
-rubygems_version: 3.1.6
+rubygems_version: 3.1.4
 signing_key: 
 specification_version: 4
 summary: ''