glib-web 0.6.1 → 0.6.2

data/app/views/json_ui/garage/actions/_snackbars.json.jbuilder

@@ -1,33 +1,33 @@
-
-section.header padding: glib_json_padding_list, childViews: ->(header) do
-  header.h3 text: 'Snackbars'
-end
-
-section.rows builder: ->(template) do
-  template.thumbnail title: 'snackbars/alert', onClick: ->(action) do
-    action.snackbars_alert message: 'This is an alert snackbar', onClose: ->(action) do
-      action.dialogs_alert message: 'Closed'
-    end
-  end
-
-  # template.thumbnail title: 'snackbars/alert with markdown', onClick: ->(action) do
-  #   action.snackbars_alert message: 'This is an *alert* snackbar', message_format: 'markdown'
-  # end
-
-  template.thumbnail title: 'snackbars/select', onClick: ->(action) do
-    action.snackbars_select message: 'Select one', buttons: ->(menu) do
-      menu.button text: 'Option1', onClick: ->(subaction) do
-        subaction.dialogs_alert message: 'Option 1'
-      end
-      menu.button text: 'Option2', onClick: ->(subaction) do
-        subaction.dialogs_alert message: 'Option 2'
-      end
-      menu.button text: 'Cancel'
-    end
-  end
-
-  template.thumbnail title: 'snackbars with styling', onClick: ->(action) do
-    action.snackbars_alert message: 'This is a styled snackbar', verticalPosition: 'top', styleClass: 'success'
-  end
-
-end
+
+section.header padding: glib_json_padding_list, childViews: ->(header) do
+  header.h3 text: 'Snackbars'
+end
+
+section.rows builder: ->(template) do
+  template.thumbnail title: 'snackbars/alert', onClick: ->(action) do
+    action.snackbars_alert message: 'This is an alert snackbar', onClose: ->(action) do
+      action.dialogs_alert message: 'Closed'
+    end
+  end
+
+  # template.thumbnail title: 'snackbars/alert with markdown', onClick: ->(action) do
+  #   action.snackbars_alert message: 'This is an *alert* snackbar', message_format: 'markdown'
+  # end
+
+  template.thumbnail title: 'snackbars/select', onClick: ->(action) do
+    action.snackbars_select message: 'Select one', buttons: ->(menu) do
+      menu.button text: 'Option1', onClick: ->(subaction) do
+        subaction.dialogs_alert message: 'Option 1'
+      end
+      menu.button text: 'Option2', onClick: ->(subaction) do
+        subaction.dialogs_alert message: 'Option 2'
+      end
+      menu.button text: 'Cancel'
+    end
+  end
+
+  template.thumbnail title: 'snackbars with styling', onClick: ->(action) do
+    action.snackbars_alert message: 'This is a styled snackbar', verticalPosition: 'top', styleClass: 'success'
+  end
+
+end

data/app/views/json_ui/garage/actions/_timeouts.json.jbuilder

@@ -1,24 +1,24 @@
-
-section.header padding: glib_json_padding_list, childViews: ->(header) do
-  header.h3 text: 'Timeouts', id: 'scroll_anchor'
-end
-
-section.rows builder: ->(template) do
-  template.thumbnail title: 'timeouts/set', onClick: ->(action) do
-    action.timeouts_set interval: 1000, onTimeout: ->(subaction) do
-      subaction.snackbars_alert message: 'Timeout elapsed'
-    end
-  end
-
-  template.thumbnail title: 'timeouts/set with repeat', onClick: ->(action) do
-    action.timeouts_set interval: 1000, repeat: true, onTimeout: ->(subaction) do
-      subaction.snackbars_alert message: 'Timeout elapsed every 1 second'
-    end
-  end
-end
-
-# section.rows builder: ->(template) do
-#   template.thumbnail title: 'timeouts/clear', onClick: ->(action) do
-#     action.windows_open url: json_ui_garage_url(path: 'home/blank')
-#   end
-# end
+
+section.header padding: glib_json_padding_list, childViews: ->(header) do
+  header.h3 text: 'Timeouts', id: 'scroll_anchor'
+end
+
+section.rows builder: ->(template) do
+  template.thumbnail title: 'timeouts/set', onClick: ->(action) do
+    action.timeouts_set interval: 1000, onTimeout: ->(subaction) do
+      subaction.snackbars_alert message: 'Timeout elapsed'
+    end
+  end
+
+  template.thumbnail title: 'timeouts/set with repeat', onClick: ->(action) do
+    action.timeouts_set interval: 1000, repeat: true, onTimeout: ->(subaction) do
+      subaction.snackbars_alert message: 'Timeout elapsed every 1 second'
+    end
+  end
+end
+
+# section.rows builder: ->(template) do
+#   template.thumbnail title: 'timeouts/clear', onClick: ->(action) do
+#     action.windows_open url: json_ui_garage_url(path: 'home/blank')
+#   end
+# end

