glib-web 0.5.60 → 0.5.66

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 0325e5e576b06ce312006f6888566fdb7e827107efd814e2c764359243a1cc28
-  data.tar.gz: 2ca33ca06ceece2210a0fe9007bad0c49c32311a5561dba1c97f9e3771e720a5
+  metadata.gz: 7c51f81f729ea985bfb0b33ab4df25a6f614acf722ff529bcc6405518caa3c38
+  data.tar.gz: f7c3aa756c17b0a4b36d013b2523b3b25194505af2aa4baab0cfac10b1011dd8
 SHA512:
-  metadata.gz: 9a615bdc1ef6f2876da56d926b024e248371280d9a1f932d93adb8574d7ff96170bf2a99bca4201aa2a2654d85b22fb3ed890f9156937eea79669547d81fcf78
-  data.tar.gz: a85f2814be1ca5f3d0ce34c9646226461f93f9de1e33a13f9190605a775a1339afb3bd57316449bfca261de6156a9b94c1a3dfd217aa1c31ba3dbcaad4935567
+  metadata.gz: a5419f4136f708d8e069884e54e63f6fbf9e73f6d64a22b21548ef06f42a26a327cada5f8731e1616d94f9cb3aee6978d35f4a5c81a8a6d7d6861b58cdfeb4f5
+  data.tar.gz: a77c0ea82bf85bf3f6218448224666b0b569d9cafaa2bd1fa8d9520d34f9caf8421a2b2e9de92f3821761d52ab67ac5101cb13e9401f9a1478d63e4b99a0be2c

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

@@ -0,0 +1,29 @@
+module Glib
+  module Channel
+    class OnlineChannel < ApplicationCable::Channel
+      class << self
+        attr_accessor :channel_name
+      end
+
+      def channel_name
+        self.class.channel_name
+      end
+
+      def subscribed
+        stream_from "#{self.class.channel_name}_#{params['conversation_id']}"
+      end
+
+      def online_status(data)
+        ActionCable.server.broadcast \
+          "#{self.class.channel_name}_#{params['conversation_id']}",
+          action: {
+            action: 'component/set',
+            name: User.find(data['user_id']).full_name,
+            status: data['status'],
+            user_id: data['user_id'],
+            event: 'online_status'
+          }
+      end
+    end
+  end
+end

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

@@ -129,8 +129,29 @@ module Glib
       end
 
       class Icon < View
+        # TODO: Remove later. Deprecated.
         icon :spec
+
         action :onClick
+        color :color
+
+        def name(value)
+          @name = value
+        end
+
+        def size(value)
+          @size = value
+        end
+
+        # Override
+        def created
+          if @name
+            json.material do
+              json.name @name
+              json.size @size if @size
+            end
+          end
+        end
       end
 
       # class Banner < View

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

@@ -9,6 +9,7 @@ class Glib::JsonUi::ViewBuilder
     end
 
     class Select < View
+      string :id
       icon :icon
       string :message
       singleton_array :styleClass, :styleClasses

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

@@ -97,6 +97,10 @@ class Glib::JsonUi::ViewBuilder
     class Hidden < Text
     end
 
+    class Timer < Text
+      bool :forward
+    end
+
     # Benefits of using `fields/submit` over `button`
     # - On the web, it translates to input[type=submit] which provides builtin functionality such as
     #   submitting upon pressing enter on a field and remembering values for autofill.

data/app/views/json_ui/garage/actions/_timeouts.json.jbuilder

@@ -9,6 +9,12 @@ section.rows builder: ->(template) do
       subaction.snackbars_alert message: 'Timeout elapsed'
     end
   end
+
+  template.thumbnail title: 'timeouts/set with repeat', onClick: ->(action) do
+    action.timeouts_set interval: 1000, repeat: true, onTimeout: ->(subaction) do
+      subaction.snackbars_alert message: 'Timeout elapsed every 1 second'
+    end
+  end
 end
 
 # section.rows builder: ->(template) do

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

