glib-web 0.8.2 → 0.10.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 144c37b7b2c2acfb416c9aa7ac8cf286bfc0afb0c0b7f30dc51bedba3d3cb542
-  data.tar.gz: c5d4d978ea3e29dc8917af83214b9aa7750b1a4e486c7ee650c8c6596e661b5a
+  metadata.gz: aa095592b5c0a4c1b5cef5dd0c76095c3a6c2d4143d098ce7a35b32180a858aa
+  data.tar.gz: ee3327349607b707dd4d5ba9fb0037dce4daeea2e68a92e04c6683b9a550efa4
 SHA512:
-  metadata.gz: c9b86b01fd2d313c3ca0675cefbf6588372313e69b954416a16984d03f3685c83e481ad35bccdde7a9f7062d89b878723a8e4061fa4286c6278f08f81d3609eb
-  data.tar.gz: fb123fab4806c449c039a92c61c983f33c059a75a1d1f3674334aec01dd0cbe83db656ca0f23d83fc725575a17958a47bf90ad9981807c166631209126dde2c4
+  metadata.gz: c552ce93b0a47a4c7141425655fac46bdc1c699a00aca7b6bd917049dd0614dd276ae49eac1bc70d2760bbeb27473492a28029963c253787d6e0a71434ca0cb9
+  data.tar.gz: fb4df6d227777f82cdde5b6c2ae95e2a666c5e77b2e770c17a2310fb8cbea3049002da4ecb5fd073395618255a0dbcf46d09d195f9b504bfc25bcd7d91f41023

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

@@ -219,6 +219,7 @@ class Glib::JsonUi::ViewBuilder
       views :childViews
       string :distribution
       string :align
+      action :onClick
     end
 
     class Flow < View
@@ -250,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/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

@@ -4,7 +4,11 @@ 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

@@ -29,7 +29,7 @@ else
   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
+    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

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.2
+  version: 0.10.0
 platform: ruby
 authors:
 - ''
@@ -204,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