glib-web 0.5.57 → 0.5.62

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

@@ -1,35 +1,35 @@
-json.title 'Lists'
-
-json_ui_page json do |page|
-  render "#{@path_prefix}/nav_menu", json: json, page: page
-
-  page.list firstSection: ->(section) do
-    section.header padding: { top: 12, left: 16, right: 16, bottom: 12 }, childViews: ->(header) do
-      header.h3 text: 'Section Header'
-    end
-
-    section.rows builder: ->(template) do
-      template.thumbnail title: 'Click me', onClick: ->(action) do
-        action.windows_open url: json_ui_garage_url(path: 'home/blank')
-      end
-      template.thumbnail title: 'Item with subtitle', subtitle: 'Item subtitle'
-      template.thumbnail title: 'Item with chips', chips: ->(menu) do
-        menu.button text: 'Finished', styleClass: 'info'
-        menu.button props: { text: 'Succeeded', styleClass: 'success' }
-      end
-
-      template.thumbnail title: 'Item with thumbnail image', subtitle: 'Item subtitle', imageUrl: glib_json_image_standard_url
-      template.featured title: 'Featured with featured image', subtitle: 'Item subtitle', imageUrl: glib_json_image_standard_url
-
-      # TODO
-      # template.thumbnail title: 'Item with accessories (Experimental)', subtitle: 'Item subtitle', accessoryViews: ->(thumbnail) do
-      #   thumbnail.panels_horizontal childViews: ->(horizontal) do
-      #     horizontal.chip text: 'finished'
-      #     horizontal.spacer width: 10
-      #     horizontal.chip text: 'succeeded'
-      #   end
-      # end
-
-    end
-  end
-end
+json.title 'Lists'
+
+json_ui_page json do |page|
+  render "#{@path_prefix}/nav_menu", json: json, page: page
+
+  page.list firstSection: ->(section) do
+    section.header padding: { top: 12, left: 16, right: 16, bottom: 12 }, childViews: ->(header) do
+      header.h3 text: 'Section Header'
+    end
+
+    section.rows builder: ->(template) do
+      template.thumbnail title: 'Click me', onClick: ->(action) do
+        action.windows_open url: json_ui_garage_url(path: 'home/blank')
+      end
+      template.thumbnail title: 'Item with subtitle', subtitle: 'Item subtitle'
+      template.thumbnail title: 'Item with chips', chips: ->(menu) do
+        menu.button text: 'Finished', styleClass: 'info'
+        menu.button props: { text: 'Succeeded', styleClass: 'success' }
+      end
+
+      template.thumbnail title: 'Item with thumbnail image', subtitle: 'Item subtitle', imageUrl: glib_json_image_standard_url
+      template.featured title: 'Featured with featured image', subtitle: 'Item subtitle', imageUrl: glib_json_image_standard_url
+
+      # TODO
+      # template.thumbnail title: 'Item with accessories (Experimental)', subtitle: 'Item subtitle', accessoryViews: ->(thumbnail) do
+      #   thumbnail.panels_horizontal childViews: ->(horizontal) do
+      #     horizontal.chip text: 'finished'
+      #     horizontal.spacer width: 10
+      #     horizontal.chip text: 'succeeded'
+      #   end
+      # end
+
+    end
+  end
+end

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

