glib-web 0.5.91 → 0.5.92

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

@@ -1,41 +1,41 @@
-json.title 'Lists'
-
-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')
-      end
-      template.thumbnail title: 'Action Buttons', onClick: ->(action) do
-        action.windows_open url: json_ui_garage_url(path: 'lists/edit_actions')
-      end
-      template.thumbnail title: 'FAB (Floating Action Button)', onClick: ->(action) do
-        action.windows_open url: json_ui_garage_url(path: 'lists/fab')
-      end
-      template.thumbnail title: 'Chat UI', onClick: ->(action) do
-        action.windows_open url: json_ui_garage_url(path: 'lists/chat_ui')
-      end
-      template.thumbnail title: 'Autoload as Needed', onClick: ->(action) do
-        action.windows_open url: json_ui_garage_url(path: 'lists/autoload_as_needed')
-      end
-      template.thumbnail title: 'Autoload All', onClick: ->(action) do
-        action.windows_open url: json_ui_garage_url(path: 'lists/autoload_all')
-      end
-      template.thumbnail title: 'Autoload as Needed with Responsive Columns', onClick: ->(action) do
-        action.windows_open url: json_ui_garage_url(path: 'lists/autoload_as_needed_responsive_columns')
-      end
-      template.thumbnail title: 'Reordering', onClick: ->(action) do
-        action.windows_open url: json_ui_garage_url(path: 'lists/reordering')
-      end
-    end
-
-  end
-end
+json.title 'Lists'
+
+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')
+      end
+      template.thumbnail title: 'Action Buttons', onClick: ->(action) do
+        action.windows_open url: json_ui_garage_url(path: 'lists/edit_actions')
+      end
+      template.thumbnail title: 'FAB (Floating Action Button)', onClick: ->(action) do
+        action.windows_open url: json_ui_garage_url(path: 'lists/fab')
+      end
+      template.thumbnail title: 'Chat UI', onClick: ->(action) do
+        action.windows_open url: json_ui_garage_url(path: 'lists/chat_ui')
+      end
+      template.thumbnail title: 'Autoload as Needed', onClick: ->(action) do
+        action.windows_open url: json_ui_garage_url(path: 'lists/autoload_as_needed')
+      end
+      template.thumbnail title: 'Autoload All', onClick: ->(action) do
+        action.windows_open url: json_ui_garage_url(path: 'lists/autoload_all')
+      end
+      template.thumbnail title: 'Autoload as Needed with Responsive Columns', onClick: ->(action) do
+        action.windows_open url: json_ui_garage_url(path: 'lists/autoload_as_needed_responsive_columns')
+      end
+      template.thumbnail title: 'Reordering', onClick: ->(action) do
+        action.windows_open url: json_ui_garage_url(path: 'lists/reordering')
+      end
+    end
+
+  end
+end

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

@@ -1,34 +1,34 @@
-page_index = params[:page].to_i
-next_page = {
-  url: json_ui_garage_url(path: 'lists/reordering', page: page_index + 1, section_only: 'v1'),
-  autoload: 'asNeeded'
-}
-
-page = json_ui_page json
-
-if params[:section_only].present?
-  json.nextPage next_page if page_index < 3
-  json.sections do
-    json.child! do
-      render 'json_ui/garage/lists/autoload_section', page: page, page_index: page_index, reorder: true
-    end
-  end
-else
-  json.title 'Lists'
-
-  render "#{@path_prefix}/nav_menu", json: json, page: page
-
-  page.list nextPage: next_page, sections: [
-    ->(section) do
-      section.header padding: glib_json_padding_list, childViews: ->(header) do
-        header.h3 text: 'Section One'
-      end
-    end,
-    ->(section) do
-      section.header padding: glib_json_padding_list, childViews: ->(header) do
-        header.h3 text: 'Section Two'
-      end
-      render 'json_ui/garage/lists/autoload_section', page: page, page_index: page_index, reorder: true
-    end
-  ]
-end
+page_index = params[:page].to_i
+next_page = {
+  url: json_ui_garage_url(path: 'lists/reordering', page: page_index + 1, section_only: 'v1'),
+  autoload: 'asNeeded'
+}
+
+page = json_ui_page json
+
+if params[:section_only].present?
+  json.nextPage next_page if page_index < 3
+  json.sections do
+    json.child! do
+      render 'json_ui/garage/lists/autoload_section', page: page, page_index: page_index, reorder: true
+    end
+  end
+else
+  json.title 'Lists'
+
+  render "#{@path_prefix}/nav_menu", json: json, page: page
+
+  page.list nextPage: next_page, sections: [
+    ->(section) do
+      section.header padding: glib_json_padding_list, childViews: ->(header) do
+        header.h3 text: 'Section One'
+      end
+    end,
+    ->(section) do
+      section.header padding: glib_json_padding_list, childViews: ->(header) do
+        header.h3 text: 'Section Two'
+      end
+      render 'json_ui/garage/lists/autoload_section', page: page, page_index: page_index, reorder: true
+    end
+  ]
+end

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,114 +1,114 @@
-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.label text: ''
-      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
+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.label text: ''
+      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