glib-web 0.8.1 → 0.9.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 0eecbcc062d2c7e335ae9753739cc29dbb9d28683e656063c18839f4f282d4f6
-  data.tar.gz: f4ee02cb9f32a927074caa1afb942d431bed96938594cb460417111e5d92ecf3
+  metadata.gz: 80e4dbdf6fa49ae7529f5f0c7f731e3bcb804926fa26848cd87dc0cc1f3ed999
+  data.tar.gz: 4bd64b4c5abfd53b05355bd7a16c6727344d6124479cdb159df7a744d8587155
 SHA512:
-  metadata.gz: d95a9abd99525e1487b59eb64f22d6bb35ecaba0d0f15d296d5a33053388ac7ac3571bc45b3187ed73d62b000fcd5526a8546e1a2d3260c65c0e77fdf59c408d
-  data.tar.gz: 4eb2aac64c5f8e86cbdfeff2f9e1f56a38a7ca9dcc839236cf60e2d94de95a9b8f4abb1c0972c149acf9b60a34c9fa6033ccd24fa09f86ef82445fe24f14721e
+  metadata.gz: 41ebae9f16115cd1409874b9143d5d93563f21d202877757c4e4f3e07faa3379891fbcfc3e02e3ba7200ba40e2016ba35a0b7a13fc2ba9f531f833d40cdf7fa0
+  data.tar.gz: 6e63089dd081a6e8a5805704b814727d51f2396197750cdef12289c3d48da9d53d1a8493eb71859839d0c23d5489634eec1f427c089b5059cd699a77122d3f68

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

@@ -5,6 +5,7 @@ class Glib::JsonUi::ViewBuilder
       bool :readOnly
       hash :validation
       bool :submitOnChange
+      bool :disableDirtyCheck
 
       def label(label)
         @label = label

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

@@ -121,6 +121,7 @@ class Glib::JsonUi::ViewBuilder
       hash :actionCable
 
       hash :nextPage
+      hash :prevPage
       action :onScrollToTop
       action :onScrollToBottom
 
@@ -218,6 +219,7 @@ class Glib::JsonUi::ViewBuilder
       views :childViews
       string :distribution
       string :align
+      action :onClick
     end
 
     class Flow < View
@@ -249,6 +251,15 @@ class Glib::JsonUi::ViewBuilder
       end
     end
 
+    class Grid < View
+      length :boxMinWidth
+      length :boxMaxWidth
+      length :columnGap
+      length :rowGap
+
+      views :childViews
+    end
+
     class Web < View
       string :url
     end

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

@@ -1,6 +1,6 @@
 
 if local_assigns[:top_nav] || json_ui_app_is_web?
-  page.leftDrawer content: ->(drawer) do
+  page.leftDrawer styleClasses:['maxi'], content: ->(drawer) do
     drawer.header childViews: ->(header) do
       header.button text: 'App', styleClasses: ['link', 'logo'], onClick: ->(action) do
         action.windows_open url: root_url

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

@@ -1,5 +1,5 @@
 json.title 'Forms'
-json.disableDirtyPrompt true
+# json.disableDirtyPrompt true
 
 data = params[:user] || {}
 
@@ -17,7 +17,9 @@ page.form \
     form.spacer height: 14
     form.h3 text: "Hello #{ data[:name] }"
     form.spacer height: 4
-    form.fields_text name: 'user[name]', width: 'matchParent', label: 'Name'
+    form.fields_text name: 'user[dirty_check_enabled]', width: 'matchParent', label: 'Dirty check enabled'
+    form.spacer height: 14
+    form.fields_text name: 'user[dirty_check_disabled]', width: 'matchParent', label: 'Dirty check disabled', disableDirtyCheck: true
 
     form.panels_split width: 'matchParent', content: ->(split) do
       split.right childViews: ->(right) do

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

@@ -1,23 +1,14 @@
 
