glib-web 0.5.67 → 0.5.71

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: ad375a984b739bb5e73af52c92b374cceb61380293ca827ced03647ad1b8ab25
-  data.tar.gz: daaabeea142056876a0288752a2c4142c713ec5577a3ffaaf5df592ade9d7a69
+  metadata.gz: 63c05f4665c6948216e6fd40af4b8fcc4cfddccec4ab4bda3b8edfd65b3219ce
+  data.tar.gz: b2efc86bb633920c6430482c743139af1c44efeaef12252237a4be0d75556794
 SHA512:
-  metadata.gz: f9f120a009b95e6f477cea9bbb985d8e5b2e587f85f474ff9618ad7224b8b6849910e0da6e92520f39056377c3fb663c6eb9f05341f083cc428956ac7e580fd9
-  data.tar.gz: b5d322951539c5316c61c8d48553e431c4de3d416721b3da62e231ca52a9dbbacaaddacf80df3f742d1bee2fd57848e8ba1b75e4938659bf5b0bc98e01f2b27b
+  metadata.gz: cc286a18d408ed083904a16cd4c41d85237802f52fd6bbf83be58419687787816327fedac8d471212dbc39d94a65d86d118a045f14de84fbe2ea5677514d3320
+  data.tar.gz: 49c84b472a6c1a2a4d5d87e8a9143b9f873f558de7ee25756ba1ea85e7ea579cda30eaa42b24b3bb7a7867d09e2aee836cdc9e84fef904888b383c7a83d339b2

data/app/channels/glib/channel/online_channel.rb

@@ -26,10 +26,10 @@ module Glib
             action: 'component/set',
             text: text,
             status: data['status'],
-            user_id: data['user_id'],
-            reset_value: data['reset_value'],
+            value: data['reset_value'],
             event: 'online_status'
-          }
+          },
+          filterKey: data['user_id']
       end
     end
   end

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

@@ -48,6 +48,8 @@ module Glib
     class JsonUiElement
       attr_reader :json, :page
 
+      @@_required_properties = {}
+
       def initialize(json, page)
         @json = json
         @page = page
@@ -60,6 +62,11 @@ module Glib
           args.each do |k, v|
             send(k, v)
           end
+
+          required_properties = @@_required_properties[self.class.component_name] || []
+          required_properties.each do |prop|
+            raise "Property required: #{prop}. Properties provided: #{args}. Component: #{self.class.component_name}" unless args[prop].present?
+          end
         else
           raise "Invalid properties: #{args}"
         end
@@ -68,6 +75,10 @@ module Glib
       end
 
       private
+        def self.component_name
+          @component_name ||= self.name.sub('Glib::JsonUi::ActionBuilder::', '')
+        end
+
         def self.any(propName)
           define_method(propName) do |value|
             json.set! propName, value
@@ -285,6 +296,10 @@ module Glib
           end
         end
 
+        def self.required(*prop_names)
+          @@_required_properties[self.component_name] = prop_names
+        end
+
         def created
           # To be overridden
         end

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

@@ -26,6 +26,8 @@ class Glib::JsonUi::ActionBuilder
     class CloseWithReload < Action
       string :fallbackUrl
       action :onReload
+
+      required :fallbackUrl
     end
   end
 end

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

@@ -40,6 +40,14 @@ module Glib
         '#b3bac2'
       end
 
+      def glib_color_success
+        '#4caf50'
+      end
+
+      def glib_color_error
+        '#ff5252'
+      end
+
       ###
 
     end

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

@@ -171,6 +171,14 @@ module Glib
         action :onClick
       end
 
+      class Switch < View
+        string :text, cache: true
+        bool :enabled
+
+        action :onEnabled
+        action :onDisabled
+      end
+
       class Hr < View
         color :color
       end

data/app/helpers/glib/json_ui/view_builder/fields.rb

@@ -98,11 +98,10 @@ class Glib::JsonUi::ViewBuilder
     end
 
     class Timer < Text
-      bool :forward
       hash :actionCable
-      action :onZero
       int :min
       int :max
+      bool :forward
     end
 
     # Benefits of using `fields/submit` over `button`
@@ -129,7 +128,7 @@ class Glib::JsonUi::ViewBuilder
         @value = value if value != Glib::Value::DEFAULT
       end
 
-      # Where possible, use value instead of this
+      # TODO: Remove (deprecated). Where possible, use value instead of this
       bool :checked
     end
 