data/app/views/json_ui/garage/actions/_windows.json.jbuilder

@@ -1,24 +1,24 @@
-
-section.header padding: glib_json_padding_list, childViews: ->(header) do
-  header.h3 text: 'Windows'
-end
-
-section.rows builder: ->(template) do
-  template.thumbnail title: 'windows/close', onClick: ->(action) do
-    action.windows_close onClose: ->(subaction) do
-      subaction.dialogs_alert message: 'Previous window closed'
-    end
-  end
-end
-
-section.rows builder: ->(template) do
-  template.thumbnail title: 'windows/open', onClick: ->(action) do
-    action.windows_open url: json_ui_garage_url(path: 'home/blank')
-  end
-end
-
-section.rows builder: ->(template) do
-  template.thumbnail title: 'windows/openWeb', onClick: ->(action) do
-    action.windows_openWeb url: 'http://www.google.com'
-  end
-end
+
+section.header padding: glib_json_padding_list, childViews: ->(header) do
+  header.h3 text: 'Windows'
+end
+
+section.rows builder: ->(template) do
+  template.thumbnail title: 'windows/close', onClick: ->(action) do
+    action.windows_close onClose: ->(subaction) do
+      subaction.dialogs_alert message: 'Previous window closed'
+    end
+  end
+end
+
+section.rows builder: ->(template) do
+  template.thumbnail title: 'windows/open', onClick: ->(action) do
+    action.windows_open url: json_ui_garage_url(path: 'home/blank')
+  end
+end
+
+section.rows builder: ->(template) do
+  template.thumbnail title: 'windows/openWeb', onClick: ->(action) do
+    action.windows_openWeb url: 'http://www.google.com'
+  end
+end

data/app/views/json_ui/garage/actions/dialogs_oauth_post.json.jbuilder

@@ -1,6 +1,6 @@
-facebook_graph = Koala::Facebook::API.new(params[:credentials][:token])
-profile = facebook_graph.get_object('me')
-
-json_ui_response json do |action|
-  action.dialogs_alert message: profile
-end
+facebook_graph = Koala::Facebook::API.new(params[:credentials][:token])
+profile = facebook_graph.get_object('me')
+
+json_ui_response json do |action|
+  action.dialogs_alert message: profile
+end

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

@@ -1,24 +1,24 @@
-json.title 'Actions'
-
-page = json_ui_page json
-render "#{@path_prefix}/nav_menu", json: json, page: page, top_nav: true
-
-page.list sections: [
-  ->(section) do
-    render "#{@path_prefix}/actions/reload", section: section
-  end, ->(section) do
-    render "#{@path_prefix}/actions/panels", section: section
-  end, ->(section) do
-    render "#{@path_prefix}/actions/dialogs", section: section
-  end, ->(section) do
-    render "#{@path_prefix}/actions/snackbars", section: section
-  end, ->(section) do
-    render "#{@path_prefix}/actions/sheets", section: section
-  end, ->(section) do
-    render "#{@path_prefix}/actions/windows", section: section
-  end, ->(section) do
-    render "#{@path_prefix}/actions/timeouts", section: section
-  end, ->(section) do
-    render "#{@path_prefix}/actions/http", section: section
-  end
-]
+json.title 'Actions'
+
+page = json_ui_page json
+render "#{@path_prefix}/nav_menu", json: json, page: page, top_nav: true
+
+page.list sections: [
+  ->(section) do
+    render "#{@path_prefix}/actions/reload", section: section
+  end, ->(section) do
+    render "#{@path_prefix}/actions/panels", section: section
+  end, ->(section) do
+    render "#{@path_prefix}/actions/dialogs", section: section
+  end, ->(section) do
+    render "#{@path_prefix}/actions/snackbars", section: section
+  end, ->(section) do
+    render "#{@path_prefix}/actions/sheets", section: section
+  end, ->(section) do
+    render "#{@path_prefix}/actions/windows", section: section
+  end, ->(section) do
+    render "#{@path_prefix}/actions/timeouts", section: section
+  end, ->(section) do
+    render "#{@path_prefix}/actions/http", section: section
+  end
+]

