glib-web 0.5.56 → 0.5.57

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,97 @@
-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
+
+# 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

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

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

@@ -1,60 +1,60 @@
-json.title 'Forms'
-
-page = json_ui_page json
-render "#{@path_prefix}/nav_menu", json: json, page: page
-
-json.phoenixSocket({
-  "socket" => {
-    "endpoint" => "/socket/websocket",
-    "params" => {
-      vsn: '2.0.0',
-      token: 'TOKEN'
-    }
-  },
-  # "topic" => "room:30",
-  # "event" => "comments_updated",
-  "topic" => "links",
-  "events" => ["new_link_added"],
-  "header" => {
-    "user_id" => 2,
-    "prev_item_id" => nil,
-    "last_item_id" => nil
-  }
-})
-
-page.form url: json_ui_garage_url(path: 'forms/basic_post'), method: 'post', padding: glib_json_padding_body, paramNameForFormData: 'formData', onSubmit: ->(action) do
-  json.action "ws/push"
-  json.topic "links"
-  json.event "new_link"
-  json.payload({
-    "club_id": "2",
-    "room_id": "30",
-    "user_id": "2"
-      #  title: "TITLE",
-      #  url: "URL"
-  })
-
-end, childViews: ->(form) do
-  form.spacer height: 14
-  form.label text: "Message: #{params[:message]}"
-  form.spacer height: 14
-
-  form.fields_text name: 'user[name]', width: 'matchParent', label: 'Name'
-
-  # TODO: Change this to radio for selecting alert vs reload response
-  form.fields_password name: 'user[password]', width: 'matchParent', label: 'Password'
-
-  form.fields_hidden name: 'baseUrl', width: 'matchParent', value: json_ui_garage_url(path: 'notifications/web_socket')
-
-  form.panels_split width: 'matchParent', content: ->(split) do
-    # split.left childViews: ->(left) do
-    #   if params[:mode] == 'dialog'
-    #     left.button styleClass: 'link', text: 'cancel', onClick: ->(action) { action.dialogs_close }
-    #   end
-    # end
-    split.right childViews: ->(right) do
-      right.button text: 'Submit', onClick: ->(action) { action.forms_submit }
-    end
-  end
-
-end
+json.title 'Forms'
+
+page = json_ui_page json
+render "#{@path_prefix}/nav_menu", json: json, page: page
+
+json.phoenixSocket({
+  "socket" => {
+    "endpoint" => "/socket/websocket",
+    "params" => {
+      vsn: '2.0.0',
+      token: 'TOKEN'
+    }
+  },
+  # "topic" => "room:30",
+  # "event" => "comments_updated",
+  "topic" => "links",
+  "events" => ["new_link_added"],
+  "header" => {
+    "user_id" => 2,
+    "prev_item_id" => nil,
+    "last_item_id" => nil
+  }
+})
+
+page.form url: json_ui_garage_url(path: 'forms/basic_post'), method: 'post', padding: glib_json_padding_body, paramNameForFormData: 'formData', onSubmit: ->(action) do
+  json.action "ws/push"
+  json.topic "links"
+  json.event "new_link"
+  json.payload({
+    "club_id": "2",
+    "room_id": "30",
+    "user_id": "2"
+      #  title: "TITLE",
+      #  url: "URL"
+  })
+
+end, childViews: ->(form) do
+  form.spacer height: 14
+  form.label text: "Message: #{params[:message]}"
+  form.spacer height: 14
+
+  form.fields_text name: 'user[name]', width: 'matchParent', label: 'Name'
+
+  # TODO: Change this to radio for selecting alert vs reload response
+  form.fields_password name: 'user[password]', width: 'matchParent', label: 'Password'
+
+  form.fields_hidden name: 'baseUrl', width: 'matchParent', value: json_ui_garage_url(path: 'notifications/web_socket')
+
+  form.panels_split width: 'matchParent', content: ->(split) do
+    # split.left childViews: ->(left) do
+    #   if params[:mode] == 'dialog'
+    #     left.button styleClass: 'link', text: 'cancel', onClick: ->(action) { action.dialogs_close }
+    #   end
+    # end
+    split.right childViews: ->(right) do
+      right.button text: 'Submit', onClick: ->(action) { action.forms_submit }
+    end
+  end
+
+end