glib-web 4.42.2 → 4.42.3

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 3794a6fed57b589d09cfd6f2fe1f747673998520640e608c223be773a3161bc0
-  data.tar.gz: 472d83c2de3a296222f412ddeb1fc6874e5fedb732d472a028adb47130bac721
+  metadata.gz: 2f83c2a0010d4f4a55930e7496803812b76116ee004904db891958f58ab8fd49
+  data.tar.gz: 7e27e4d5f4926260dccf08b8882df7d54c66aba82ce8d671cdd61157a0053971
 SHA512:
-  metadata.gz: 34178d1b1dab6f1ab20db634f9628dbd67b21ecf675ef5fad566d96f9029c5644b14dd9002a264aefa2db52b82164ef594cc091f1a7f8f21c1e7989103ced652
-  data.tar.gz: 5a113061150dffe37f69fa02b798abad3e4b96c99a66e26280ca44722b446071015c6fc50e871cffa555fab737dfdebb1f4a7607018176ed7cc3062b597a1f9e
+  metadata.gz: 3a46ba764a86d3ae29adcd30dc48aa620d4579e041101fe1d1c3be2315344006bb9f6a1bc01d9448abf3c4d75eb0848779df475e75601c654ae6a5053f820b8c
+  data.tar.gz: 3b4ba51006c0209c3eb846b560d57186e6e802f72919db13c7b4d999d0fadf5ed28a8274a362edfe65ffb3bcdffeb655b3c3eb65255d88a67944c06268779271

data/app/controllers/concerns/glib/json/libs.rb

@@ -137,7 +137,7 @@ module Glib::Json::Libs
       end
       format.csv do
         if Rails.env.test?
-          render status: :unauthorized
+          head :unauthorized
         else
           redirect_to sign_in_url, **redirect_options
         end
@@ -180,7 +180,7 @@ module Glib::Json::Libs
       end
       format.csv do
         if Rails.env.test?
-          render status: :forbidden
+          head :forbidden
         else
           redirect_to user_default_url
         end

data/app/views/json_ui/garage/test_page/_header.json.jbuilder

@@ -1,22 +1,92 @@
-navs = ['form', 'dialog', 'form_dynamic', 'auto_validate', 'multiupload', 'dirty_state', 'window', 'selectable', 'list_editable', 'lifecycle', 'file_upload_new', 'logics_set', 'http', 'sheets', 'snackbars']
+nav_groups = {
+  'Actions' => [
+    'browsers',
+    'commands',
+    'components',
+    'cookies',
+    'dialog',
+    'forms',
+    'http',
+    'lifecycle',
+    'logics_set',
+    'lists_append',
+    'panels',
+    'popovers',
+    'sheets',
+    'snackbars',
+    'storage_items',
+    'timeouts',
+    'window',
+    'windows'
+  ],
+  'Forms' => [
+    'auto_validate',
+    'dirty_state',
+    'file_upload_new',
+    'form',
+    'form_dynamic',
+    'multiupload',
+    'selectable'
+  ],
+  'Lists' => [
+    'list',
+    'list_editable'
+  ],
+  'Panels' => [
+    'carousel',
+    'column',
+    'custom',
+    'flow',
+    'grid',
+    'horizontal',
+    'pagination',
+    'responsive',
+    'scroll',
+    'split',
+    'timeline',
+    'ul',
+    'vertical',
+    'web'
+  ],
+  'Tables' => [
+    'table'
+  ],
+  'Views' => [
+    'calendar',
+    'charts',
+    'image',
+    'multimedia_video',
+    'progressCircle'
+  ]
+}
 