-# json.rows do
-#   batch_count = 30
-#   batch_count.times do |i|
-#     index = page * batch_count + i
-#     json.child! do
-#       json.template 'thumbnail'
-#       json.title "Item #{index}"
-#     end
-#   end
-# end
-
-# section = json_ui_section json
-
 sleep 1
 
 section = page.list_section_builder
 section.rows builder: ->(row) do
   batch_count = 30
-  batch_count.times do |i|
+  array = (0..(batch_count - 1)).to_a
+  if local_assigns[:reverse]
+    array = array.reverse
+  end
+  array.each do |i|
     index = page_index * batch_count + i
     if local_assigns[:reorder]
       row.thumbnail title: "Item #{index}", onReorder: ->(action) do

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

@@ -0,0 +1,39 @@
+
+page_index = params[:page].to_i
+next_page = {
+  url: json_ui_garage_url(path: 'lists/autoload_as_needed_on_top_scroll', page: page_index + 1, section_only: 'v1'),
+  autoload: 'asNeeded'
+}
+
+page = json_ui_page json
+
+# TODO: Cater
+# - for SEO: one URL for a standalone page and one URL for pagination only
+# - for generic approach, e.g. excluding nav_menu when there is no change
+if params[:section_only].present?
+  sleep 1
+
+  json.prevPage next_page if page_index < 3
+  json.sections do
+    json.child! do
+      render 'json_ui/garage/lists/autoload_section', page: page, page_index: page_index
+    end
+  end
+else
+  json.title 'Lists'
+
+  page.on load: ->(action) do
+    action.panels_scrollToBottom
+  end
+
+  render "#{@path_prefix}/nav_menu", json: json, page: page
+
+  page.list prevPage: next_page, firstSection: ->(section) do
+    render 'json_ui/garage/lists/autoload_section', page: page, page_index: page_index, reverse: true
+  end, onScrollToBottom: ->(action) do
+    action.snackbars_alert message: 'Scrolled to Bottom'
+  end, onScrollToTop: ->(action) do
+    action.snackbars_alert message: 'Scrolled to Top'
+  end
+
+end

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

@@ -32,6 +32,9 @@ json_ui_page json do |page|
       template.thumbnail title: 'Autoload as Needed with Responsive Columns', onClick: ->(action) do
         action.windows_open url: json_ui_garage_url(path: 'lists/autoload_as_needed_responsive_columns')
       end
+      template.thumbnail title: 'Autoload as Needed (top scroll)', onClick: ->(action) do
+        action.windows_open url: json_ui_garage_url(path: 'lists/autoload_as_needed_on_top_scroll')
+      end
       template.thumbnail title: 'Reordering', onClick: ->(action) do
         action.windows_open url: json_ui_garage_url(path: 'lists/reordering')
       end

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

@@ -0,0 +1,37 @@
+json.title 'Panels'
+
+page = json_ui_page json
+render "#{@path_prefix}/nav_menu", json: json, page: page
+
+small_image_url = 'https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSGQpSWjtELISLBlmugOZ6wzl1JamYXQvbFeYywpfg3E8b8DrO0Kg&s'
+
+page.scroll padding: glib_json_padding_body, childViews: ->(scroll) do
+  scroll.h2 text: 'Responsive grid box, try to resize browser width'
+  scroll.spacer height: 8
+  scroll.panels_grid width: 'matchParent', boxMinWidth: 200, columnGap: 20, rowGap: 10, childViews: ->(box) do
+    box.label text: 'Box', width: 'matchParent', backgroundColor: '#ddd'
+    box.label text: 'Box', width: 'matchParent', backgroundColor: '#ddd'
+    box.label text: 'Box', width: 'matchParent', backgroundColor: '#ddd'
+    box.label text: 'Box', width: 'matchParent', backgroundColor: '#ddd'
+    box.label text: 'Box', width: 'matchParent', backgroundColor: '#ddd'
+  end
+
+  scroll.spacer height: 16
+  scroll.h2 text: 'Responsive grid box with image'
+  scroll.spacer height: 8
+  scroll.panels_grid \
+    width: 'matchParent',
+    boxMinWidth: 300,
+    columnGap: 20,
+    rowGap: 10,
+    padding: { top: 0, right: 10, bottom: 0, left: 10 },
+    childViews: ->(box) do
+      box.image url: small_image_url
+      box.image url: small_image_url
+      box.image url: small_image_url
+      box.image url: small_image_url
+      box.image url: small_image_url
+    end
+
+  scroll.spacer height: 64
+end

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