@@ -1,97 +1,113 @@
-json.title 'ActionCable Real-time Update'
-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
-
-# page.form url: json_ui_garage_url(path: 'forms/basic_post'), method: 'post', padding: glib_json_padding_body, childViews: ->(form) do
-#   form.fields_textarea \
-#     width: 'matchParent',
-#     label: 'Message',
-#     onKeyUp: ->(action) do
-#       action.cables_push channel: 'isTypingChannel', data: { conversationId: 1, userId: 1 }
-#     end
-# 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
-
-
-# put on app/channels/is_typing_channel.rb
-# class IsTypingChannel < Glib::Channel::IsTypingChannel
-#   self.channel_name = 'IsTypingChannel'
-# end
-
-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
-      left.fields_textarea \
-        width: 440,
-        label: "Messages from #{first_user.full_name}",
-        onTypeStart: lambda { |action|
-          action.cables_push \
-            channel: channel, event: 'typing',
-            payload: { status: true, user_id: first_user.id }
-        },
-        onTypeEnd: lambda { |action|
-          action.cables_push \
-            channel: channel,
-            event: 'typing',
-            payload: { status: false, user_id: first_user.id }
-        }
-      left.spacer height: 10
-
-      socket_config = {
-        channel: channel,
-        filterKey: first_user.id,
-        params: {
-          conversation: 2
-        }
-      }
-      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',
-            payload: { status: true, user_id: second_user.id }
-        },
-        onTypeEnd: lambda { |action|
-          action.cables_push \
-            channel: channel,
-            event: 'typing',
-            payload: { status: false, user_id: second_user.id }
-        }
-      right.spacer height: 10
-
-      socket_config = {
-        channel: channel,
-        filterKey: second_user.id,
-        params: {
-          conversation: 2
-        }
-      }
-      right.label actionCable: socket_config, text: ' '
-    end
-  end
-end
+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
+# 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
+
+# page.form url: json_ui_garage_url(path: 'forms/basic_post'), method: 'post', padding: glib_json_padding_body, childViews: ->(form) do
+#   form.fields_textarea \
+#     width: 'matchParent',
+#     label: 'Message',
+#     onKeyUp: ->(action) do
+#       action.cables_push channel: 'isTypingChannel', data: { conversationId: 1, userId: 1 }
+#     end
+# end
+
+
+# 3. Example for online status
+
+# 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
+#   self.channel_name = 'IsTypingChannel'
+# end
+
+page.scroll padding: glib_json_padding_body, childViews: ->(scroll) do
+
+  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: typing_channel, event: 'typing',
+            payload: { status: true, user_id: first_user.id }
+        },
+        onTypeEnd: lambda { |action|
+          action.cables_push \
+            channel: typing_channel,
+            event: 'typing',
+            payload: { status: false, user_id: first_user.id }
+        }
+      left.spacer height: 10
+
+      socket_config = {
+        channel: typing_channel,
+        filterKey: first_user.id,
+        params: {
+          conversation: 2
+        }
+      }
+      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: typing_channel, event: 'typing',
+            payload: { status: true, user_id: second_user.id }
+        },
+        onTypeEnd: lambda { |action|
+          action.cables_push \
+            channel: typing_channel,
+            event: 'typing',
+            payload: { status: false, user_id: second_user.id }
+        }
+      right.spacer height: 10
+
+      socket_config = {
+        channel: typing_channel,
+        filterKey: second_user.id,
+        params: {
+          conversation: 2
+        }
+      }
+      right.label actionCable: socket_config, text: ' '
+    end
+  end
+end

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