@@ -153,6 +152,7 @@ class Glib::JsonUi::ViewBuilder
       hash :append
     end
 
+    # TODO: Remove (deprecated)
     class Autocomplete < AbstractField
       array :options
       # bool :readOnly
@@ -214,6 +214,18 @@ class Glib::JsonUi::ViewBuilder
       hash :placeholderView
     end
 
+    class MultiImage < Text
+      # file_rules = { fileType: 'image/*', maxFileSize: 5000 }
+      # file_rules = { fileType: 'video/*', maxFileSize: 50000 }
+      # file_rules = { fileType: 'application/pdf', maxFileSize: 5000 }
+      # hash :accepts
+
+      string :directUploadUrl
+      # string :fileUrl
+      # string :fileTitle
+      hash :placeholderView
+    end
+
     class Date < AbstractField
       date :min
       date :max

data/app/helpers/glib/json_ui/view_builder/panels.rb

@@ -212,6 +212,7 @@ class Glib::JsonUi::ViewBuilder
     end
 
     class Flow < View
+      hash :innerPadding
       views :childViews
     end
 
@@ -237,6 +238,10 @@ class Glib::JsonUi::ViewBuilder
       end
     end
 
+    class Web < View
+      string :url
+    end
+
     class Ul < View
       views :childViews
 

data/app/models/glib/application_record.rb

@@ -5,13 +5,13 @@ module Glib
     scope :created_asc, -> { order(created_at: :asc) }
     scope :created_desc, -> { order(created_at: :desc) }
 
-    def glib_enum_humanize(enum_name)
-      self.class.glib_enum_humanize(enum_name, send(enum_name))
+    def glib_enum_humanize(enum_name, default_value = nil)
+      self.class.glib_enum_humanize(enum_name, send(enum_name), default_value)
     end
 
-    def self.glib_enum_humanize(enum_name, enum_value)
+    def self.glib_enum_humanize(enum_name, enum_value, default_value = nil)
       if enum_value
-        I18n.t("activerecord.attributes.#{model_name.i18n_key}.#{enum_name.to_s.pluralize}.#{enum_value}")
+        I18n.t("activerecord.attributes.#{model_name.i18n_key}.#{enum_name.to_s.pluralize}.#{enum_value}", default: default_value)
       end
     end
   end

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

@@ -28,5 +28,10 @@ page.form options.merge(childViews: ->(form) do
   rules = { fileType: 'pdf', maxFileSize: 5000 }
   form.fields_file name: 'user[pdf2][]', width: 'matchParent', label: 'PDF Document', accepts: rules, directUploadUrl: rails_direct_uploads_url
 
+  # TODO
+  # rules = { fileType: 'image/*', maxFileSize: 1, fileTypeErrorText: 'Invalid!', maxFileSizeErrorText: 'Too big!' }
+  # form.fields_multiImage name: 'user[photos][]', width: 'matchParent', label: 'Avatar', accepts: rules, directUploadUrl: rails_direct_uploads_url,
+  #   placeholderView: { type: 'avatar', width: 100, height: 100, url: 'data:image/jpeg;base64,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' }
+
   form.fields_submit text: 'Submit'
 end)

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

