glib-web 0.6.1 → 0.6.5

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

@@ -1,35 +1,35 @@
-
-page_index = params[:page].to_i
-next_page = {
-  url: json_ui_garage_url(path: 'lists/autoload_as_needed', page: page_index + 1, section_only: 'v1'),
-  autoload: 'asNeeded'
-}
-
-page = json_ui_page json
-
-# TODO: Cater
-# - for SEO: one URL for a standalone page and one URL for pagination only
-# - for generic approach, e.g. excluding nav_menu when there is no change
-if params[:section_only].present?
-  sleep 1
-
-  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
-    end
-  end
-else
-  json.title 'Lists'
-
-  render "#{@path_prefix}/nav_menu", json: json, page: page
-
-  page.list nextPage: next_page, firstSection: ->(section) do
-    render 'json_ui/garage/lists/autoload_section', page: page, page_index: page_index
-  end, onScrollToBottom: ->(action) do
-    action.snackbars_alert message: 'Scrolled to Bottom'
-  end, onScrollToTop: ->(action) do
-    action.snackbars_alert message: 'Scrolled to Top'
-  end
-
-end
+
+page_index = params[:page].to_i
+next_page = {
+  url: json_ui_garage_url(path: 'lists/autoload_as_needed', page: page_index + 1, section_only: 'v1'),
+  autoload: 'asNeeded'
+}
+
+page = json_ui_page json
+
+# TODO: Cater
+# - for SEO: one URL for a standalone page and one URL for pagination only
+# - for generic approach, e.g. excluding nav_menu when there is no change
+if params[:section_only].present?
+  sleep 1
+
+  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
+    end
+  end
+else
+  json.title 'Lists'
+
+  render "#{@path_prefix}/nav_menu", json: json, page: page
+
+  page.list nextPage: next_page, firstSection: ->(section) do
+    render 'json_ui/garage/lists/autoload_section', page: page, page_index: page_index
+  end, onScrollToBottom: ->(action) do
+    action.snackbars_alert message: 'Scrolled to Bottom'
+  end, onScrollToTop: ->(action) do
+    action.snackbars_alert message: 'Scrolled to Top'
+  end
+
+end

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

@@ -1,27 +1,27 @@
-
-page_index = params[:page].to_i
-next_page = {
-  url: json_ui_garage_url(path: 'lists/autoload_as_needed_responsive_columns', page: page_index + 1, section_only: 'v1'),
-  autoload: 'asNeeded'
-}
-
-page = json_ui_page json
-
-if params[:section_only].present?
-  sleep 1
-
-  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
-    end
-  end
-else
-  json.title 'Lists'
-
-  render "#{@path_prefix}/nav_menu", json: json, page: page
-
-  page.list nextPage: next_page, responsiveCols: params[:responsiveCols] || 2, firstSection: ->(section) do
-    render 'json_ui/garage/lists/autoload_section', page: page, page_index: page_index
-  end
-end
+
+page_index = params[:page].to_i
+next_page = {
+  url: json_ui_garage_url(path: 'lists/autoload_as_needed_responsive_columns', page: page_index + 1, section_only: 'v1'),
+  autoload: 'asNeeded'
+}
+
+page = json_ui_page json
+
+if params[:section_only].present?
+  sleep 1
+
+  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
+    end
+  end
+else
+  json.title 'Lists'
+
+  render "#{@path_prefix}/nav_menu", json: json, page: page
+
+  page.list nextPage: next_page, responsiveCols: params[:responsiveCols] || 2, firstSection: ->(section) do
+    render 'json_ui/garage/lists/autoload_section', page: page, page_index: page_index
+  end
+end

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