data/app/views/json_ui/garage/forms/_alert_post_data.json.jbuilder

@@ -1,10 +1,10 @@
-info = "Method: #{request.method}\nForm Data:\n{\n"
-params.require(:user).each do |k, v|
-  value = v.is_a?(String) ? '"' + v + '"' : v
-  info += "  #{k} => #{value}\n"
-end
-info += '}'
-
-action.dialogs_alert message: info, onClose: ->(action) do
-  action.windows_refreshState
-end
+info = "Method: #{request.method}\nForm Data:\n{\n"
+params.require(:user).each do |k, v|
+  value = v.is_a?(String) ? '"' + v + '"' : v
+  info += "  #{k} => #{value}\n"
+end
+info += '}'
+
+action.dialogs_alert message: info, onClose: ->(action) do
+  action.windows_refreshState
+end

data/app/views/json_ui/garage/forms/basic.json.jbuilder

@@ -1,21 +1,21 @@
-json.title 'Forms'
-
-page = json_ui_page json
-render "#{@path_prefix}/nav_menu", json: json, page: page
-
-page.form url: json_ui_garage_url(path: 'forms/basic_post'), method: 'post', padding: glib_json_padding_body, childViews: ->(form) do
-  form.fields_text name: 'user[name]', width: 'matchParent', label: 'Name'
-  form.fields_password name: 'user[password]', width: 'matchParent', label: 'Password'
-
-  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 }
-      right.fields_submit text: 'Submit'
-    end
-  end
-end
+json.title 'Forms'
+
+page = json_ui_page json
+render "#{@path_prefix}/nav_menu", json: json, page: page
+
+page.form url: json_ui_garage_url(path: 'forms/basic_post'), method: 'post', padding: glib_json_padding_body, childViews: ->(form) do
+  form.fields_text name: 'user[name]', width: 'matchParent', label: 'Name'
+  form.fields_password name: 'user[password]', width: 'matchParent', label: 'Password'
+
+  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 }
+      right.fields_submit text: 'Submit'
+    end
+  end
+end

data/app/views/json_ui/garage/forms/basic_post.json.jbuilder

@@ -1,8 +1,8 @@
-name, _ = params.require(:user).values_at(:name)
-json_ui_response json do |action|
-  if !name.present?
-    action.dialogs_alert message: 'Please enter name'
-  else
-    render "#{@path_prefix}/forms/alert_post_data", action: action
-  end
-end
+name, _ = params.require(:user).values_at(:name)
+json_ui_response json do |action|
+  if !name.present?
+    action.dialogs_alert message: 'Please enter name'
+  else
+    render "#{@path_prefix}/forms/alert_post_data", action: action
+  end
+end

data/app/views/json_ui/garage/forms/checkboxes.json.jbuilder

@@ -1,27 +1,27 @@
-json.title 'Forms'
-
-page = json_ui_page json
-render "#{@path_prefix}/nav_menu", json: json, page: page
-
-page.scroll childViews: ->(scroll) do
-  scroll.panels_form \
-    url: json_ui_garage_url(path: 'forms/generic_post'),
-    method: 'post',
-    padding: glib_json_padding_body,
-    childViews: ->(form) do
-      form.spacer height: 20
-      form.h2 text: 'Check Group'
-      form.fields_checkGroup \
-        name: 'user[skills][]',
-        uncheckValue: 1,
-        childViews: ->(group) do
-          group.fields_check checkValue: 2, label: 'Game Development'
-          group.fields_check checkValue: 3, label: 'Web Development'
-          group.fields_check checkValue: 4, label: 'Mobile Development'
-        end
-
-      form.spacer height: 20
-      form.button text: 'Submit', onClick: ->(action) { action.forms_submit }
-    end
-
-end
+json.title 'Forms'
+
+page = json_ui_page json
+render "#{@path_prefix}/nav_menu", json: json, page: page
+
+page.scroll childViews: ->(scroll) do
+  scroll.panels_form \
+    url: json_ui_garage_url(path: 'forms/generic_post'),
+    method: 'post',
+    padding: glib_json_padding_body,
+    childViews: ->(form) do
+      form.spacer height: 20
+      form.h2 text: 'Check Group'
+      form.fields_checkGroup \
+        name: 'user[skills][]',
+        uncheckValue: 1,
+        childViews: ->(group) do
+          group.fields_check checkValue: 2, label: 'Game Development'
+          group.fields_check checkValue: 3, label: 'Web Development'
+          group.fields_check checkValue: 4, label: 'Mobile Development'
+        end
+
+      form.spacer height: 20
+      form.button text: 'Submit', onClick: ->(action) { action.forms_submit }
+    end
+
+end