@@ -11,7 +11,7 @@ json_ui_page json do |page|
       panel.button text: '3'
     end
 
-    scroll.label text: "\n"
+    scroll.spacer height: 20
     scroll.h1 text: 'Equal filling'
     scroll.panels_horizontal backgroundColor: '#b3bac2', width: 300, distribution: 'fillEqually', childViews: ->(panel) do
       panel.button text: '1'
@@ -19,7 +19,7 @@ json_ui_page json do |page|
       panel.button text: '3', height: 70
     end
 
-    scroll.label text: "\n"
+    scroll.spacer height: 20
     scroll.h1 text: 'Equal spacing'
     scroll.panels_horizontal backgroundColor: '#b3bac2', width: 300, distribution: 'spaceEqually', childViews: ->(panel) do
       panel.button text: '1'
@@ -27,7 +27,7 @@ json_ui_page json do |page|
       panel.button text: '3'
     end
 
-    scroll.label text: "\n"
+    scroll.spacer height: 20
     scroll.h1 text: 'Overlaps (negative spacing)'
     scroll.markdown text: 'Uses Material Design spacings: https://vuetifyjs.com/en/styles/spacing/#how-it-works'
     scroll.panels_horizontal width: 'matchParent', distribution: 'overlap-1', childViews: ->(panel) do
@@ -56,7 +56,7 @@ json_ui_page json do |page|
       panel.button text: '3'
     end
 
-    scroll.label text: "\n"
+    scroll.spacer height: 20
     scroll.h1 text: 'Vertical panel combo'
     scroll.panels_horizontal distribution: 'spaceEqually', childViews: ->(panel) do
       panel.button text: '1'
@@ -67,7 +67,7 @@ json_ui_page json do |page|
       panel.button text: '3'
     end
 
-    scroll.label text: "\n"
+    scroll.spacer height: 20
     scroll.h1 text: 'Vertical panel combo (equal filling)'
     scroll.panels_horizontal width: 'matchParent', distribution: 'fillEqually', childViews: ->(panel) do
       panel.button text: '1'
@@ -78,7 +78,7 @@ json_ui_page json do |page|
       panel.button text: '3'
     end
 
-    scroll.label text: "\n"
+    scroll.spacer height: 20
     scroll.h1 text: 'Vertical panel combo (equal spacing)'
     scroll.panels_horizontal width: 'matchParent', distribution: 'spaceEqually', childViews: ->(panel) do
       panel.button text: '1'
@@ -89,7 +89,7 @@ json_ui_page json do |page|
       panel.button text: '3'
     end
 
-    scroll.label text: "\n"
+    scroll.spacer height: 20
     scroll.h1 text: 'Spacers'
     scroll.panels_horizontal width: 'matchParent', childViews: ->(panel) do
       panel.button text: '1'
@@ -99,7 +99,7 @@ json_ui_page json do |page|
       panel.button text: '3'
     end
 
-    scroll.label text: "\n"
+    scroll.spacer height: 20
     scroll.h1 text: 'Alignments'
     scroll.panels_horizontal align: 'top', childViews: ->(panel) do
       panel.button height: 50, text: 'Button'
@@ -117,12 +117,14 @@ json_ui_page json do |page|
       panel.label text: 'bottom'
     end
 
-    scroll.label text: "\n"
-    scroll.h1 text: 'Label combo'
+    scroll.spacer height: 20
+    scroll.h1 text: 'Label combo (with onClick)'
     scroll.panels_horizontal childViews: ->(panel) do
       panel.label backgroundColor: '#b3bac2', text: 'Label 1'
       panel.label text: 'Label 2'
       panel.label backgroundColor: '#b3bac2', text: 'Label 3'
