glib-web 0.5.47 → 0.5.48

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 447bcfaf2d83ed28b408d031d3e432be855228e928ea6d8a360c799ae8165d03
-  data.tar.gz: 369e66c38dcae535bfff9b077ea64763bf42705ad3f72d264c27070a263d5662
+  metadata.gz: '096278d9b11151bcb169ba83f5c62c080471bb076f8ea3d34913e898a9537382'
+  data.tar.gz: bb831b31d185198292f251cbc3e9ab4536b1c4f3e3a28ceb32a5c7b76c25cba6
 SHA512:
-  metadata.gz: a023dc6ebb3d9e34a9d584a1a965d132042b8dad6c849305650ee9671a48ffe05686a686f7227cf3338d40168cdfb336ac3f41e2c264f09e71f9e2c8238e8b54
-  data.tar.gz: 92a215ad853da45033527e2ff824ca16a92ae3a737fb0217516101f5d226b1bbc0aab4fd1e443f85375fa52eafc38c6027d7cea24b8ee5e84faa013ce568f710
+  metadata.gz: fcbb3bded93e840d4db717c74a78bd16537e405bdc2262343274604f9940d0b768256e6df5e01225d9f699d422693f5030e0156e5b9a596a4b685575355e8347
+  data.tar.gz: 99c46875985b061cea7e7932bb2a86c7b1d0f613c205ec15207cf212f1703df44eb6a03bffd81a5dfbd64e5b5a89b09d5f18ca830d48b2d95b6e8260bca065e0

data/app/helpers/glib/json_ui/action_builder.rb

@@ -95,10 +95,18 @@ module Glib
         end
       end
 
+      module Cables
+        class Push < Action
+          string :channel
+          string :event
+        end
+      end
+
       module Timeouts
         class Set < Action
           int :interval  # Milliseconds
           action :onTimeout
+          bool :repeat
         end
 
         # FUTURE

data/app/helpers/glib/json_ui/list_builders.rb

@@ -11,6 +11,7 @@ module Glib
           menu :rightButtons
           menu :editButtons
           menu :chips
+          singleton_array :styleClass, :styleClasses
 
           # def editButtons(block)
           #   json.editButtons do

data/app/helpers/glib/json_ui/page_helper.rb

@@ -201,9 +201,17 @@ module Glib
           raise "Invalid properties: #{options.keys}" if options.size > 0
         end
 
-        def onLoad(options = {})
-          json.onLoad do
-            yield @action_builder
+        # def onLoad(options = {})
+        #   json.onLoad do
+        #     yield @action_builder
+        #   end
+        # end
+
+        def on(options = {})
+          if (on_load = options[:load])
+            json.onLoad do
+              on_load.call @action_builder
+            end
           end
         end
 

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

@@ -2,27 +2,26 @@ json.title 'Forms'
 
 data = params[:user] || {}
 
-json_ui_page json do |page|
-  render "#{@path_prefix}/nav_menu", json: json, page: page
-  
-  page.form url: json_ui_garage_url(path: 'forms/get_request'), method: 'get', padding: glib_json_padding_body, childViews: ->(form) do
-    # TODO: Potential improvement: 
-    # Use `reload` behaviour instead of `open` (i.e. don't keep adding URL to history).
-    # Probably introduce a flag to panels_form so developer can enable/disable this behaviour.
-    form.h3 text: "Hello #{ data[:name] }"
-    form.spacer height: 6
-    form.label text: 'On the web, upon submit, URL needs to change on the browser'
-    form.spacer height: 10
-    form.fields_text name: 'user[name]', width: 'matchParent', label: 'Name'
-    
-    # form.panels_split width: 'matchParent', rightViews: ->(split) do
-    #   split.button text: 'Submit', onClick: ->(action) { action.forms_submit }
-    # end
-    
-    form.panels_split width: 'matchParent', content: ->(split) do
-      split.right childViews: ->(right) do
-        right.button text: 'Submit', onClick: ->(action) { action.forms_submit }
-      end
+page = json_ui_page json
+render "#{@path_prefix}/nav_menu", json: json, page: page
+
+page.form url: json_ui_garage_url(path: 'forms/get_request'), method: 'get', padding: glib_json_padding_body, childViews: ->(form) do
+  # TODO: Potential improvement:
+  # Use `reload` behaviour instead of `open` (i.e. don't keep adding URL to history).
+  # Probably introduce a flag to panels_form so developer can enable/disable this behaviour.
+  form.h3 text: "Hello #{ data[:name] }"
+  form.spacer height: 6
+  form.label text: 'On the web, upon submit, URL needs to change on the browser'
+  form.spacer height: 10
+  form.fields_text name: 'user[name]', width: 'matchParent', label: 'Name'
+
+  # form.panels_split width: 'matchParent', rightViews: ->(split) do
+  #   split.button text: 'Submit', onClick: ->(action) { action.forms_submit }
+  # end
+
+  form.panels_split width: 'matchParent', content: ->(split) do
+    split.right childViews: ->(right) do
+      right.button text: 'Submit', onClick: ->(action) { action.forms_submit }
     end
   end
 end

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