@@ -1,94 +1,94 @@
-json.title 'Lists'
-
-liked = params[:liked] == 'true'
-
-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" => "rooms",
-  "events" => [],
-  # "events" => ["new_link_added"],
-  # "header" => {
-  #   "user_id" => 2,
-  #   "prev_item_id" => nil,
-  #   "last_item_id" => nil
-  # }
-})
-
-list_ws = { topic: 'rooms', events: ['comments_updated'] }
-page.list phoenixSocket: list_ws, firstSection: ->(section) do
-  section.header padding: { top: 12, left: 16, right: 16, bottom: 12 }, childViews: ->(header) do
-    header.h3 text: 'Chat with John Doe'
-  end
-
-  section.rows builder: ->(template) do
-    # template.thumbnail title: "windows/reload (timestamp: #{DateTime.current.to_i}) -- #{liked}", onClick: ->(action) do
-    #   action.windows_reload
-    # end, onLongPress: ->(action) do
-    #   action.sheets_select message: "Context Menu (#{DateTime.current.to_i})", buttons: ->(menu) do
-    #     if liked
-    #       menu.button text: 'Cancel 👍', onClick: ->(subaction) do
-    #         subaction.windows_reload url: json_ui_garage_url(path: 'lists/chat', liked: false)
-    #       end
-    #     else
-    #       menu.button text: 'Give 👍', onClick: ->(subaction) do
-    #         subaction.windows_reload url: json_ui_garage_url(path: 'lists/chat', liked: true)
-    #       end
-    #     end
-    #   end
-    # end
-
-    template.commentOutgoing subtitle: 'Hey!', subsubtitle: l(10.minutes.ago, format: :short), imageUrl: glib_json_image_standard_url, chips: ->(menu) do
-      menu.button text: '😊 2', styleClass: 'info'
-    end
-
-    template.commentOutgoing subtitle: 'How are you?', subsubtitle: l(DateTime.current, format: :short)
-
-    template.commentIncoming title: 'John Doe', subtitle: 'Very well', subsubtitle: l(7.minutes.ago, format: :short), imageUrl: glib_json_image_standard_url, chips: ->(menu) do
-      menu.button text: "👍 #{liked ? 2 : 1}"
-    end, onLongPress: ->(action) do
-      action.sheets_select message: 'Context Menu', buttons: ->(menu) do
-        if liked
-          menu.button text: 'Cancel 👍', onClick: ->(subaction) do
-            subaction.windows_reload url: json_ui_garage_url(path: 'lists/chat_ui', liked: false)
-          end
-        else
-          menu.button text: 'Give 👍', onClick: ->(subaction) do
-            subaction.windows_reload url: json_ui_garage_url(path: 'lists/chat_ui', liked: true)
-          end
-        end
-      end
-    end
-  end
-end
-
-page.footer padding: { top: 12, left: 16, right: 16, bottom: 12 }, childViews: ->(footer) do
-  footer.panels_form width: 'matchParent', 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 "rooms"
-    json.event "create_comment"
-    json.payload({
-      "room_id": "30",
-      "user_id": "2"
-    })
-
-  end, childViews: ->(form) do
-    form.fields_text name: 'user[message]', width: 'matchParent', label: 'Message'
-
-    form.panels_split width: 'matchParent', content: ->(split) do
-      split.right childViews: ->(right) do
-        right.button text: 'Submit', onClick: ->(action) { action.forms_submit }
-      end
-    end
-  end
-
-end
+json.title 'Lists'
+
+liked = params[:liked] == 'true'
+
+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" => "rooms",
+  "events" => [],
+  # "events" => ["new_link_added"],
+  # "header" => {
+  #   "user_id" => 2,
+  #   "prev_item_id" => nil,
+  #   "last_item_id" => nil
+  # }
+})
+
+list_ws = { topic: 'rooms', events: ['comments_updated'] }
+page.list phoenixSocket: list_ws, firstSection: ->(section) do
+  section.header padding: { top: 12, left: 16, right: 16, bottom: 12 }, childViews: ->(header) do
+    header.h3 text: 'Chat with John Doe'
+  end
+
+  section.rows builder: ->(template) do
+    # template.thumbnail title: "windows/reload (timestamp: #{DateTime.current.to_i}) -- #{liked}", onClick: ->(action) do
+    #   action.windows_reload
+    # end, onLongPress: ->(action) do
+    #   action.sheets_select message: "Context Menu (#{DateTime.current.to_i})", buttons: ->(menu) do
+    #     if liked
+    #       menu.button text: 'Cancel 👍', onClick: ->(subaction) do
+    #         subaction.windows_reload url: json_ui_garage_url(path: 'lists/chat', liked: false)
+    #       end
+    #     else
+    #       menu.button text: 'Give 👍', onClick: ->(subaction) do
+    #         subaction.windows_reload url: json_ui_garage_url(path: 'lists/chat', liked: true)
+    #       end
+    #     end
+    #   end
+    # end
+
+    template.commentOutgoing subtitle: 'Hey!', subsubtitle: l(10.minutes.ago, format: :short), imageUrl: glib_json_image_standard_url, chips: ->(menu) do
+      menu.button text: '😊 2', styleClass: 'info'
+    end
+
+    template.commentOutgoing subtitle: 'How are you?', subsubtitle: l(DateTime.current, format: :short)
+
+    template.commentIncoming title: 'John Doe', subtitle: 'Very well', subsubtitle: l(7.minutes.ago, format: :short), imageUrl: glib_json_image_standard_url, chips: ->(menu) do
+      menu.button text: "👍 #{liked ? 2 : 1}"
+    end, onLongPress: ->(action) do
+      action.sheets_select message: 'Context Menu', buttons: ->(menu) do
+        if liked
+          menu.button text: 'Cancel 👍', onClick: ->(subaction) do
+            subaction.windows_reload url: json_ui_garage_url(path: 'lists/chat_ui', liked: false)
+          end
+        else
+          menu.button text: 'Give 👍', onClick: ->(subaction) do
+            subaction.windows_reload url: json_ui_garage_url(path: 'lists/chat_ui', liked: true)
+          end
+        end
+      end
+    end
+  end
+end
+
+page.footer padding: { top: 12, left: 16, right: 16, bottom: 12 }, childViews: ->(footer) do
+  footer.panels_form width: 'matchParent', 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 "rooms"
+    json.event "create_comment"
+    json.payload({
+      "room_id": "30",
+      "user_id": "2"
+    })
+
+  end, childViews: ->(form) do
+    form.fields_text name: 'user[message]', width: 'matchParent', label: 'Message'
+
+    form.panels_split width: 'matchParent', content: ->(split) do
+      split.right childViews: ->(right) do
+        right.button text: 'Submit', onClick: ->(action) { action.forms_submit }
+      end
+    end
+  end
+
+end

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