+    end, onClick: ->(action) do
+      action.windows_open url: json_ui_garage_url(path: 'home/blank')
     end
 
     scroll.label text: "\n"

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

@@ -30,8 +30,6 @@ json_ui_page json do |page|
         template.thumbnail title: 'Unordered List', subtitle: 'Bullet points similar to HTML\'s <ul> tag', onClick: ->(action) do
           action.windows_open url: json_ui_garage_url(path: 'panels/ul')
         end
-
-
       end
     end, ->(section) do
       section.header padding: glib_json_padding_list, childViews: ->(header) do
@@ -120,10 +118,14 @@ json_ui_page json do |page|
       end
     end, ->(section) do
       section.header padding: glib_json_padding_list, childViews: ->(header) do
-        header.h2 text: 'Uncategorized'
+        header.h2 text: 'Experimental'
       end
 
       section.rows builder: ->(template) do
+        template.thumbnail title: 'Grid', subtitle: 'Arrage child component in grid like', onClick: ->(action) do
+          action.windows_open url: json_ui_garage_url(path: 'panels/grid')
+        end
+
         template.thumbnail title: 'Dynamic Group', onClick: ->(action) do
           # TODO
         end

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

@@ -93,6 +93,28 @@ page.scroll padding: glib_json_padding_body, childViews: ->(scroll) do
     action.windows_open url: json_ui_garage_url(path: 'home/blank')
   end
 
+  scroll.spacer height: 16
+  scroll.h2 text: 'With grid-like functionality'
+  scroll.spacer height: 8
+  scroll.panels_responsive \
+    width: 'matchParent',
+    padding: { top: 0, right: 10, bottom: 0, left: 10 },
+    childViews: ->(responsive) do
+      small_image_url = 'https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSGQpSWjtELISLBlmugOZ6wzl1JamYXQvbFeYywpfg3E8b8DrO0Kg&s'
+
+      6.times do |_cell_index|
+        responsive.panels_column \
+          padding: { top: 5, right: 5, bottom: 5, left: 5 },
+          xl: { cols: 3 },
+          lg: { cols: 4 },
+          md: { cols: 6 },
+          backgroundColor: '#c3cad2',
+          childViews: ->(column) do
+            column.image width: 'matchParent', url: small_image_url
+          end
+      end
+    end
+
   scroll.spacer height: 20
 
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: glib-web
 version: !ruby/object:Gem::Version
-  version: 0.8.1
+  version: 0.9.1
 platform: ruby
 authors:
 - ''
@@ -176,6 +176,7 @@ files:
 - app/views/json_ui/garage/lists/_autoload_section.json.jbuilder
 - app/views/json_ui/garage/lists/autoload_all.json.jbuilder
 - app/views/json_ui/garage/lists/autoload_as_needed.json.jbuilder
+- app/views/json_ui/garage/lists/autoload_as_needed_on_top_scroll.json.jbuilder
 - app/views/json_ui/garage/lists/autoload_as_needed_responsive_columns.json.jbuilder
 - app/views/json_ui/garage/lists/chat_ui.json.jbuilder
 - app/views/json_ui/garage/lists/edit_actions.json.jbuilder
@@ -203,6 +204,7 @@ files:
 - app/views/json_ui/garage/panels/carousel.json.jbuilder
 - app/views/json_ui/garage/panels/custom.json.jbuilder
 - app/views/json_ui/garage/panels/flow.json.jbuilder
+- app/views/json_ui/garage/panels/grid.json.jbuilder
 - app/views/json_ui/garage/panels/horizontal.json.jbuilder
 - app/views/json_ui/garage/panels/index.json.jbuilder
 - app/views/json_ui/garage/panels/outlined.json.jbuilder
@@ -290,7 +292,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: ''