data/app/views/json_ui/garage/forms/conditional_value.json.jbuilder

@@ -1,38 +1,38 @@
-json.title 'Forms'
-
-page = json_ui_page json
-render "#{@path_prefix}/nav_menu", json: json, page: page
-
-page.form url: json_ui_garage_url(path: 'forms/generic_post'), method: 'post', padding: glib_json_padding_body, childViews: ->(form) do
-  form.spacer height: 20
-  form.h2 text: 'Date'
-  form.label text: 'End date will be adjusted automatically when start date changes'
-  form.spacer height: 6
-  form.fields_date name: 'user[date_start]', width: 'matchParent', label: 'Start Date', min: '2010-01-01', max: '2012-01-01', value: '2010-02-01'
-  form.fields_date name: 'user[date_end]', width: 'matchParent', label: 'End Date', min: '2010-01-01', max: '2012-01-01', valueIf: {
-    "+": [
-      {
-        "var": 'user[date_start]'
-      },
-      24 * 3600
-    ]
-  }
-
-  form.spacer height: 20
-  form.h2 text: 'Date/Time'
-  form.label text: 'End date/time will be adjusted automatically when start date/time changes'
-  form.spacer height: 6
-  form.fields_datetime name: 'user[datetime_start]', width: 'matchParent', label: 'Start Date', min: '2010-01-01', max: '2012-01-01', value: '2010-02-01T01:00'
-  form.fields_datetime name: 'user[datetime_end]', width: 'matchParent', label: 'End Date', min: '2010-01-01', max: '2012-01-01', valueIf: {
-    "+": [
-      {
-        "var": 'user[datetime_start]'
-      },
-      3600
-    ]
-  }
-
-  form.spacer height: 20
-  form.fields_submit text: 'Submit'
-  form.spacer height: 40
-end
+json.title 'Forms'
+
+page = json_ui_page json
+render "#{@path_prefix}/nav_menu", json: json, page: page
+
+page.form url: json_ui_garage_url(path: 'forms/generic_post'), method: 'post', padding: glib_json_padding_body, childViews: ->(form) do
+  form.spacer height: 20
+  form.h2 text: 'Date'
+  form.label text: 'End date will be adjusted automatically when start date changes'
+  form.spacer height: 6
+  form.fields_date name: 'user[date_start]', width: 'matchParent', label: 'Start Date', min: '2010-01-01', max: '2012-01-01', value: '2010-02-01'
+  form.fields_date name: 'user[date_end]', width: 'matchParent', label: 'End Date', min: '2010-01-01', max: '2012-01-01', valueIf: {
+    "+": [
+      {
+        "var": 'user[date_start]'
+      },
+      24 * 3600
+    ]
+  }
+
+  form.spacer height: 20
+  form.h2 text: 'Date/Time'
+  form.label text: 'End date/time will be adjusted automatically when start date/time changes'
+  form.spacer height: 6
+  form.fields_datetime name: 'user[datetime_start]', width: 'matchParent', label: 'Start Date', min: '2010-01-01', max: '2012-01-01', value: '2010-02-01T01:00'
+  form.fields_datetime name: 'user[datetime_end]', width: 'matchParent', label: 'End Date', min: '2010-01-01', max: '2012-01-01', valueIf: {
+    "+": [
+      {
+        "var": 'user[datetime_start]'
+      },
+      3600
+    ]
+  }
+
+  form.spacer height: 20
+  form.fields_submit text: 'Submit'
+  form.spacer height: 40
+end