@@ -62,11 +62,8 @@ page.list sections: [
       template.thumbnail title: 'Ratings', onClick: ->(action) do
         action.windows_open url: json_ui_garage_url(path: 'forms/ratings')
       end
-      template.thumbnail title: 'Misc 1', onClick: ->(action) do
-        action.windows_open url: json_ui_garage_url(path: 'forms/misc')
-      end
-      template.thumbnail title: 'Misc 2', onClick: ->(action) do
-        action.windows_open url: json_ui_garage_url(path: 'forms/misc_two')
+      template.thumbnail title: 'Timers', onClick: ->(action) do
+        action.windows_open url: json_ui_garage_url(path: 'forms/timers')
       end
     end
   end, ->(section) do

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

@@ -0,0 +1,25 @@
+json.title 'Forms'
+
+page = json_ui_page json
+render "#{@path_prefix}/nav_menu", json: json, page: page
+
+online_channel = 'OnlineChannel'
+event = 'online_status'
+first_user = User.first
+
+online_socket_config = {
+  channel: online_channel,
+  filterKey: nil,
+  params: {}
+}
+json.actionCable online_socket_config
+
+page.on load: ->(action) do
+  action.timeouts_set interval: 1000, repeat: true, onTimeout: ->(subaction) do
+    subaction.cables_push channel: online_channel, event: event, payload: { status: true, user_id: first_user.id, reset_value: 3 }
+  end
+end
+
+page.scroll padding: glib_json_padding_body, childViews: ->(scroll) do
+  scroll.label text: 'Participant One is now online'
+end

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

@@ -0,0 +1,25 @@
+json.title 'Forms'
+
+page = json_ui_page json
+render "#{@path_prefix}/nav_menu", json: json, page: page
+
+online_channel = 'OnlineChannel'
+event = 'online_status'
+second_user = User.second
+
+online_socket_config = {
+  channel: online_channel,
+  filterKey: nil,
+  params: {}
+}
+json.actionCable online_socket_config
+
+page.on load: ->(action) do
+  action.timeouts_set interval: 1000, repeat: true, onTimeout: ->(subaction) do
+    subaction.cables_push channel: online_channel, event: event, payload: { status: true, user_id: second_user.id, reset_value: 3 }
+  end
+end
+
+page.scroll padding: glib_json_padding_body, childViews: ->(scroll) do
+  scroll.label text: 'Participant Two is now online'
+end

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

@@ -30,12 +30,14 @@ page.form \
     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'
+
+  # Use `switch` component instead.
+  # form.fields_check \
+  #   name: 'user[enabled]',
+  #   styleClass: 'switch',
+  #   checkValue: true,
+  #   label: 'Enable',
+  #   value: 'true'
 
   form.spacer height: 20
   form.h2 text: 'Date/Time'

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

@@ -71,8 +71,9 @@ page.form url: json_ui_garage_url(path: 'forms/generic_post'), method: 'post', p
   form.fields_select name: 'user[nil_default]', width: 'matchParent', label: 'Nil Default', options: languages.map { |k, v| { value: k, text: v } }
   form.fields_select name: 'user[mixed_default][]', width: 'matchParent', label: 'Mixed Default', options: languages.map { |k, v| { value: k, text: v } }, value: ['', 'specified', nil], multiple: true
 
+  # TODO: Remove
   form.spacer height: 20
-  form.h2 text: 'Autocomplete (select with manual entry)'
+  form.h2 text: 'Autocomplete (select with manual entry) -- DEPRECATED: Confusing UX, promote bad backend design'
   form.spacer height: 6
   skills = ['Singing', 'Dancing', 'Fighting']
   form.fields_autocomplete name: 'user[skill]', width: 'matchParent', label: 'Skill', options: skills, value: 'Singing'

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

@@ -0,0 +1,120 @@
+json.title 'Forms'
+
+page = json_ui_page json
+render "#{@path_prefix}/nav_menu", json: json, page: page
+
+online_channel = 'OnlineChannel'
+first_user = User.first
+second_user = User.second
+
+page.form url: json_ui_garage_url(path: 'forms/generic_post'), method: 'post', padding: glib_json_padding_body, childViews: ->(form) do
+  form.spacer height: 20
+  form.h2 text: 'Standard (Backward)'
+  form.spacer height: 6
+  form.fields_timer \
+    width: 160,
+    styleClasses: ['outlined'],
+    label: 'Timer',
+    name: 'user[timer]',
+    value: 60,
+    min: 30
+
+  form.spacer height: 20
+  form.h2 text: 'Stop Watch (Forward)'
+  form.spacer height: 6
+  form.fields_timer \
+    width: 160,
+    styleClasses: ['outlined'],
+    label: 'Stop Watch',
+    name: 'user[stop_watch]',
+    value: 10,
+    max: 20,
+    forward: true
+
+  form.spacer height: 20
+  form.h2 text: 'Reset timer by ActionCable'
+  online_participant1_config = {
+    channel: online_channel,
+    filterKey: first_user.id
+  }
+
+  form.fields_timer \
+    width: 120,
+    actionCable: online_participant1_config,
+    name: 'user[online_timer1]',
+    value: 3,
+    min: 0
+
+  form.label \
+    text: 'Participant One is online',
+    color: glib_color_success,
+    showIf: {
+      ">": [
+        {
+          "var": 'user[online_timer1]'
+        },
+        0
+      ]
+    }
+
+  form.label \
+    text: 'Participant One is offline',
+    color: glib_color_error,
+    showIf: {
+      "<=": [
+        {
+          "var": 'user[online_timer1]'
+        },
+        0
+      ]
+    }
+
+  form.spacer height: 10
+  form.label text: 'Open Participant One', onClick: ->(action) do
+    action.windows_openWeb url: json_ui_garage_url(path: 'forms/online_participant1')
+  end
+  form.spacer height: 20
+
+  online_participant2_config = {
+    channel: online_channel,
+    filterKey: second_user.id
+  }
+  form.fields_timer \
+    width: 120,
+    actionCable: online_participant2_config,
+    name: 'user[online_timer2]',
+    value: 3,
+    min: 0
+
+  form.label \
+    text: 'Participant Two is online',
+    color: glib_color_success,
+    showIf: {
+      ">": [
+        {
+          "var": 'user[online_timer2]'
+        },
+        0
+      ]
+    }
+
+  form.label \
+    text: 'Participant Two is offline',
+    color: glib_color_error,
+    showIf: {
+      "<=": [
+        {
+          "var": 'user[online_timer2]'
+        },
+        0
+      ]
+    }
+
+  form.spacer height: 10
+  form.label text: 'Open Participant Two', onClick: ->(action) do
+    action.windows_openWeb url: json_ui_garage_url(path: 'forms/online_participant2')
+  end
+
+  form.spacer height: 40
+  form.fields_submit text: 'Submit'
+end

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

@@ -4,6 +4,12 @@ json_ui_page json do |page|
   render "#{@path_prefix}/nav_menu", json: json, page: page, top_nav: true
 
   page.list firstSection: ->(section) do
+    section.header padding: glib_json_padding_list, childViews: ->(header) do
+      header.label text: 'The List panel is useful for displaying a large number of items that are uniform, which is especially important in mobile apps because the rows can be reused for efficiency.'
+      header.spacer height: 6
+      header.label text: 'So, following the mobile-first paradigm, do not ever display large numbers of items using other components.'
+    end
+
     section.rows builder: ->(template) do
       template.thumbnail icon: 'list', title: 'Templating', onClick: ->(action) do
         action.windows_open url: json_ui_garage_url(path: 'lists/templating')

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

@@ -29,6 +29,16 @@ page.scroll padding: glib_json_padding_body, childViews: ->(scroll) do
     panel.button text: '5'
   end
 
+  scroll.label text: "\n"
+  scroll.h1 text: 'Inner Paddings'
+  scroll.panels_flow innerPadding: { top: 10, bottom: 10, left: 10, right: 10 }, width: 300, backgroundColor: '#b3bac2', childViews: ->(panel) do
+    panel.button text: '1'
+    panel.button text: '2'
+    panel.button text: '3'
+    panel.button text: '4'
+    panel.button text: '5'
+  end
+
   # scroll.label text: "\n"
   # scroll.h1 text: 'Alignments'
   # scroll.panels_horizontal align: 'top', childViews: ->(panel) do

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

@@ -82,7 +82,6 @@ json_ui_page json do |page|
         template.thumbnail title: 'Column', subtitle: 'Adds control over layout inside a responsive panel', onClick: ->(action) do
           action.windows_open url: json_ui_garage_url(path: 'panels/responsive')
         end
-
       end
     end, ->(section) do
       section.header padding: glib_json_padding_list, childViews: ->(header) do
@@ -93,6 +92,9 @@ json_ui_page json do |page|
         template.thumbnail title: 'Custom', onClick: ->(action) do
           action.windows_open url: json_ui_garage_url(path: 'panels/custom')
         end
+        template.thumbnail title: 'Web', onClick: ->(action) do
+          action.windows_open url: json_ui_garage_url(path: 'panels/web')
+        end
 
       end
     end, ->(section) do

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

@@ -0,0 +1,15 @@
+json.title 'Panels'
+
+page = json_ui_page json
+render "#{@path_prefix}/nav_menu", json: json, page: page
+
+page.header padding: glib_json_padding_body, backgroundColor: '#b3bac2', childViews: ->(header) do
+  header.h1 text: 'Web View'
+end
+
+page.body height: 'matchParent', padding: glib_json_padding_body, childViews: ->(body) do
+  body.panels_web \
+    width: 'matchParent',
+    height: 'matchParent',
+    url: 'https://www.w3.org/WAI/ER/tests/xhtml/testfiles/resources/pdf/dummy.pdf'
+end

data/app/views/json_ui/garage/views/controls.json.jbuilder

@@ -0,0 +1,37 @@
+json.title 'Views'
+
+page = json_ui_page json
+render "#{@path_prefix}/nav_menu", json: json, page: page
+
+page.scroll padding: glib_json_padding_body, childViews: ->(scroll) do
+  scroll.h2 text: 'Button'
+  scroll.spacer height: 6
+  scroll.button text: 'Click me', onClick: ->(action) do
+    action.dialogs_alert message: 'Perform action'
+  end
+
+  scroll.spacer height: 20
+  scroll.h2 text: 'Chip'
+  scroll.spacer height: 6
+  scroll.chip styleClass: 'success', text: 'pending'
+  scroll.spacer height: 6
+  scroll.chip text: 'Skills', onClick: ->(action) do
+    action.dialogs_alert message: 'Perform action'
+  end
+
+  scroll.spacer height: 20
+  scroll.h2 text: 'Switch'
+  scroll.spacer height: 6
+  scroll.switch \
+    text: 'Email notification',
+    onEnabled: ->(action) do
+      action.dialogs_alert message: 'Enabled'
+    end
+  scroll.switch \
+    enabled: true,
+    text: 'Push notification',
+    onDisabled: ->(action) do
+      action.dialogs_alert message: 'Disabled'
+    end
+
+end

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

@@ -13,6 +13,9 @@ json_ui_page json do |page|
         template.thumbnail title: 'Texts', onClick: ->(action) do
           action.windows_open url: json_ui_garage_url(path: 'views/texts')
         end
+        template.thumbnail title: 'Controls', onClick: ->(action) do
+          action.windows_open url: json_ui_garage_url(path: 'views/controls')
+        end
         template.thumbnail title: 'Images', onClick: ->(action) do
           action.windows_open url: json_ui_garage_url(path: 'views/images')
         end

data/app/views/json_ui/garage/views/texts.json.jbuilder

@@ -32,13 +32,4 @@ page.scroll padding: glib_json_padding_body, childViews: ->(scroll) do
     ' comes from a line in section 1.10.32.' + "\n\n" +
     'The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those interested. Sections 1.10.32 and 1.10.33 from "de Finibus Bonorum et Malorum"'\
     ' by Cicero are also reproduced in their exact original form, accompanied by English versions from the 1914 translation by H. Rackham.'
-
-  scroll.spacer height: 20
-  scroll.h2 text: 'Chip'
-  scroll.spacer height: 6
-  scroll.chip styleClass: 'success', text: 'pending'
-  scroll.spacer height: 6
-  scroll.chip text: 'Skills', onClick: ->(action) do
-    action.dialogs_alert message: 'Perform action'
-  end
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: glib-web
 version: !ruby/object:Gem::Version
-  version: 0.5.67
+  version: 0.5.71
 platform: ruby
 authors:
 - ''
@@ -146,9 +146,9 @@ files:
 - app/views/json_ui/garage/forms/generic_post.json.jbuilder
 - app/views/json_ui/garage/forms/get_request.json.jbuilder
 - app/views/json_ui/garage/forms/index.json.jbuilder
-- app/views/json_ui/garage/forms/misc.json.jbuilder
-- app/views/json_ui/garage/forms/misc_two.json.jbuilder
 - app/views/json_ui/garage/forms/new_rich_text.json.jbuilder
+- app/views/json_ui/garage/forms/online_participant1.json.jbuilder
+- app/views/json_ui/garage/forms/online_participant2.json.jbuilder
 - app/views/json_ui/garage/forms/pickers.json.jbuilder
 - app/views/json_ui/garage/forms/ratings.json.jbuilder
 - app/views/json_ui/garage/forms/rich_text.json.jbuilder
@@ -160,6 +160,7 @@ files:
 - app/views/json_ui/garage/forms/submission_indicator.json.jbuilder
 - app/views/json_ui/garage/forms/submission_indicator_post.json.jbuilder
 - app/views/json_ui/garage/forms/text_validation.json.jbuilder
+- app/views/json_ui/garage/forms/timers.json.jbuilder
 - app/views/json_ui/garage/home/blank.json.jbuilder
 - app/views/json_ui/garage/home/index.json.jbuilder
 - app/views/json_ui/garage/home/slow.json.jbuilder
@@ -197,6 +198,7 @@ files:
 - app/views/json_ui/garage/panels/responsive.json.jbuilder
 - app/views/json_ui/garage/panels/split.json.jbuilder
 - app/views/json_ui/garage/panels/vertical.json.jbuilder
+- app/views/json_ui/garage/panels/web.json.jbuilder
 - app/views/json_ui/garage/services/dynamic_text.json.jbuilder
 - app/views/json_ui/garage/services/image.json.jbuilder
 - app/views/json_ui/garage/services/index.json.jbuilder
@@ -211,6 +213,7 @@ files:
 - app/views/json_ui/garage/views/banners.json.jbuilder
 - app/views/json_ui/garage/views/calendar_data.json.jbuilder
 - app/views/json_ui/garage/views/charts.json.jbuilder
+- app/views/json_ui/garage/views/controls.json.jbuilder
 - app/views/json_ui/garage/views/icon_names.json.jbuilder
 - app/views/json_ui/garage/views/icons.json.jbuilder
 - app/views/json_ui/garage/views/images.json.jbuilder
@@ -271,7 +274,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: ''

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

@@ -1,57 +0,0 @@
-json.title 'Forms'
-
-page = json_ui_page json
-render "#{@path_prefix}/nav_menu", json: json, page: page
-
-online_channel = 'OnlineChannel'
-event = 'online_status'
-first_user = User.first
-second_user = User.offset(1).first
-
-page.on load: ->(action) do
-  action.timeouts_set interval: 1000, repeat: true, onTimeout: ->(subaction) do
-    subaction.cables_push channel: online_channel, event: event, payload: { status: true, user_id: first_user.id, reset_value: 10 }
-  end
-end
-
-page.form \
-  url: json_ui_garage_url(path: 'forms/generic_post'),
-  method: 'post',
-  padding: glib_json_padding_body,
-  childViews: ->(form) do
-
-  form.spacer height: 20
-  form.h2 text: 'Standard (Backward)'
-  form.spacer height: 6
-  form.fields_timer \
-    name: 'user[timer]',
-    value: 60,
-    min: 30
-
-  form.spacer height: 20
-  form.h2 text: 'Stop Watch (Forward)'
-  form.spacer height: 6
-  form.fields_timer \
-    name: 'user[stop_watch]',
-    value: 10,
-    max: 20,
-    forward: true
-
-  form.spacer height: 20
-  form.h2 text: 'Reset timer by ActionCable'
-  online_socket_config = {
-        channel: online_channel,
-        filterKey: second_user.id,
-        params: {
-          conversation: 2
-        }
-      }
-
-  form.fields_timer \
-    actionCable: online_socket_config,
-    name: 'user[reset_timer]',
-    value: 10
-
-  form.spacer height: 20
-  form.fields_submit text: 'Submit'
-end

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

@@ -1,61 +0,0 @@
-json.title 'Forms'
-
-page = json_ui_page json
-render "#{@path_prefix}/nav_menu", json: json, page: page
-
-online_channel = 'OnlineChannel'
-event = 'online_status'
-first_user = User.first
-second_user = User.offset(1).first
-
-page.on load: ->(action) do
-  action.timeouts_set interval: 1000, repeat: false, onTimeout: ->(subaction) do
-    subaction.cables_push \
-      channel: online_channel,
-      event: event,
-      payload: { status: true, user_id: first_user.id, reset_value: 10 }
-  end
-end
-
-page.form \
-  url: json_ui_garage_url(path: 'forms/generic_post'),
-  method: 'post',
-  padding: glib_json_padding_body,
-  childViews: ->(form) do
-
-  form.spacer height: 20
-  form.h2 text: 'Set offline when value 0'
-
-  online_socket_config = {
-       channel: online_channel,
-       filterKey: second_user.id,
-       params: {
-         conversation: 2
-       }
-     }
-
-  form.fields_timer \
-    name: 'user[online_timer]',
-    value: 10,
-    onZero: lambda { |action|
-          action.cables_push \
-            channel: online_channel,
-            event: event,
-            payload: { status: false, user_id: first_user.id }
-        }
-
-  form.label \
-    actionCable: online_socket_config,
-    text: ' ',
-    showIf: {
-      ">=": [
-        {
-          "var": 'user[online_timer]'
-        },
-        0
-      ]
-    }
-
-  form.spacer height: 20
-  form.fields_submit text: 'Submit'
-end