glib-web 0.9.0 → 0.10.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: c6b2d37a052392552a87980c240b89ad4b47048fc04cf1992728baaf89bc85b6
-  data.tar.gz: 4f52c0373ea008d3440e109fd3102f25a4106c645cba0c4aa674e83d89ce57ea
+  metadata.gz: 93e60051e19b27eb2db0c8549ec9a5d2e8dc5dd03d7782d83c826d9c6c9e31e7
+  data.tar.gz: 2be6e2fb00f66d11184d8b85f605ee7feee7741b869f190bddc6033e07b6ac7f
 SHA512:
-  metadata.gz: 98c9def2af70a178480f992f274e8072674ad65c618093de2cf0f0b2b1c1094421ea66b4c26e68ad3d0299973b9e6719c5ee7320c1d0a2ca1381b39000dc41b1
-  data.tar.gz: 65d1c4024cecfc3f095cedbe302f5769769a5f0ee02ed868a5dba0f03c8a5e0121f91d818b33a172dfab6c94fa5620c404b7c894fe0b3549dcee407da6da736e
+  metadata.gz: c8cbfaf0ab710058e1cead2451126aa5ce6a72cd8d9a281f0cc055b21c545040916df6357de8d8d8fbfd0dcf5c3aa4acb4bf3a082e8bfe4d6ac82bff18db92d6
+  data.tar.gz: efb8048473299b95ab0c53e432c2401edf546d6e0cb325ebed8ac19ea55f918a8c613599eccb65dd33225ab515b2805eebbbbfda83a8878d7605bc638564640c

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

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

@@ -19,6 +19,16 @@ page.form url: json_ui_garage_url(path: 'forms/generic_post'), method: 'post', p
     value: 60,
     min: 30
 
+  form.spacer height: 20
+  form.h4 text: 'Days'
+  form.spacer height: 6
+  form.fields_timer name: 'user[days_timer1]', value: 1.days.from_now, styleClasses: ['days']
+
+  form.spacer height: 6
+  form.fields_timer name: 'user[days_timer2]', value: 10.seconds.from_now, styleClasses: ['days']
+  form.spacer height: 6
+  form.p text: '🏁 Finished!', showIf: { "<=": [{ "var": "user[days_timer2]" }, '0'] }
+
   form.spacer height: 20
   form.h2 text: 'Stop Watch (Forward)'
   form.spacer height: 6
@@ -38,6 +48,7 @@ page.form url: json_ui_garage_url(path: 'forms/generic_post'), method: 'post', p
     filterKey: first_user.id
   }
 
+
   form.fields_timer \
     width: 120,
     actionCable: online_participant1_config,

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

@@ -15,6 +15,7 @@ page.scroll padding: glib_json_padding_body, childViews: ->(scroll) do
     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

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,11 +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
-        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
-
-
       end
     end, ->(section) do
       section.header padding: glib_json_padding_list, childViews: ->(header) do
@@ -123,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.9.0
+  version: 0.10.1
 platform: ruby
 authors:
 - ''