glib-web 5.0.4 → 5.0.5

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

@@ -2,9 +2,10 @@ json.title 'Test Page (Fields Timer)'
 
 page = json_ui_page json
 
+render 'json_ui/garage/test_page/header', json: json, page: page
+
 page.body(
   childViews: ->(body) do
-    render 'json_ui/garage/test_page/header', view: body
 
     body.panels_responsive(
       padding: glib_json_padding_body,

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

@@ -2,9 +2,12 @@ json.title 'Test Page (Fields Upload)'
 
 page = json_ui_page json
 
+html_mode = params[:html_mode].present?
+
+render 'json_ui/garage/test_page/header', json: json, page: page
+
 page.body(
   childViews: ->(body) do
-    render 'json_ui/garage/test_page/header', view: body
 
     image = OpenStruct.new(
       url: 'https://picsum.photos/id/11/100/60',
@@ -20,7 +23,7 @@ page.body(
 
     base_props = {
       accepts: accepts,
-      directUploadUrl: glib_direct_uploads_url,
+      directUploadUrl: html_mode ? nil : glib_direct_uploads_url,
       styleClass: 'pb-2',
       value: image&.signed_id
     }
@@ -71,6 +74,34 @@ page.body(
             form.hr width: 'matchParent'
             form.spacer height: 12
 
+            form.h2 text: 'PlaceholderView avatar'
+            form.spacer height: 8
+            form.panels_flow(
+              styleClass: 'align-center',
+              xs: { gap: { all: 4 } },
+              childViews: ->(flow) do
+                flow.fields_upload(
+                  base_props.merge(
+                    name: 'user[file_avatar]',
+                    id: 'fields_upload_avatar',
+                    placeholderView: { type: 'avatar', url: image&.url, width: 64, height: 64 }
+                  )
+                )
+                flow.button(
+                  text: 'Trigger',
+                  onClick: ->(action) { action.components_invoke targetId: 'fields_upload_avatar', name: 'trigger' }
+                )
+                flow.button(
+                  text: 'Reset',
+                  onClick: ->(action) { action.components_invoke targetId: 'fields_upload_avatar', name: 'reset' }
+                )
+              end
+            )
+
+            form.spacer height: 12
+            form.hr width: 'matchParent'
+            form.spacer height: 12
+
             form.h2 text: 'InputView variants'
             form.spacer height: 8
             form.label text: 'Outlined text-field input'
@@ -115,7 +146,7 @@ page.body(
                 label: 'Upload files',
                 width: 320,
                 multiProgressView: { files: [] },
-                multiple: true
+                # multiple: false
               )
             )
 
@@ -128,11 +159,42 @@ page.body(
                 id: 'fields_upload_multiple',
                 label: 'Choose files',
                 width: 320,
-                inputView: { multiple: true },
+                inputView: {},
                 multiple: true
               )
             )
 
+            form.spacer height: 12
+            form.hr width: 'matchParent'
+            form.spacer height: 12
+
+            form.h2 text: 'ClipboardView'
+            form.spacer height: 8
+            form.label text: 'Default clipboard icon'
+            form.spacer height: 4
+            form.fields_upload(
+              base_props.merge(
+                name: 'user[file_clipboard]',
+                id: 'fields_upload_clipboard',
+                label: 'Paste image',
+                width: 320,
+                clipboardView: {}
+              )
+            )
+
+            form.spacer height: 12
+            form.label text: 'Custom clipboard icon'
+            form.spacer height: 4
+            form.fields_upload(
+              base_props.merge(
+                name: 'user[file_clipboard_custom]',
+                id: 'fields_upload_clipboard_custom',
+                label: 'Paste image',
+                width: 320,
+                clipboardView: { icon: 'content_paste' }
+              )
+            )
+
             form.spacer height: 12
             form.fields_submit text: 'submit'
           end

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

@@ -2,9 +2,10 @@ json.title 'Test Page (Fields URL Fragment)'
 
 page = json_ui_page json
 
+render 'json_ui/garage/test_page/header', json: json, page: page
+
 page.body(
   childViews: ->(body) do
-    render 'json_ui/garage/test_page/header', view: body
 
     body.panels_responsive(
       padding: glib_json_padding_body,

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

@@ -2,8 +2,9 @@ json.title 'Test Page (Flow)'
 
 page = json_ui_page json
 
+render 'json_ui/garage/test_page/header', json: json, page: page
+
 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'

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

@@ -2,8 +2,9 @@ json.title 'Test Page (Form)'
 
 page = json_ui_page json
 
+render 'json_ui/garage/test_page/header', json: json, page: page
+
 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: 'Form'

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

@@ -2,8 +2,9 @@ json.title 'Test Page (Form)'
 
 page = json_ui_page json
 
+render 'json_ui/garage/test_page/header', json: json, page: page
+
 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: 'Form'

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

@@ -2,9 +2,10 @@ json.title 'Test Page (Forms)'
 
 page = json_ui_page json
 
+render 'json_ui/garage/test_page/header', json: json, page: page
+
 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

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

@@ -2,8 +2,9 @@ json.title 'Test Page (Grid)'
 
 page = json_ui_page json
 
+render 'json_ui/garage/test_page/header', json: json, page: page
+
 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'

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

@@ -2,8 +2,9 @@ json.title 'Test Page (Horizontal)'
 
 page = json_ui_page json
 
+render 'json_ui/garage/test_page/header', json: json, page: page
+
 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'

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

@@ -2,9 +2,10 @@ json.title 'Test Page (HTTP)'
 
 page = json_ui_page json
 
+render 'json_ui/garage/test_page/header', json: json, page: page
+
 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

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

@@ -4,9 +4,10 @@ page = json_ui_page json
 
 small_image_url = 'https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSGQpSWjtELISLBlmugOZ6wzl1JamYXQvbFeYywpfg3E8b8DrO0Kg&s'
 
+render 'json_ui/garage/test_page/header', json: json, page: page
+
 page.body(
   childViews: ->(body) do
-    render 'json_ui/garage/test_page/header', view: body
 
     body.panels_responsive(
       padding: glib_json_padding_body,
@@ -24,7 +25,10 @@ page.body(
           width: 320,
           height: 200,
           url: glib_json_image_standard_url,
-          fit: :clip
+          fit: :clip,
+          onClick: ->(action) do
+            action.dialogs_alert message: 'Image clicked'
+          end
         )
 
         res.spacer height: 12
@@ -83,6 +87,26 @@ page.body(
                 )
               end
             )
+            flow.spacer width: 6
+            flow.button(
+              text: 'Height clip',
+              onClick: ->(action) do
+                action.components_set(
+                  targetId: 'image_main',
+                  data: { width: nil, height: 200, url: glib_json_image_standard_url, fit: :clip }
+                )
+              end
+            )
+            flow.spacer width: 6
+            flow.button(
+              text: 'Height crop',
+              onClick: ->(action) do
+                action.components_set(
+                  targetId: 'image_main',
+                  data: { width: nil, height: 160, url: small_image_url, fit: :crop }
+                )
+              end
+            )
           end
         )
 

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

@@ -14,8 +14,9 @@ foreground: ->(action) do
   action.snackbars_alert message: 'page.onForeground'
 end
 
+render 'json_ui/garage/test_page/header', json: json, page: page
+
 page.body childViews: ->(body) do
-  render 'json_ui/garage/test_page/header', view: body
 
   body.panels_responsive width: 'matchParent', childViews: ->(res) do
     res.button \

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

@@ -2,9 +2,10 @@ json.title 'Test Page (List)'
 
 page = json_ui_page json
 
+render 'json_ui/garage/test_page/header', json: json, page: page
+
 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

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

@@ -27,8 +27,9 @@ page.header(
   end
 )
 
+render 'json_ui/garage/test_page/header', json: json, page: page
+
 page.body childViews: ->(body) do
-  render 'json_ui/garage/test_page/header', view: body
 
   body.panels_form \
     width: 'matchParent',

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

@@ -2,9 +2,10 @@ json.title 'Test Page (Lists Append)'
 
 page = json_ui_page json
 
+render 'json_ui/garage/test_page/header', json: json, page: page
+
 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

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

@@ -4,7 +4,6 @@ page = json_ui_page json
 
 page.form(
   childViews: ->(body) do
-    render 'json_ui/garage/test_page/header', view: body
     body.panels_responsive(
       padding: glib_json_padding_body,
       childViews: ->(res) do

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

@@ -2,9 +2,10 @@ json.title 'Test Page (Multimedia Video)'
 
 page = json_ui_page json
 
+render 'json_ui/garage/test_page/header', json: json, page: page
+
 page.body(
   childViews: ->(body) do
-    render 'json_ui/garage/test_page/header', view: body
 
     body.panels_responsive(
       padding: glib_json_padding_body,

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

@@ -2,8 +2,9 @@ json.title 'Test Page (Pagination)'
 
 page = json_ui_page json
 
+render 'json_ui/garage/test_page/header', json: json, page: page
+
 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'

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

@@ -2,9 +2,10 @@ json.title 'Test Page (Panels Actions)'
 
 page = json_ui_page json
 
+render 'json_ui/garage/test_page/header', json: json, page: page
+
 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

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

@@ -53,9 +53,10 @@ default_cells = [
 
 import_settings = { submitUrl: json_ui_garage_url(path: 'forms/bulk_edit_post2'), paramName: 'user' }
 
+render 'json_ui/garage/test_page/header', json: json, page: page
+
 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

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

@@ -2,9 +2,10 @@ json.title 'Test Page (Popovers)'
 
 page = json_ui_page json
 
+render 'json_ui/garage/test_page/header', json: json, page: page
+
 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

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

@@ -2,9 +2,10 @@ json.title 'Test Page (Progress Circle)'
 
 page = json_ui_page json
 
+render 'json_ui/garage/test_page/header', json: json, page: page
+
 page.body(
   childViews: ->(body) do
-    render 'json_ui/garage/test_page/header', view: body
 
     body.panels_responsive(
       padding: glib_json_padding_body,

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

@@ -2,9 +2,10 @@ json.title 'Test Page (Responsive)'
 
 page = json_ui_page json
 
+render 'json_ui/garage/test_page/header', json: json, page: page
+
 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

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

@@ -2,8 +2,9 @@ json.title 'Test Page (Scroll)'
 
 page = json_ui_page json
 
+render 'json_ui/garage/test_page/header', json: json, page: page
+
 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'

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

@@ -31,8 +31,9 @@ languages.each do |group, sub|
 end
 options << { text: 'None of above', value: 'none_of_above' }
 
+render 'json_ui/garage/test_page/header', json: json, page: page
+
 page.body padding: glib_json_padding_body, childViews: ->(body) do
-  render 'json_ui/garage/test_page/header', view: body
   body.panels_form \
     url: json_ui_garage_url(path: 'forms/generic_post'),
     method: 'post',

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

@@ -2,9 +2,10 @@ json.title 'Test Page (Sheets)'
 
 page = json_ui_page json
 
+render 'json_ui/garage/test_page/header', json: json, page: page
+
 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

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

@@ -2,9 +2,10 @@ json.title 'Test Page (Snackbars)'
 
 page = json_ui_page json
 
+render 'json_ui/garage/test_page/header', json: json, page: page
+
 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

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

@@ -2,9 +2,10 @@ json.title 'Test Page (Split)'
 
 page = json_ui_page json
 
+render 'json_ui/garage/test_page/header', json: json, page: page
+
 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

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

@@ -2,9 +2,10 @@ json.title 'Test Page (Storage Items)'
 
 page = json_ui_page json
 
+render 'json_ui/garage/test_page/header', json: json, page: page
+
 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

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

@@ -0,0 +1,56 @@
+json.title 'Test Page (Switch)'
+
+page = json_ui_page json
+
+render 'json_ui/garage/test_page/header', json: json, page: page
+
+page.body(
+  childViews: ->(body) do
+    body.panels_responsive(
+      padding: glib_json_padding_body,
+      childViews: ->(res) do
+        res.h2 text: 'Overview'
+        res.p(
+          text: 'Switch is a toggle control that represents an on/off state. ' \
+        'Use it for settings that take effect immediately without requiring a form submit. ' \
+        'For form submission use a checkbox (fields_check) instead.'
+        )
+        res.spacer height: 12
+        res.hr width: 'matchParent'
+        res.spacer height: 12
+        res.h2 text: 'Variants and props'
+        res.spacer height: 8
+        res.label text: 'Default off (no enabled prop)'
+        res.spacer height: 6
+        res.switch(
+          text: 'Push notifications',
+          onEnabled: ->(action) do
+            action.snackbars_alert message: 'Push enabled'
+          end
+        )
+        res.spacer height: 12
+        res.label text: 'Default on (enabled: true)'
+        res.spacer height: 6
+        res.switch(
+          text: 'SMS notifications',
+          enabled: true,
+          onDisabled: ->(action) do
+            action.snackbars_alert message: 'SMS disabled'
+          end
+        )
+        res.spacer height: 12
+        res.label text: 'Both onEnabled and onDisabled'
+        res.spacer height: 6
+        res.switch(
+          text: 'Marketing emails',
+          onEnabled: ->(action) do
+            action.snackbars_alert message: 'Marketing emails on'
+          end,
+          onDisabled: ->(action) do
+            action.snackbars_alert message: 'Marketing emails off'
+          end
+        )
+      end
+    )
+  end
+)