data/app/views/json_ui/garage/forms/dynamic_group.json.jbuilder

@@ -1,39 +1,39 @@
-json.title 'Forms'
-
-page = json_ui_page json
-render "#{@path_prefix}/nav_menu", json: json, page: page
-
-page.form url: json_ui_garage_url(path: 'forms/generic_post'), method: 'post', padding: glib_json_padding_body, childViews: ->(form) do
-  form.h2 text: 'Dynamic Group'
-  form.spacer height: 6
-
-  properties = [
-    [
-      { name: 'question', value: 'Punctuality' },
-      { name: 'type', value: 'rating' },
-    ],
-    [
-      { name: 'question', value: 'Quality of work' },
-      { name: 'type', value: 'rating' },
-      { name: 'enabled', value: '1', styleClasses: ['success'] },
-    ],
-    [
-      { name: 'question', value: 'Satisfied?' },
-      { name: 'type', value: 'yes_no' },
-    ]
-  ]
-  form.fields_dynamicGroup width: 'matchParent', name: 'user[evaluation]', groupFieldProperties: properties, titlePrefix: 'Entry', content: ->(group) do
-    group.template padding: { left: 32 }, childViews: ->(template) do
-      template.spacer height: 10
-      template.fields_text width: 'matchParent', name: 'question', label: 'Question', placeholder: 'Question'
-      options = [ :rating, :yes_no ]
-      template.fields_select width: 'matchParent', name: 'type', label: 'Answer Type', placeholder: 'Answer Type', options: options.map { |o| { text: o.to_s.humanize, value: o } }
-      template.fields_check width: 'matchParent', name: 'enabled', label: 'Enable', checkValue: '1'
-
-      template.spacer height: 14
-    end
-  end
-
-  form.spacer height: 20
-  form.fields_submit text: 'Submit'
-end
+json.title 'Forms'
+
+page = json_ui_page json
+render "#{@path_prefix}/nav_menu", json: json, page: page
+
+page.form url: json_ui_garage_url(path: 'forms/generic_post'), method: 'post', padding: glib_json_padding_body, childViews: ->(form) do
+  form.h2 text: 'Dynamic Group'
+  form.spacer height: 6
+
+  properties = [
+    [
+      { name: 'question', value: 'Punctuality' },
+      { name: 'type', value: 'rating' },
+    ],
+    [
+      { name: 'question', value: 'Quality of work' },
+      { name: 'type', value: 'rating' },
+      { name: 'enabled', value: '1', styleClasses: ['success'] },
+    ],
+    [
+      { name: 'question', value: 'Satisfied?' },
+      { name: 'type', value: 'yes_no' },
+    ]
+  ]
+  form.fields_dynamicGroup width: 'matchParent', name: 'user[evaluation]', groupFieldProperties: properties, titlePrefix: 'Entry', content: ->(group) do
+    group.template padding: { left: 32 }, childViews: ->(template) do
+      template.spacer height: 10
+      template.fields_text width: 'matchParent', name: 'question', label: 'Question', placeholder: 'Question'
+      options = [ :rating, :yes_no ]
+      template.fields_select width: 'matchParent', name: 'type', label: 'Answer Type', placeholder: 'Answer Type', options: options.map { |o| { text: o.to_s.humanize, value: o } }
+      template.fields_check width: 'matchParent', name: 'enabled', label: 'Enable', checkValue: '1'
+
+      template.spacer height: 14
+    end
+  end
+
+  form.spacer height: 20
+  form.fields_submit text: 'Submit'
+end

data/app/views/json_ui/garage/forms/dynamic_select.json.jbuilder