@@ -1,110 +1,108 @@
 json.title 'Forms'
 
-json_ui_page json do |page|
-  render "#{@path_prefix}/nav_menu", json: json, page: page, top_nav: true
+page = json_ui_page json
+render "#{@path_prefix}/nav_menu", json: json, page: page, top_nav: true
 
-  page.list sections: [
-    ->(section) do
-      section.header padding: glib_json_padding_list, childViews: ->(header) do
-        header.h2 text: 'Submission Logics'
-      end
-
-      section.rows builder: ->(template) do
-        template.thumbnail title: 'Basic Logic', onClick: ->(action) do
-          action.windows_open url: json_ui_garage_url(path: 'forms/basic')
-        end
-        template.thumbnail title: "Submission Flow (timestamp: #{DateTime.current.to_i})", onClick: ->(action) do
-          action.windows_open url: json_ui_garage_url(path: 'forms/submission_flow')
-        end
-        template.thumbnail title: "Submission Indicator", onClick: ->(action) do
-          action.windows_open url: json_ui_garage_url(path: 'forms/submission_indicator')
-        end
-        template.thumbnail title: 'GET Request', onClick: ->(action) do
-          action.windows_open url: json_ui_garage_url(path: 'forms/get_request')
-        end
+page.list sections: [
+  ->(section) do
+    section.header padding: glib_json_padding_list, childViews: ->(header) do
+      header.h2 text: 'Submission Logics'
+    end
 
+    section.rows builder: ->(template) do
+      template.thumbnail title: 'Basic Logic', onClick: ->(action) do
+        action.windows_open url: json_ui_garage_url(path: 'forms/basic')
       end
-    end, ->(section) do
-      section.header padding: glib_json_padding_list, childViews: ->(header) do
-        header.h2 text: 'Form Logics'
+      template.thumbnail title: "Submission Flow (timestamp: #{DateTime.current.to_i})", onClick: ->(action) do
+        action.windows_open url: json_ui_garage_url(path: 'forms/submission_flow')
+      end
+      template.thumbnail title: "Submission Indicator", onClick: ->(action) do
+        action.windows_open url: json_ui_garage_url(path: 'forms/submission_indicator')
+      end
+      template.thumbnail title: 'GET Request', onClick: ->(action) do
+        action.windows_open url: json_ui_garage_url(path: 'forms/get_request')
       end
 
-      section.rows builder: ->(template) do
-        template.thumbnail title: 'Text Validation', onClick: ->(action) do
-          action.windows_open url: json_ui_garage_url(path: 'forms/text_validation')
-        end
-        template.thumbnail title: 'Show/Hide', onClick: ->(action) do
-          action.windows_open url: json_ui_garage_url(path: 'forms/show_hide')
-        end
-        template.thumbnail title: 'Conditional Value', onClick: ->(action) do
-          action.windows_open url: json_ui_garage_url(path: 'forms/conditional_value')
-        end
+    end
+  end, ->(section) do
+    section.header padding: glib_json_padding_list, childViews: ->(header) do
+      header.h2 text: 'Form Logics'
+    end
 
+    section.rows builder: ->(template) do
+      template.thumbnail title: 'Text Validation', onClick: ->(action) do
+        action.windows_open url: json_ui_garage_url(path: 'forms/text_validation')
+      end
+      template.thumbnail title: 'Show/Hide', onClick: ->(action) do
+        action.windows_open url: json_ui_garage_url(path: 'forms/show_hide')
       end
-    end, ->(section) do
-      section.header padding: glib_json_padding_list, childViews: ->(header) do
-        header.h2 text: 'Form Fields'
+      template.thumbnail title: 'Conditional Value', onClick: ->(action) do
+        action.windows_open url: json_ui_garage_url(path: 'forms/conditional_value')
       end
 
-      section.rows builder: ->(template) do
-        template.thumbnail title: 'Pickers', onClick: ->(action) do
-          action.windows_open url: json_ui_garage_url(path: 'forms/pickers')
-        end
-        template.thumbnail title: 'Select Fields', onClick: ->(action) do
-          action.windows_open url: json_ui_garage_url(path: 'forms/selects')
-        end
-        template.thumbnail title: 'File Upload', onClick: ->(action) do
-          action.windows_open url: json_ui_garage_url(path: 'forms/file_upload')
-        end
-        template.thumbnail title: 'Floating Submit', onClick: ->(action) do
-          action.windows_open url: json_ui_garage_url(path: 'forms/floating_submit')
-        end
+    end
+  end, ->(section) do
+    section.header padding: glib_json_padding_list, childViews: ->(header) do
+      header.h2 text: 'Form Fields'
+    end
 
+    section.rows builder: ->(template) do
+      template.thumbnail title: 'Pickers', onClick: ->(action) do
+        action.windows_open url: json_ui_garage_url(path: 'forms/pickers')
       end
-    end, ->(section) do
-      section.header padding: glib_json_padding_list, childViews: ->(header) do
-        header.h2 text: 'Styling'
+      template.thumbnail title: 'Select Fields', onClick: ->(action) do
+        action.windows_open url: json_ui_garage_url(path: 'forms/selects')
       end
-      section.rows builder: ->(template) do
-        template.thumbnail title: 'Text Boxes', onClick: ->(action) do
-          action.windows_open url: json_ui_garage_url(path: 'forms/styled_boxes')
-        end
+      template.thumbnail title: 'File Upload', onClick: ->(action) do
+        action.windows_open url: json_ui_garage_url(path: 'forms/file_upload')
       end
-    end, ->(section) do
-      section.header padding: glib_json_padding_list, childViews: ->(header) do
-        header.h2 text: 'Web Only'
+      template.thumbnail title: 'Floating Submit', onClick: ->(action) do
+        action.windows_open url: json_ui_garage_url(path: 'forms/floating_submit')
       end
 
-      section.rows builder: ->(template) do
-        template.thumbnail title: 'Rich Text Editor', onClick: ->(action) do
-          action.windows_open url: json_ui_garage_url(path: 'forms/rich_text')
-        end
+    end
+  end, ->(section) do
+    section.header padding: glib_json_padding_list, childViews: ->(header) do
+      header.h2 text: 'Styling'
+    end
+    section.rows builder: ->(template) do
+      template.thumbnail title: 'Text Boxes', onClick: ->(action) do
+        action.windows_open url: json_ui_garage_url(path: 'forms/styled_boxes')
       end
+    end
+  end, ->(section) do
+    section.header padding: glib_json_padding_list, childViews: ->(header) do
+      header.h2 text: 'Web Only'
+    end
 
-      section.rows builder: ->(template) do
-        template.thumbnail title: 'New Rich Text Editor', onClick: ->(action) do
-          action.windows_open url: json_ui_garage_url(path: 'forms/new_rich_text')
-        end
-
+    section.rows builder: ->(template) do
+      template.thumbnail title: 'Rich Text Editor', onClick: ->(action) do
+        action.windows_open url: json_ui_garage_url(path: 'forms/rich_text')
       end
-    end, ->(section) do
-      section.header padding: glib_json_padding_list, childViews: ->(header) do
-        header.h2 text: 'Experimental (not required yet)'
+    end
+
+    section.rows builder: ->(template) do
+      template.thumbnail title: 'New Rich Text Editor', onClick: ->(action) do
+        action.windows_open url: json_ui_garage_url(path: 'forms/new_rich_text')
       end
 
-      section.rows builder: ->(template) do
-        template.thumbnail title: 'Dynamic Group', onClick: ->(action) do
-          action.windows_open url: json_ui_garage_url(path: 'forms/dynamic_group')
-        end
-        template.thumbnail title: 'Dynamic Select', onClick: ->(action) do
-          action.windows_open url: json_ui_garage_url(path: 'forms/dynamic_select')
-        end
-        template.thumbnail title: 'Checkboxes', onClick: ->(action) do
-          action.windows_open url: json_ui_garage_url(path: 'forms/checkboxes')
-        end
+    end
+  end, ->(section) do
+    section.header padding: glib_json_padding_list, childViews: ->(header) do
+      header.h2 text: 'Experimental (not required yet)'
+    end
 
+    section.rows builder: ->(template) do
+      template.thumbnail title: 'Dynamic Group', onClick: ->(action) do
+        action.windows_open url: json_ui_garage_url(path: 'forms/dynamic_group')
+      end
+      template.thumbnail title: 'Dynamic Select', onClick: ->(action) do
+        action.windows_open url: json_ui_garage_url(path: 'forms/dynamic_select')
+      end
+      template.thumbnail title: 'Checkboxes', onClick: ->(action) do
+        action.windows_open url: json_ui_garage_url(path: 'forms/checkboxes')
       end
-    end
-  ]
 
-end
+    end
+  end
+]

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