-view.panels_flow(
-  innerPadding: { bottom: 0 },
+current_path = params[:path].to_s
+
+view.panels_vertical(
   styleClass: 'align-right',
   width: 'matchParent',
   childViews: ->(res) do
-    navs.each_with_index do |nav, index|
-      if index < navs.size && index != 0
-        res.spacer width: 4
-        res.label text: '|'
-        res.spacer width: 4
-      end
-      res.label(
-        text: nav,
-        onClick: ->(action) do
-          action.windows_open url: json_ui_garage_url(path: "test_page/#{nav}")
+    nav_groups.each_with_index do |(group_name, items), group_index|
+      res.panels_flow innerPadding: { bottom: 0 }, childViews: ->(flow) do
+        flow.label text: "#{group_name}:"
+        flow.spacer width: 6
+        items.each_with_index do |nav, index|
+          nav_path = "test_page/#{nav}"
+          is_current = current_path == nav_path
+          if index != 0
+            flow.spacer width: 8
+          end
+          label_options = {
+            text: nav,
+            onClick: ->(action) do
+              action.windows_open url: json_ui_garage_url(path: nav_path)
+            end
+          }
+          label_options[:styleClass] = 'font-weight-bold' if is_current
+          flow.label(**label_options)
         end
-      )
+      end
+      res.spacer height: 4 if group_index < nav_groups.size - 1
     end
   end
 )

data/app/views/json_ui/garage/test_page/browsers.json.jbuilder

@@ -0,0 +1,101 @@
+json.title 'Test Page (Browsers)'
+
+page = json_ui_page json
+
+page.body(
+  childViews: ->(body) do
+    render 'json_ui/garage/test_page/header', view: body
+    body.panels_responsive(
+      padding: glib_json_padding_body,
+      childViews: ->(res) do
+        res.h2 text: 'Browsers'
+        res.label text: 'Browser detects for timezone and country.'
+        res.spacer height: 12
+        res.hr width: 'matchParent'
+        res.spacer height: 12
+
+        res.h2 text: 'Overview'
+        res.label text: 'Detect client timezone or country, then chain follow-up actions.'
+        res.spacer height: 12
+        res.hr width: 'matchParent'
+        res.spacer height: 12
+
+        res.h2 text: 'Basic example'
+        res.spacer height: 8
+        res.button(
+          text: 'browsers/detectTimezone',
+          onClick: ->(action) do
+            action.browsers_detectTimezone(
+              onDetect: ->(detect) do
+                detect.http_post url: json_ui_garage_url(path: 'forms/generic_post_all')
+              end
+            )
+          end
+        )
+
+        res.spacer height: 16
+        res.hr width: 'matchParent'
+        res.spacer height: 16
+
+        res.h2 text: 'Variants/props'
+        res.spacer height: 8
+        res.button(
+          text: 'browsers/detectCountry (with formData)',
+          onClick: ->(action) do
+            action.browsers_detectCountry(
+              onDetect: ->(detect) do
+                detect.http_post(
+                  url: json_ui_garage_url(path: 'forms/generic_post_all'),
+                  formData: {
+                message: 'hello'
+                }
+                )
+              end
+            )
+          end
+        )
+
+        res.spacer height: 16
+        res.hr width: 'matchParent'
+        res.spacer height: 16
+
+        res.h2 text: 'Actions/events'
+        res.spacer height: 8
+        res.label id: 'browsers_status', text: 'Status: idle'
+        res.spacer height: 8
+        res.button(
+          text: 'browsers/detectTimezone (update status)',
+          onClick: ->(action) do
+            action.browsers_detectTimezone(
+              onDetect: ->(detect) do
+                detect.runMultiple(
+                  childActions: ->(multi) do
+                    multi.logics_set targetId: 'browsers_status', data: { text: 'Status: detected timezone' }
+                    multi.snackbars_alert message: 'Timezone detected'
+                  end
+                )
+              end
+            )
+          end
+        )
+
+        res.spacer height: 16
+        res.hr width: 'matchParent'
+        res.spacer height: 16
+
+        res.h2 text: 'Edge/advanced'
+        res.spacer height: 8
+        res.button(
+          text: 'browsers/detectCountry (no formData)',
+          onClick: ->(action) do
+            action.browsers_detectCountry(
+              onDetect: ->(detect) do
+                detect.snackbars_alert message: 'Country detect requested'
+              end
+            )
+          end
+        )
+      end
+    )
+  end
+)

data/app/views/json_ui/garage/test_page/calendar.json.jbuilder

@@ -0,0 +1,109 @@
+json.title 'Test Page (Calendar)'
+
+page = json_ui_page json
+
+page.body(
+  childViews: ->(body) do
+    render 'json_ui/garage/test_page/header', view: body
+
+    body.panels_responsive(
+      padding: glib_json_padding_body,
+      childViews: ->(res) do
+        res.h2 text: 'Overview'
+        res.p text: 'Calendar renders events from a dataUrl and supports tap actions defined in each event.'
+        res.spacer height: 12
+        res.hr width: 'matchParent'
+        res.spacer height: 12
+
+        res.h2 text: 'Basic example'
+        res.spacer height: 8
+        res.calendar(
+          id: 'calendar_main',
+          width: 'matchParent',
+          height: 420,
+          dataUrl: json_ui_garage_url(path: 'views/calendar_data')
+        )
+
+        res.spacer height: 12
+        res.hr width: 'matchParent'
+        res.spacer height: 12
+
+        res.h2 text: 'Variants and props'
+        res.label text: 'Use the buttons to resize the calendar or switch its data source.'
+        res.spacer height: 8
+        res.panels_flow innerPadding: { bottom: 0 }, childViews: ->(flow) do
+          flow.button(
+            text: 'Default size',
+            onClick: ->(action) do
+              action.components_set(
+                targetId: 'calendar_main',
+                data: {
+                  height: 420,
+                  width: 'matchParent',
+                  dataUrl: json_ui_garage_url(path: 'views/calendar_data')
+                }
+              )
+            end
+          )
+          flow.spacer width: 6
+          flow.button(
+            text: 'Compact',
+            onClick: ->(action) do
+              action.components_set targetId: 'calendar_main', data: { height: 320 }
+            end
+          )
+          flow.spacer width: 6
+          flow.button(
+            text: 'Tall',
+            onClick: ->(action) do
+              action.components_set targetId: 'calendar_main', data: { height: 560 }
+            end
+          )
+          flow.spacer width: 6
+          flow.button(
+            text: 'Fixed width',
+            onClick: ->(action) do
+              action.components_set targetId: 'calendar_main', data: { width: 720 }
+            end
+          )
+        end
+
+        res.spacer height: 12
+        res.hr width: 'matchParent'
+        res.spacer height: 12
+
+        res.h2 text: 'Actions and events'
+        res.label text: 'Tap an event to trigger its onClick alert from the data endpoint.'
+        res.spacer height: 12
+
+        res.hr width: 'matchParent'
+        res.spacer height: 12
+
+        res.h2 text: 'Edge and advanced'
+        res.label text: 'Swap to an empty data set to confirm the calendar handles no events.'
+        res.spacer height: 8
+        res.panels_flow innerPadding: { bottom: 0 }, childViews: ->(flow) do
+          flow.button(
+            text: 'Empty data',
+            onClick: ->(action) do
+              action.components_set(
+                targetId: 'calendar_main',
+                data: { dataUrl: json_ui_garage_url(path: 'test_page/calendar_empty_data') }
+              )
+            end
+          )
+          flow.spacer width: 6
+          flow.button(
+            text: 'Restore data',
+            onClick: ->(action) do
+              action.components_set(
+                targetId: 'calendar_main',
+                data: { dataUrl: json_ui_garage_url(path: 'views/calendar_data') }
+              )
+            end
+          )
+        end
+      end
+    )
+  end
+)

data/app/views/json_ui/garage/test_page/calendar_empty_data.json.jbuilder

@@ -0,0 +1,3 @@
+section = json_ui_section json
+section.rows builder: ->(row) do
+end

data/app/views/json_ui/garage/test_page/carousel.json.jbuilder

@@ -0,0 +1,70 @@
+json.title 'Test Page (Carousel)'
+
+page = json_ui_page json
+
+page.body childViews: ->(body) do
+  render 'json_ui/garage/test_page/header', view: body
+
+  body.panels_responsive padding: glib_json_padding_body, childViews: ->(res) do
+    res.h2 text: 'Overview'
+    res.p text: 'Carousel panels arrange child views horizontally in a scrollable strip.'
+
+    res.spacer height: 12
+    res.hr width: 'matchParent'
+
+    res.h2 text: 'Basic'
+    res.spacer height: 8
+    res.panels_carousel id: 'carousel_main', width: 'matchParent', childViews: ->(carousel) do
+      (1..3).each do |index|
+        carousel.panels_vertical width: 120, height: 80, backgroundColor: '#e6e6e6', align: 'center', childViews: ->(panel) do
+          panel.label text: "Card #{index}"
+        end
+      end
+    end
+
+    res.spacer height: 12
+    res.hr width: 'matchParent'
+
+    res.h2 text: 'Variants and Props'
+    res.spacer height: 8
+    res.panels_flow innerPadding: { bottom: 0 }, childViews: ->(flow) do
+      flow.button text: 'Fill equally', onClick: ->(action) do
+        action.components_set targetId: 'carousel_main', data: { distribution: 'fillEqually' }
+      end
+      flow.spacer width: 4
+      flow.button text: 'Space equally', onClick: ->(action) do
+        action.components_set targetId: 'carousel_main', data: { distribution: 'spaceEqually' }
+      end
+      flow.spacer width: 4
+      flow.button text: 'Clear distribution', onClick: ->(action) do
+        action.components_set targetId: 'carousel_main', data: { distribution: nil }
+      end
+    end
+
+    res.spacer height: 12
+    res.hr width: 'matchParent'
+
+    res.h2 text: 'Actions and Events'
+    res.spacer height: 8
+    res.label id: 'carousel_action_status', text: 'Action status: idle'
+    res.spacer height: 6
+    res.panels_carousel width: 'matchParent', childViews: ->(carousel) do
+      ['A', 'B', 'C'].each do |label|
+        carousel.panels_vertical width: 120, height: 60, backgroundColor: '#e6e6e6', align: 'center', childViews: ->(panel) do
+          panel.button text: "Pick #{label}", onClick: ->(action) do
+            action.components_set targetId: 'carousel_action_status', data: { text: "Action status: #{label}" }
+          end
+        end
+      end
+    end
+
+    res.spacer height: 12
+    res.hr width: 'matchParent'
+
+    res.h2 text: 'Edge and Advanced'
+    res.spacer height: 8
+    res.label text: 'Empty carousel'
+    res.panels_carousel width: 'matchParent', childViews: ->(_carousel) do
+    end
+  end
+end