glib-web 0.6.1 → 0.6.2

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

@@ -1,62 +1,62 @@
-json.title 'Lists'
-
-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)',
-      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
-      end, rightButtons: ->(menu) do
-        menu.button styleClass: 'icon', icon: 'share', onClick: ->(subaction) do
-          subaction.dialogs_alert message: 'Share'
-        end
-        menu.button styleClass: 'icon', icon: 'open_in_new', onClick: ->(subaction) do
-          subaction.dialogs_alert message: 'Open'
-        end
-      end, editButtons: ->(menu) do
-        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 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 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
-    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
+json.title 'Lists'
+
+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)',
+      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
+      end, rightButtons: ->(menu) do
+        menu.button styleClass: 'icon', icon: 'share', onClick: ->(subaction) do
+          subaction.dialogs_alert message: 'Share'
+        end
+        menu.button styleClass: 'icon', icon: 'open_in_new', onClick: ->(subaction) do
+          subaction.dialogs_alert message: 'Open'
+        end
+      end, editButtons: ->(menu) do
+        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 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 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
+    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/lists/fab.json.jbuilder

@@ -1,12 +1,12 @@
-json.title 'Lists'
-
-page = json_ui_page json
-render "#{@path_prefix}/nav_menu", json: json, page: page
-
-page.body childViews: ->(body) do
-  body.fab icon: 'add', onClick: ->(action) { action.dialogs_alert message: 'Perform action' }
-
-  body.panels_list width: 'matchParent', firstSection: ->(section) do
-    render 'json_ui/garage/lists/autoload_section', page: page, page_index: 0
-  end
-end
+json.title 'Lists'
+
+page = json_ui_page json
+render "#{@path_prefix}/nav_menu", json: json, page: page
+
+page.body childViews: ->(body) do
+  body.fab icon: 'add', onClick: ->(action) { action.dialogs_alert message: 'Perform action' }
+
+  body.panels_list width: 'matchParent', firstSection: ->(section) do
+    render 'json_ui/garage/lists/autoload_section', page: page, page_index: 0
+  end
+end

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