@@ -1,40 +1,39 @@
 json.title 'Forms'
 
-json_ui_page json do |page|
-  render "#{@path_prefix}/nav_menu", json: json, page: page
+page = json_ui_page json
+render "#{@path_prefix}/nav_menu", json: json, page: page
 
-  page.form url: json_ui_garage_url(path: 'forms/basic_post'), method: 'post', padding: { top: 12, left: 20, right: 20, bottom: 12 }, childViews: ->(form) do
-    form.fields_text name: 'user[name]', width: 'matchParent', label: 'Name'
+page.form url: json_ui_garage_url(path: 'forms/basic_post'), method: 'post', padding: { top: 12, left: 20, right: 20, bottom: 12 }, childViews: ->(form) do
+  form.fields_text name: 'user[name]', width: 'matchParent', label: 'Name'
 
-    # images = [
-    #   {
-    #     value: "eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBFQT09IiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--193dc0d939b9558fc4973fafbba91d989cbb04d4",
-    #     fileUrl: "https://imageserver-demo.herokuapp.com/image/itinerarybuilder-demo/o6CKzNt67PWnkPdUEnWMt7pr?h=100&w=100"
-    #   }
-    # ]
-    # form.fields_richText name: 'user[bio]', width: 'matchParent', label: 'Content', images: images, value: '<p>Test {{image1}}</p>'
+  # images = [
+  #   {
+  #     value: "eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBFQT09IiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--193dc0d939b9558fc4973fafbba91d989cbb04d4",
+  #     fileUrl: "https://imageserver-demo.herokuapp.com/image/itinerarybuilder-demo/o6CKzNt67PWnkPdUEnWMt7pr?h=100&w=100"
+  #   }
+  # ]
+  # form.fields_richText name: 'user[bio]', width: 'matchParent', label: 'Content', images: images, value: '<p>Test {{image1}}</p>'
 