@@ -59,6 +59,12 @@ page.list sections: [
       template.thumbnail title: 'Floating Submit', onClick: ->(action) do
         action.windows_open url: json_ui_garage_url(path: 'forms/floating_submit')
       end
+      template.thumbnail title: 'Ratings', onClick: ->(action) do
+        action.windows_open url: json_ui_garage_url(path: 'forms/ratings')
+      end
+      template.thumbnail title: 'Misc', onClick: ->(action) do
+        action.windows_open url: json_ui_garage_url(path: 'forms/misc')
+      end
     end
   end, ->(section) do
     section.header padding: glib_json_padding_list, childViews: ->(header) do

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

@@ -0,0 +1,29 @@
+json.title 'Forms'
+
+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.spacer height: 20
+  form.h2 text: 'Standard (Backward)'
+  form.spacer height: 6
+  form.fields_timer \
+    name: 'user[timer]',
+    value: 60
+
+  form.spacer height: 20
+  form.h2 text: 'Stop Watch (Forward)'
+  form.spacer height: 6
+  form.fields_timer \
+    name: 'user[stop_watch]',
+    value: 10,
+    forward: true
+
+  form.spacer height: 20
+  form.fields_submit text: 'Submit'
+end

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

@@ -74,29 +74,6 @@ page.form \
     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.h2 text: 'Rating'
-  form.spacer height: 6
-  form.fields_rating \
-    name: 'user[rating_summary1]',
-    value: 1,
-    color: 'primary'
-  form.fields_rating \
-    name: 'user[rating_summary2]',
-    value: 1.5,
-    halfIncrements: true,
-    color: 'secondary'
-  form.fields_rating \
-    name: 'user[rating_summary3]',
-    value: 2,
-    color: 'ternary',
-    size: 35
-  form.fields_rating \
-    name: 'user[rating_summary4]',
-    value: 3,
-    readOnly: true,
-    size: 40
-
   form.spacer height: 20
   form.fields_submit text: 'Submit'
 end

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

@@ -0,0 +1,49 @@
+json.title 'Forms'
+
+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.spacer height: 20
+  form.h2 text: 'Full Increments'
+  form.spacer height: 6
+  form.fields_rating \
+    name: 'user[rating_summary1]',
+    value: 1,
+    color: 'primary'
+
+  form.spacer height: 20
+  form.h2 text: 'Half Increments'
+  form.spacer height: 6
+  form.fields_rating \
+    name: 'user[rating_summary2]',
+    value: 1.5,
+    halfIncrements: true,
+    color: 'secondary'
+
+  form.spacer height: 20
+  form.h2 text: 'Custom Size'
+  form.spacer height: 6
+  form.fields_rating \
+    name: 'user[rating_summary3]',
+    value: 2,
+    color: 'ternary',
+    size: 35
+
+  form.spacer height: 20
+  form.h2 text: 'Read Only'
+  form.spacer height: 6
+  form.fields_rating \
+    name: 'user[rating_summary4]',
+    value: 3,
+    readOnly: true,
+    size: 40
+
+  form.spacer height: 20
+  form.fields_submit text: 'Submit'
+end

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

@@ -5,7 +5,7 @@ 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.h1 text: 'Text'
-  form.fields_password name: 'user[text1]', width: 'matchParent', label: 'Type "show"'
+  form.fields_password name: 'user[text1]', width: 'matchParent', label: 'Type "show"', value: ''
   form.label text: 'Typed', showIf: {
     "==": [
       {
@@ -14,6 +14,14 @@ page.form url: json_ui_garage_url(path: 'forms/generic_post'), method: 'post', p
       'show'
     ]
   }
+  form.label text: 'Type something', showIf: {
+    "==": [
+      {
+        "var": 'user[text1]'
+      },
+      ''
+    ]
+  }
 
   form.spacer height: 20
   form.h1 text: 'Textarea'
@@ -45,6 +53,7 @@ page.form url: json_ui_garage_url(path: 'forms/generic_post'), method: 'post', p
   form.fields_radioGroup name: 'user[radio1]', value: 'F', childViews: ->(group) do
     group.fields_radio value: 'show', label: 'Show'
     group.fields_radio value: 'hide', label: 'Hide'
+    group.fields_radio value: '', label: 'Empty'
   end
   form.spacer height: 10
   form.label text: 'Chosen', showIf: {
@@ -55,11 +64,19 @@ page.form url: json_ui_garage_url(path: 'forms/generic_post'), method: 'post', p
       'show'
     ]
   }
+  form.label text: 'Unspecified', showIf: {
+    "==": [
+      {
+        "var": 'user[radio1]'
+      },
+      ''
+    ]
+  }
 
   form.spacer height: 20
   form.h1 text: 'Select'
-  options = ['show', 'hide']
-  form.fields_select name: 'user[select1]', width: 'matchParent', label: 'Select "show"', options: options
+  options = ['', 'show', 'hide']
+  form.fields_select name: 'user[select1]', width: 'matchParent', label: 'Select "show"', options: options, value: ''
   form.label text: 'Selected', showIf: {
     "==": [
       {
@@ -68,6 +85,14 @@ page.form url: json_ui_garage_url(path: 'forms/generic_post'), method: 'post', p
       'show'
     ]
   }
+  form.label text: 'Unspecified', showIf: {
+    "==": [
+      {
+        "var": 'user[select1]'
+      },
+      ''
+    ]
+  }
 
   form.spacer height: 20
   form.h1 text: 'Combined conditions'
@@ -90,7 +115,7 @@ page.form url: json_ui_garage_url(path: 'forms/generic_post'), method: 'post', p
   form.spacer height: 10
   form.fields_check name: 'user[check2]', checkValue: 'on', label: 'Show field'
   form.spacer height: 10
-  form.fields_text width: 'matchParent', label: 'Comment (optional)', name: 'user[comment]', value: 'This field can be submitted when it is hidden, but it is not necessary (i.e. up to the app)', showIf: {
+  form.fields_text width: 'matchParent', label: 'Comment (optional)', name: 'user[comment]', value: 'This field should be submitted even when it is hidden', showIf: {
     "==": [
       {
         "var": 'user[check2]'

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

@@ -1,11 +1,18 @@
 json.title 'Lists'
 
-json_ui_page json do |page|
-  render "#{@path_prefix}/nav_menu", json: json, page: page
+page_index = params[:page].to_i
+if page_index > 2
+  page_index = 2
+end
+page = json_ui_page json
+render "#{@path_prefix}/nav_menu", json: json, page: page
 
-  page.list firstSection: ->(section) do
-    section.rows builder: ->(template) do
-      template.thumbnail title: 'Click menu (web) or swipe left (Android/iOS)', leftButtons: ->(menu) do
+page.list firstSection: ->(section) do
+  section.rows builder: ->(template) do
+    template.thumbnail \
+      title: 'Click menu (web) or swipe left (Android/iOS)',
+      subtitle: "Page index: #{page_index}",
+      leftButtons: ->(menu) do
         menu.button styleClass: 'icon', icon: 'check_box', onClick: ->(subaction) do
           subaction.dialogs_alert message: 'Tick/untick'
         end
@@ -17,38 +24,39 @@ json_ui_page json do |page|
           subaction.dialogs_alert message: 'Open'
         end
       end, editButtons: ->(menu) do
-        menu.button text: 'Edit', onClick: ->(action) do
-          action.dialogs_alert message: 'Perform action'
+        menu.button text: "Edit (ID: #{page_index})", onClick: ->(action) do
+          action.dialogs_alert message: 'Perform Edit action'
         end
         menu.button text: 'Delete', onClick: ->(action) do
-          action.dialogs_alert message: 'Perform action'
+          action.dialogs_alert message: 'Perform Delete action'
         end
+      end, onClick: ->(action) do
+        action.windows_open url: json_ui_garage_url(path: 'lists/edit_actions', page: page_index + 1)
       end
 
-      template.thumbnail title: 'Long press to get an alert', onLongPress: ->(action) do
-        action.dialogs_alert message: 'This is an alert'
-      end
+    template.thumbnail title: 'Long press to get an alert', onLongPress: ->(action) do
+      action.dialogs_alert message: 'This is an alert'
+    end
 
-      template.thumbnail title: 'Long press to see menu', onLongPress: ->(action) do
-        action.sheets_select message: 'Context Menu', buttons: ->(menu) do
-          menu.button icon: 'edit', text: 'Edit', onClick: ->(subaction) do
-            subaction.dialogs_alert message: 'Perform action'
-          end
-          menu.button icon: 'delete', text: 'Delete', onClick: ->(subaction) do
-            subaction.dialogs_alert message: 'Perform action'
-          end
+    template.thumbnail title: 'Long press to see menu', onLongPress: ->(action) do
+      action.sheets_select message: 'Context Menu', buttons: ->(menu) do
+        menu.button icon: 'edit', text: 'Edit', onClick: ->(subaction) do
+          subaction.dialogs_alert message: 'Perform action'
+        end
+        menu.button icon: 'delete', text: 'Delete', onClick: ->(subaction) do
+          subaction.dialogs_alert message: 'Perform action'
         end
       end
-
-      # template.thumbnail title: 'Long press to see menu', contextButtons: ->(menu) do
-      #   menu.button text: 'Edit', onClick: ->(action) do
-      #     action.dialogs_alert message: 'Perform action'
-      #   end
-      #   menu.button text: 'Delete', onClick: ->(action) do
-      #     action.dialogs_alert message: 'Perform action'
-      #   end
-      # end
     end
 
+    # template.thumbnail title: 'Long press to see menu', contextButtons: ->(menu) do
+    #   menu.button text: 'Edit', onClick: ->(action) do
+    #     action.dialogs_alert message: 'Perform action'
+    #   end
+    #   menu.button text: 'Delete', onClick: ->(action) do
+    #     action.dialogs_alert message: 'Perform action'
+    #   end
+    # end
   end
+
 end

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

@@ -1,6 +1,10 @@
 json.title 'ActionCable Real-time Update'
 page = json_ui_page json
 
+online_channel = 'OnlineChannel'
+typing_channel = 'IsTypingChannel'
+first_user = User.first
+second_user = User.offset(1).first
 # Implement a page that shows how ActionCable works in json_ui
 
 # 1. Example for list
@@ -21,13 +25,19 @@ page = json_ui_page json
 
 
 # 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
+
+# put on app/channels/online_channel.rb
+# class OnlineChannel < Glib::Channel::OnlineChannel
+#   self.channel_name = 'OnlineChannel'
 # end
 
+page.on load: ->(action) do
+  action.timeouts_set interval: 1000, repeat: true, onTimeout: ->(subaction) do
+    subaction.cables_push channel: online_channel, event: 'online_status', payload: { status: true, user_id: first_user.id }
+  end
+end
+
+# 4. Example for typing status
 
 # put on app/channels/is_typing_channel.rb
 # class IsTypingChannel < Glib::Channel::IsTypingChannel
@@ -36,30 +46,35 @@ page = json_ui_page json
 
 page.scroll padding: glib_json_padding_body, childViews: ->(scroll) do
 
-  channel = 'IsTypingChannel'
-  first_user = User.first
-  second_user = User.offset(1).first
-
   scroll.panels_split width: 'matchParent', content: ->(content) do
     content.left childViews: ->(left) do
+      online_socket_config = {
+        channel: online_channel,
+        filterKey: second_user.id,
+        params: {
+          conversation: 2
+        }
+      }
+      left.label actionCable: online_socket_config, text: ' '
+
       left.fields_textarea \
         width: 440,
         label: "Messages from #{first_user.full_name}",
         onTypeStart: lambda { |action|
           action.cables_push \
-            channel: channel, event: 'typing',
+            channel: typing_channel, event: 'typing',
             payload: { status: true, user_id: first_user.id }
         },
         onTypeEnd: lambda { |action|
           action.cables_push \
-            channel: channel,
+            channel: typing_channel,
             event: 'typing',
             payload: { status: false, user_id: first_user.id }
         }
       left.spacer height: 10
 
       socket_config = {
-        channel: channel,
+        channel: typing_channel,
         filterKey: first_user.id,
         params: {
           conversation: 2
@@ -67,25 +82,26 @@ page.scroll padding: glib_json_padding_body, childViews: ->(scroll) do
       }
       left.label actionCable: socket_config, text: ' '
     end
+
     content.right childViews: ->(right) do
       right.fields_textarea \
         width: 440,
         label: "Messages from #{second_user.full_name}",
         onTypeStart: lambda { |action|
           action.cables_push \
-            channel: channel, event: 'typing',
+            channel: typing_channel, event: 'typing',
             payload: { status: true, user_id: second_user.id }
         },
         onTypeEnd: lambda { |action|
           action.cables_push \
-            channel: channel,
+            channel: typing_channel,
             event: 'typing',
             payload: { status: false, user_id: second_user.id }
         }
       right.spacer height: 10
 
       socket_config = {
-        channel: channel,
+        channel: typing_channel,
         filterKey: second_user.id,
         params: {
           conversation: 2