@@ -1,48 +1,48 @@
-
-if (server_key = ENV['FCM_SERVER_KEY'])
-  if defined? FCM
-    # Introduce delay so that we have time to place the app to background
-    # before receiving push notification.
-    sleep 2
-
-    fcm = FCM.new(server_key)
-    registration_ids = [params[:token]] # An array of one or more client registration tokens
-
-    payload = json_ui_action_payload do |action|
-      action.dialogs_alert message: 'Opened'
-    end
-
-    # See https://firebase.google.com/docs/reference/fcm/rest/v1/projects.messages for all available options.
-    options = {
-      notification: {
-        title: params[:title],
-        body: 'Message from server'
-        # title: 'Offer from Ajisen Ramen',
-        # body: 'Free side order of Gyoza'
-      },
-      data: {
-        channelId: 'default',
-        notificationId: 1,
-        openUrl: json_ui_garage_url(path: 'home/blank'),
-        onOpen: payload
-        # openUrl: 'http://10.0.2.2:3000/offers.json?_render=v1',
-      }
-    }
-    response = fcm.send(registration_ids, options)
-
-    body = JSON.parse(response[:body])
-    if (errors = body['results'].map { |i| i['error'] }.compact).any?
-      message = errors.join(', ')
-    else
-      message = 'Sent'
-    end
-  else
-    message = 'FCM gem needed'
-  end
-else
-  message = 'Env var needed: GCM_SERVER_KEY'
-end
-
-json_ui_response json do |action|
-  action.snackbars_alert message: message
-end
+
+if (server_key = ENV['FCM_SERVER_KEY'])
+  if defined? FCM
+    # Introduce delay so that we have time to place the app to background
+    # before receiving push notification.
+    sleep 2
+
+    fcm = FCM.new(server_key)
+    registration_ids = [params[:token]] # An array of one or more client registration tokens
+
+    payload = json_ui_action_payload do |action|
+      action.dialogs_alert message: 'Opened'
+    end
+
+    # See https://firebase.google.com/docs/reference/fcm/rest/v1/projects.messages for all available options.
+    options = {
+      notification: {
+        title: params[:title],
+        body: 'Message from server'
+        # title: 'Offer from Ajisen Ramen',
+        # body: 'Free side order of Gyoza'
+      },
+      data: {
+        channelId: 'default',
+        notificationId: 1,
+        openUrl: json_ui_garage_url(path: 'home/blank'),
+        onOpen: payload
+        # openUrl: 'http://10.0.2.2:3000/offers.json?_render=v1',
+      }
+    }
+    response = fcm.send(registration_ids, options)
+
+    body = JSON.parse(response[:body])
+    if (errors = body['results'].map { |i| i['error'] }.compact).any?
+      message = errors.join(', ')
+    else
+      message = 'Sent'
+    end
+  else
+    message = 'FCM gem needed'
+  end
+else
+  message = 'Env var needed: GCM_SERVER_KEY'
+end
+
+json_ui_response json do |action|
+  action.snackbars_alert message: message
+end

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

@@ -1,36 +1,36 @@
-json.title 'Notifications'
-
-page = json_ui_page json
-render "#{@path_prefix}/nav_menu", json: json, page: page, top_nav: true
-
-page.list firstSection: ->(section) do
-  section.rows builder: ->(template) do
-    template.thumbnail title: 'Send Desktop Notification', onClick: ->(action) do
-      action.dialogs_notification title: 'Hello World', message: 'This is a notification', onClick: ->(subaction) do
-        subaction.dialogs_alert message: 'Perform action'
-      end
-    end
-
-    template.thumbnail title: 'Send Android Notification', onClick: ->(action) do
-      action.auth_saveCsrfToken token: form_authenticity_token, onSave: ->(subaction) do
-        # subaction.devices_getPushToken paramNameForToken: 'formData[token]', onGet: ->(subsubaction) do
-        #   formData = {
-        #     title: 'Title from formData'
-        #   }
-        #   subsubaction.http_post url: json_ui_garage_url(path: 'notifications/android_post'), formData: formData
-        # end
-
-        post_url = json_ui_garage_url(path: 'notifications/android_post', title: 'Title from formData')
-        subaction.devices_getPushToken postUrl: post_url, paramNameForToken: 'token'
-      end
-    end
-
-    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
+json.title 'Notifications'
+
+page = json_ui_page json
+render "#{@path_prefix}/nav_menu", json: json, page: page, top_nav: true
+
+page.list firstSection: ->(section) do
+  section.rows builder: ->(template) do
+    template.thumbnail title: 'Send Desktop Notification', onClick: ->(action) do
+      action.dialogs_notification title: 'Hello World', message: 'This is a notification', onClick: ->(subaction) do
+        subaction.dialogs_alert message: 'Perform action'
+      end
+    end
+
+    template.thumbnail title: 'Send Android Notification', onClick: ->(action) do
+      action.auth_saveCsrfToken token: form_authenticity_token, onSave: ->(subaction) do
+        # subaction.devices_getPushToken paramNameForToken: 'formData[token]', onGet: ->(subsubaction) do
+        #   formData = {
+        #     title: 'Title from formData'
+        #   }
+        #   subsubaction.http_post url: json_ui_garage_url(path: 'notifications/android_post'), formData: formData
+        # end
+
+        post_url = json_ui_garage_url(path: 'notifications/android_post', title: 'Title from formData')
+        subaction.devices_getPushToken postUrl: post_url, paramNameForToken: 'token'
+      end
+    end
+
+    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