-    json.child! do
-      json.view 'fields/newRichText-v1'
-      json.width 'matchParent'
-      json.label 'Content'
-      json.name 'user[bio]'
-      json.value '<p>Test {{image1}}</p>'
+  json.child! do
+    json.view 'fields/newRichText-v1'
+    json.width 'matchParent'
+    json.label 'Content'
+    json.name 'user[bio]'
+    json.value '<p>Test {{image1}}</p>'
 
-      json.images do
-        json.child! do
-          json.value "eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBFQT09IiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--193dc0d939b9558fc4973fafbba91d989cbb04d4"
-          # json.fileTitle "hita i hanom hg.jpg"
-          json.fileUrl "https://imageserver-demo.herokuapp.com/image/itinerarybuilder-demo/o6CKzNt67PWnkPdUEnWMt7pr?h=100&w=100"
-        end
-      end
-
-      json.imageUploader do
-        json.accepts(fileType: "image/*", maxFileSize: 5000)
-        json.directUploadUrl rails_direct_uploads_url
+    json.images do
+      json.child! do
+        json.value "eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBFQT09IiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--193dc0d939b9558fc4973fafbba91d989cbb04d4"
+        # json.fileTitle "hita i hanom hg.jpg"
+        json.fileUrl "https://imageserver-demo.herokuapp.com/image/itinerarybuilder-demo/o6CKzNt67PWnkPdUEnWMt7pr?h=100&w=100"
       end
     end
 