@@ -1,24 +1,24 @@
-json.title 'Forms'
-
-page = json_ui_page json
-render "#{@path_prefix}/nav_menu", json: json, page: page
-
-page.form url: json_ui_garage_url(path: 'forms/generic_post'), method: 'post', padding: glib_json_padding_body, childViews: ->(form) do
-  form.h2 text: 'Dynamic Select'
-  form.spacer height: 6
-  form.label text: 'Dynamically loads options from the server. Useful for a huge list (e.g. 1000+ items)'
-  form.spacer height: 14
-
-  form.fields_dynamicSelect name: 'user[primary_language]', width: 'matchParent', label: 'Primary Language',
-    selectedOptions: [ { value: 'id3', text: 'Item 3' } ],
-    url: json_ui_garage_url(path: 'forms/dynamic_select_data')
-
-  form.spacer height: 14
-  form.fields_dynamicSelect name: 'user[preferred_languages][]', width: 'matchParent', label: 'Preferred Languages',
-    selectedOptions: [ { value: 'id3', text: 'Item 3' }, { value: 'id5', text: 'Item 5' } ],
-    url: json_ui_garage_url(path: 'forms/dynamic_select_data'),
-    multiple: true
-
-  form.spacer height: 14
-  form.button text: 'Submit', onClick: ->(action) { action.forms_submit }
-end
+json.title 'Forms'
+
+page = json_ui_page json
+render "#{@path_prefix}/nav_menu", json: json, page: page
+
+page.form url: json_ui_garage_url(path: 'forms/generic_post'), method: 'post', padding: glib_json_padding_body, childViews: ->(form) do
+  form.h2 text: 'Dynamic Select'
+  form.spacer height: 6
+  form.label text: 'Dynamically loads options from the server. Useful for a huge list (e.g. 1000+ items)'
+  form.spacer height: 14
+
+  form.fields_dynamicSelect name: 'user[primary_language]', width: 'matchParent', label: 'Primary Language',
+    selectedOptions: [ { value: 'id3', text: 'Item 3' } ],
+    url: json_ui_garage_url(path: 'forms/dynamic_select_data')
+
+  form.spacer height: 14
+  form.fields_dynamicSelect name: 'user[preferred_languages][]', width: 'matchParent', label: 'Preferred Languages',
+    selectedOptions: [ { value: 'id3', text: 'Item 3' }, { value: 'id5', text: 'Item 5' } ],
+    url: json_ui_garage_url(path: 'forms/dynamic_select_data'),
+    multiple: true
+
+  form.spacer height: 14
+  form.button text: 'Submit', onClick: ->(action) { action.forms_submit }
+end

data/app/views/json_ui/garage/forms/dynamic_select_data.json.jbuilder

@@ -1,38 +1,38 @@
-
-sleep 0.5
-
-page = params[:page].to_i
-if page < 2
-  json.nextPageUrl json_ui_garage_url(path: 'forms/dynamic_select_data', page: page + 1)
-end
-
-# json.rows do
-
-#   count_per_page = 20
-#   count_per_page.times do |i|
-#     json.child! do
-#       index = page * count_per_page + i
-#       json.template 'thumbnail'
-#       json.title "City #{index} (#{params[:q]})"
-#       json.subtitle "State #{index}"
-#       json.subsubtitle "Country #{index}"
-#       json.value "id#{index}"
-#       json.text "Item #{index}"
-#     end
-#   end
-# end
-
-section = json_ui_section json
-section.rows builder: ->(row) do
-  count_per_page = 20
-  count_per_page.times do |i|
-    index = page * count_per_page + i
-    row.custom title: "City #{index} (#{params[:q]})",
-      subtitle: "State #{index}",
-      subsubtitle: "Country #{index}",
-      extra: {
-        value: "id#{index}",
-        text: "Item #{index}"
-      }
-  end
-end
+
+sleep 0.5
+
+page = params[:page].to_i
+if page < 2
+  json.nextPageUrl json_ui_garage_url(path: 'forms/dynamic_select_data', page: page + 1)
+end
+
+# json.rows do
+
+#   count_per_page = 20
+#   count_per_page.times do |i|
+#     json.child! do
+#       index = page * count_per_page + i
+#       json.template 'thumbnail'
+#       json.title "City #{index} (#{params[:q]})"
+#       json.subtitle "State #{index}"
+#       json.subsubtitle "Country #{index}"
+#       json.value "id#{index}"
+#       json.text "Item #{index}"
+#     end
+#   end
+# end
+
+section = json_ui_section json
+section.rows builder: ->(row) do
+  count_per_page = 20
+  count_per_page.times do |i|
+    index = page * count_per_page + i
+    row.custom title: "City #{index} (#{params[:q]})",
+      subtitle: "State #{index}",
+      subsubtitle: "Country #{index}",
+      extra: {
+        value: "id#{index}",
+        text: "Item #{index}"
+      }
+  end
+end