-    form.button text: 'Submit', onClick: ->(action) { action.forms_submit }
+    json.imageUploader do
+      json.accepts(fileType: "image/*", maxFileSize: 5000)
+      json.directUploadUrl rails_direct_uploads_url
+    end
   end
+
+  form.button text: 'Submit', onClick: ->(action) { action.forms_submit }
 end

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

@@ -1,48 +1,46 @@
 json.title 'Forms'
 
-json_ui_page json do |page|
-  render "#{@path_prefix}/nav_menu", json: json, page: page
-
-  page.form url: json_ui_garage_url(path: 'forms/generic_post'), method: 'post', padding: glib_json_padding_body, childViews: ->(form) do
-    form.h2 text: 'Radio Group'
-    form.spacer height: 6
-    form.h4 text: 'Gender'
-    form.fields_radioGroup name: 'user[gender]', value: 'F', childViews: ->(group) do
-      group.fields_radio value: '', label: 'Unknown'
-      group.fields_radio value: 'M', label: 'Male'
-      group.fields_radio value: 'F', label: 'Female'
-    end
-
-    form.spacer height: 20
-    form.h2 text: 'Single Checkbox'
-    form.fields_check name: 'user[age_range]', value: '16+', checkValue: '16+', uncheckValue: '0-16', label: 'I am over 16 (has default value)'
-    form.fields_check name: 'user[employer]', checkValue: 1, label: 'I am an employer (no default value)'
-    form.fields_check name: 'user[enabled]', checkValue: true, label: 'Enable', styleClass: 'switch', value: 'true'
-
-    form.spacer height: 20
-    form.h2 text: 'Date/Time'
-    form.spacer height: 6
-    form.fields_date name: 'user[date]', width: 'matchParent', label: 'Date', min: '2010-01-01', max: '2012-01-01', value: '2010-02-01'
-    form.fields_datetime name: 'user[date_time]', width: 'matchParent', label: 'Date Time', min: '2018-06-09T00:00', max: '2018-06-17T00:00', value: '2018-06-15T19:30'
-
-    form.spacer height: 20
-    form.h2 text: 'Country'
-    form.spacer height: 6
-    region_field = { name: 'user[city]', label: 'City' }
-    form.fields_country name: 'user[country]', width: 'matchParent', label: 'Country', region: region_field
-
-    form.spacer height: 20
-    form.h2 text: 'Map'
-    form.spacer height: 6
-    form.fields_location name: 'user[address]', width: 'matchParent', label: 'Type an address', value: 'Sydney Harbour Bridge',
-      autocompleteOptions: { componentRestrictions: { country: 'au' }, types: ['(cities)'] },
-      latitudeField: { view: 'fields/text', name: 'user[latitude]', label: 'Lat', value: -33.8523063, readOnly: true },
-      longitudeField: { view: 'fields/text', name: 'user[longitude]', label: 'Long', value: 151.21078710000006, readOnly: true },
-      zoomField: { view: 'fields/text', name: 'user[zoom]', label: 'Zoom' }
-
-    form.spacer height: 20
-    form.fields_submit text: 'Submit'
-
+page = json_ui_page json
+render "#{@path_prefix}/nav_menu", json: json, page: page
+
+page.form url: json_ui_garage_url(path: 'forms/generic_post'), method: 'post', padding: glib_json_padding_body, childViews: ->(form) do
+  form.h2 text: 'Radio Group'
+  form.spacer height: 6
+  form.h4 text: 'Gender'
+  form.fields_radioGroup name: 'user[gender]', value: 'F', childViews: ->(group) do
+    group.fields_radio value: '', label: 'Unknown'
+    group.fields_radio value: 'M', label: 'Male'
+    group.fields_radio value: 'F', label: 'Female'
   end
 
+  form.spacer height: 20
+  form.h2 text: 'Single Checkbox'
+  form.fields_check name: 'user[age_range]', value: '16+', checkValue: '16+', uncheckValue: '0-16', label: 'I am over 16 (has default value)'
+  form.fields_check name: 'user[employer]', checkValue: 1, label: 'I am an employer (no default value)'
+  form.fields_check name: 'user[enabled]', checkValue: true, label: 'Enable', styleClass: 'switch', value: 'true'
+
+  form.spacer height: 20
+  form.h2 text: 'Date/Time'
+  form.spacer height: 6
+  form.fields_date name: 'user[date]', width: 'matchParent', label: 'Date', min: '2010-01-01', max: '2012-01-01', value: '2010-02-01'
+  form.fields_datetime name: 'user[date_time]', width: 'matchParent', label: 'Date Time', min: '2018-06-09T00:00', max: '2018-06-17T00:00', value: '2018-06-15T19:30'
+
+  form.spacer height: 20
+  form.h2 text: 'Country'
+  form.spacer height: 6
+  region_field = { name: 'user[city]', label: 'City' }
+  form.fields_country name: 'user[country]', width: 'matchParent', label: 'Country', region: region_field
+
+  form.spacer height: 20
+  form.h2 text: 'Map'
+  form.spacer height: 6
+  form.fields_location name: 'user[address]', width: 'matchParent', label: 'Type an address', value: 'Sydney Harbour Bridge',
+    autocompleteOptions: { componentRestrictions: { country: 'au' }, types: ['(cities)'] },
+    latitudeField: { view: 'fields/text', name: 'user[latitude]', label: 'Lat', value: -33.8523063, readOnly: true },
+    longitudeField: { view: 'fields/text', name: 'user[longitude]', label: 'Long', value: 151.21078710000006, readOnly: true },
+    zoomField: { view: 'fields/text', name: 'user[zoom]', label: 'Zoom' }
+
+  form.spacer height: 20
+  form.fields_submit text: 'Submit'
+
 end

data/app/views/json_ui/garage/notifications/action_cable.json.jbuilder

@@ -0,0 +1,26 @@
+page = json_ui_page json
+
+# Implement a page that shows how ActionCable works in json_ui
+
+# 1. Example for list
+# column.panels_list actionCable: socket_config, width: 'matchParent', firstSection: ->(section) do
+#   section.rows objects: @messages, builder: -> (row, message, index) do
+#     render 'conversations/message', row: row, message: message, user: current_user
+#   end
+# end
+
+# 2. Example for textarea
+#    - TODO: Put onKeyUp in Textarea class in app/helpers/glib/json_ui/view_builder/fields.rb
+#    - TODO: Implement onKeyUp in glib-web-npm
+#    - TODO: Implement cables_push in glib-web-npm
+# form.fields_textarea prop: :content, width: 'matchParent', label: 'Message', onKeyUp: ->(action) do
+#   action.cables_push channel: 'message', event: 'typing'
+# end
+
+# 3. Example for online status
+#    - TODO: Implement "repeat: true" in glib-web-npm
+# page.on load: ->(action) do
+#   action.timeouts_set interval: 10000, repeat: true, onTimeout: ->(subaction) do
+#     subaction.cables_push channel: 'message', event: 'online'
+#   end
+# end

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

@@ -25,8 +25,12 @@ page.list firstSection: ->(section) do
       end
     end
 
-    template.thumbnail title: 'WebSocket Real-time Update', onClick: ->(action) do
+    template.thumbnail title: 'Phoenix WebSocket Real-time Update', onClick: ->(action) do
       action.windows_open url: json_ui_garage_url(path: 'notifications/web_socket')
     end
+
+    template.thumbnail title: 'ActionCable Real-time Update', onClick: ->(action) do
+      action.windows_open url: json_ui_garage_url(path: 'notifications/action_cable')
+    end
   end
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: glib-web
 version: !ruby/object:Gem::Version
-  version: 0.5.47
+  version: 0.5.48
 platform: ruby
 authors:
 - ''
@@ -157,6 +157,7 @@ files:
 - app/views/json_ui/garage/lists/index.json.jbuilder
 - app/views/json_ui/garage/lists/reordering.json.jbuilder
 - app/views/json_ui/garage/lists/templating.json.jbuilder
+- app/views/json_ui/garage/notifications/action_cable.json.jbuilder
 - app/views/json_ui/garage/notifications/android_post.json.jbuilder
 - app/views/json_ui/garage/notifications/index.json.jbuilder
 - app/views/json_ui/garage/notifications/web_socket.json.jbuilder
@@ -253,7 +254,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: ''