glib-web 0.6.1 → 0.6.5

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

@@ -1,27 +1,27 @@
-json.title 'Forms'
-
-data = params[:user] || {}
-
-page = json_ui_page json
-render "#{@path_prefix}/nav_menu", json: json, page: page
-
-page.form url: json_ui_garage_url(path: 'forms/get_request'), method: 'get', padding: glib_json_padding_body, childViews: ->(form) do
-  # TODO: Potential improvement:
-  # Use `reload` behaviour instead of `open` (i.e. don't keep adding URL to history).
-  # Probably introduce a flag to panels_form so developer can enable/disable this behaviour.
-  form.h3 text: "Hello #{ data[:name] }"
-  form.spacer height: 6
-  form.label text: 'On the web, upon submit, URL needs to change on the browser'
-  form.spacer height: 10
-  form.fields_text name: 'user[name]', width: 'matchParent', label: 'Name'
-
-  # form.panels_split width: 'matchParent', rightViews: ->(split) do
-  #   split.button text: 'Submit', onClick: ->(action) { action.forms_submit }
-  # end
-
-  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
+json.title 'Forms'
+
+data = params[:user] || {}
+
+page = json_ui_page json
+render "#{@path_prefix}/nav_menu", json: json, page: page
+
+page.form url: json_ui_garage_url(path: 'forms/get_request'), method: 'get', padding: glib_json_padding_body, childViews: ->(form) do
+  # TODO: Potential improvement:
+  # Use `reload` behaviour instead of `open` (i.e. don't keep adding URL to history).
+  # Probably introduce a flag to panels_form so developer can enable/disable this behaviour.
+  form.h3 text: "Hello #{ data[:name] }"
+  form.spacer height: 6
+  form.label text: 'On the web, upon submit, URL needs to change on the browser'
+  form.spacer height: 10
+  form.fields_text name: 'user[name]', width: 'matchParent', label: 'Name'
+
+  # form.panels_split width: 'matchParent', rightViews: ->(split) do
+  #   split.button text: 'Submit', onClick: ->(action) { action.forms_submit }
+  # end
+
+  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

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

@@ -1,120 +1,120 @@
-json.title 'Forms'
-
-page = json_ui_page json
-render "#{@path_prefix}/nav_menu", json: json, page: page, top_nav: true
-
-page.list sections: [
-  ->(section) do
-    section.header padding: glib_json_padding_list, childViews: ->(header) do
-      header.h2 text: 'Submission Logics'
-    end
-
-    section.rows builder: ->(template) do
-      template.thumbnail title: 'Basic Logic', onClick: ->(action) do
-        action.windows_open url: json_ui_garage_url(path: 'forms/basic')
-      end
-      template.thumbnail title: "Submission Flow (timestamp: #{DateTime.current.to_i})", onClick: ->(action) do
-        action.windows_open url: json_ui_garage_url(path: 'forms/submission_flow')
-      end
-      template.thumbnail title: 'Submission Indicator', onClick: ->(action) do
-        action.windows_open url: json_ui_garage_url(path: 'forms/submission_indicator')
-      end
-      template.thumbnail title: 'GET Request', onClick: ->(action) do
-        action.windows_open url: json_ui_garage_url(path: 'forms/get_request')
-      end
-
-    end
-  end, ->(section) do
-    section.header padding: glib_json_padding_list, childViews: ->(header) do
-      header.h2 text: 'Form Logics'
-    end
-
-    section.rows builder: ->(template) do
-      template.thumbnail title: 'Text Validation', onClick: ->(action) do
-        action.windows_open url: json_ui_garage_url(path: 'forms/text_validation')
-      end
-      template.thumbnail title: 'Show/Hide', onClick: ->(action) do
-        action.windows_open url: json_ui_garage_url(path: 'forms/show_hide')
-      end
-      template.thumbnail title: 'Conditional Value', onClick: ->(action) do
-        action.windows_open url: json_ui_garage_url(path: 'forms/conditional_value')
-      end
-      template.thumbnail title: 'Submit on Change', onClick: ->(action) do
-        action.windows_open url: json_ui_garage_url(path: 'forms/submit_on_change')
-      end
-
-
-    end
-  end, ->(section) do
-    section.header padding: glib_json_padding_list, childViews: ->(header) do
-      header.h2 text: 'Form Fields'
-    end
-
-    section.rows builder: ->(template) do
-      template.thumbnail title: 'Pickers', onClick: ->(action) do
-        action.windows_open url: json_ui_garage_url(path: 'forms/pickers')
-      end
-      template.thumbnail title: 'Select Fields', onClick: ->(action) do
-        action.windows_open url: json_ui_garage_url(path: 'forms/selects')
-      end
-      template.thumbnail title: 'File Upload', onClick: ->(action) do
-        action.windows_open url: json_ui_garage_url(path: 'forms/file_upload')
-      end
-      template.thumbnail title: 'Floating Submit', onClick: ->(action) do
-        action.windows_open url: json_ui_garage_url(path: 'forms/floating_submit')
-      end
-      template.thumbnail title: 'Ratings', onClick: ->(action) do
-        action.windows_open url: json_ui_garage_url(path: 'forms/ratings')
-      end
-      template.thumbnail title: 'Timers', onClick: ->(action) do
-        action.windows_open url: json_ui_garage_url(path: 'forms/timers')
-      end
-      template.thumbnail title: 'Payments', onClick: ->(action) do
-        action.windows_open url: json_ui_garage_url(path: 'forms/payments')
-      end
-    end
-  end, ->(section) do
-    section.header padding: glib_json_padding_list, childViews: ->(header) do
-      header.h2 text: 'Styling'
-    end
-    section.rows builder: ->(template) do
-      template.thumbnail title: 'Text Boxes', onClick: ->(action) do
-        action.windows_open url: json_ui_garage_url(path: 'forms/styled_boxes')
-      end
-    end
-  end, ->(section) do
-    section.header padding: glib_json_padding_list, childViews: ->(header) do
-      header.h2 text: 'Web Only'
-    end
-
-    section.rows builder: ->(template) do
-      template.thumbnail title: 'Basic Rich Text Editor', onClick: ->(action) do
-        action.windows_open url: json_ui_garage_url(path: 'forms/rich_text')
-      end
-    end
-
-    section.rows builder: ->(template) do
-      template.thumbnail title: 'Advanced Rich Text Editor', onClick: ->(action) do
-        action.windows_open url: json_ui_garage_url(path: 'forms/new_rich_text')
-      end
-
-    end
-  end, ->(section) do
-    section.header padding: glib_json_padding_list, childViews: ->(header) do
-      header.h2 text: 'Experimental (not required yet)'
-    end
-
-    section.rows builder: ->(template) do
-      template.thumbnail title: 'Dynamic Group', onClick: ->(action) do
-        action.windows_open url: json_ui_garage_url(path: 'forms/dynamic_group')
-      end
-      template.thumbnail title: 'Dynamic Select', onClick: ->(action) do
-        action.windows_open url: json_ui_garage_url(path: 'forms/dynamic_select')
-      end
-      template.thumbnail title: 'Checkboxes', onClick: ->(action) do
-        action.windows_open url: json_ui_garage_url(path: 'forms/checkboxes')
-      end
-
-    end
-  end
-]
+json.title 'Forms'
+
+page = json_ui_page json
+render "#{@path_prefix}/nav_menu", json: json, page: page, top_nav: true
+
+page.list sections: [
+  ->(section) do
+    section.header padding: glib_json_padding_list, childViews: ->(header) do
+      header.h2 text: 'Submission Logics'
+    end
+
+    section.rows builder: ->(template) do
+      template.thumbnail title: 'Basic Logic', onClick: ->(action) do
+        action.windows_open url: json_ui_garage_url(path: 'forms/basic')
+      end
+      template.thumbnail title: "Submission Flow (timestamp: #{DateTime.current.to_i})", onClick: ->(action) do
+        action.windows_open url: json_ui_garage_url(path: 'forms/submission_flow')
+      end
+      template.thumbnail title: 'Submission Indicator', onClick: ->(action) do
+        action.windows_open url: json_ui_garage_url(path: 'forms/submission_indicator')
+      end
+      template.thumbnail title: 'GET Request', onClick: ->(action) do
+        action.windows_open url: json_ui_garage_url(path: 'forms/get_request')
+      end
+
+    end
+  end, ->(section) do
+    section.header padding: glib_json_padding_list, childViews: ->(header) do
+      header.h2 text: 'Form Logics'
+    end
+
+    section.rows builder: ->(template) do
+      template.thumbnail title: 'Text Validation', onClick: ->(action) do
+        action.windows_open url: json_ui_garage_url(path: 'forms/text_validation')
+      end
+      template.thumbnail title: 'Show/Hide', onClick: ->(action) do
+        action.windows_open url: json_ui_garage_url(path: 'forms/show_hide')
+      end
+      template.thumbnail title: 'Conditional Value', onClick: ->(action) do
+        action.windows_open url: json_ui_garage_url(path: 'forms/conditional_value')
+      end
+      template.thumbnail title: 'Submit on Change', onClick: ->(action) do
+        action.windows_open url: json_ui_garage_url(path: 'forms/submit_on_change')
+      end
+
+
+    end
+  end, ->(section) do
+    section.header padding: glib_json_padding_list, childViews: ->(header) do
+      header.h2 text: 'Form Fields'
+    end
+
+    section.rows builder: ->(template) do
+      template.thumbnail title: 'Pickers', onClick: ->(action) do
+        action.windows_open url: json_ui_garage_url(path: 'forms/pickers')
+      end
+      template.thumbnail title: 'Select Fields', onClick: ->(action) do
+        action.windows_open url: json_ui_garage_url(path: 'forms/selects')
+      end
+      template.thumbnail title: 'File Upload', onClick: ->(action) do
+        action.windows_open url: json_ui_garage_url(path: 'forms/file_upload')
+      end
+      template.thumbnail title: 'Floating Submit', onClick: ->(action) do
+        action.windows_open url: json_ui_garage_url(path: 'forms/floating_submit')
+      end
+      template.thumbnail title: 'Ratings', onClick: ->(action) do
+        action.windows_open url: json_ui_garage_url(path: 'forms/ratings')
+      end
+      template.thumbnail title: 'Timers', onClick: ->(action) do
+        action.windows_open url: json_ui_garage_url(path: 'forms/timers')
+      end
+      template.thumbnail title: 'Payments', onClick: ->(action) do
+        action.windows_open url: json_ui_garage_url(path: 'forms/payments')
+      end
+    end
+  end, ->(section) do
+    section.header padding: glib_json_padding_list, childViews: ->(header) do
+      header.h2 text: 'Styling'
+    end
+    section.rows builder: ->(template) do
+      template.thumbnail title: 'Text Boxes', onClick: ->(action) do
+        action.windows_open url: json_ui_garage_url(path: 'forms/styled_boxes')
+      end
+    end
+  end, ->(section) do
+    section.header padding: glib_json_padding_list, childViews: ->(header) do
+      header.h2 text: 'Web Only'
+    end
+
+    section.rows builder: ->(template) do
+      template.thumbnail title: 'Basic Rich Text Editor', onClick: ->(action) do
+        action.windows_open url: json_ui_garage_url(path: 'forms/rich_text')
+      end
+    end
+
+    section.rows builder: ->(template) do
+      template.thumbnail title: 'Advanced Rich Text Editor', onClick: ->(action) do
+        action.windows_open url: json_ui_garage_url(path: 'forms/new_rich_text')
+      end
+
+    end
+  end, ->(section) do
+    section.header padding: glib_json_padding_list, childViews: ->(header) do
+      header.h2 text: 'Experimental (not required yet)'
+    end
+
+    section.rows builder: ->(template) do
+      template.thumbnail title: 'Dynamic Group', onClick: ->(action) do
+        action.windows_open url: json_ui_garage_url(path: 'forms/dynamic_group')
+      end
+      template.thumbnail title: 'Dynamic Select', onClick: ->(action) do
+        action.windows_open url: json_ui_garage_url(path: 'forms/dynamic_select')
+      end
+      template.thumbnail title: 'Checkboxes', onClick: ->(action) do
+        action.windows_open url: json_ui_garage_url(path: 'forms/checkboxes')
+      end
+
+    end
+  end
+]

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

@@ -1,40 +1,40 @@
-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: { top: 12, left: 20, right: 20, bottom: 12 }, childViews: ->(form) do
-  form.fields_text name: 'user[name]', width: 'matchParent', label: 'Name', value: 'Rich Text Editor'
-
-  # images = [
-  #   {
-  #     value: "eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBFQT09IiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--193dc0d939b9558fc4973fafbba91d989cbb04d4",
-  #     fileUrl: "https://imageserver-demo.herokuapp.com/image/itinerarybuilder-demo/o6CKzNt67PWnkPdUEnWMt7pr?h=100&w=100"
-  #   }
-  # ]
-  # form.fields_richText name: 'user[bio]', width: 'matchParent', label: 'Content', images: images, value: '<p>Test {{image1}}</p>'
-
-  json.child! do
-    json.view 'fields/newRichText-v1'
-    json.width 'matchParent'
-    json.label 'Content'
-    json.name 'user[bio]'
-    json.value '<p>Test {{image1}}</p>'
-
-    json.images do
-      json.child! do
-        json.value "eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBFQT09IiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--193dc0d939b9558fc4973fafbba91d989cbb04d4"
-        # json.fileTitle "hita i hanom hg.jpg"
-        json.fileUrl "https://imageserver-demo.herokuapp.com/image/itinerarybuilder-demo/o6CKzNt67PWnkPdUEnWMt7pr?h=100&w=100"
-      end
-    end
-
-    json.imageUploader do
-      json.fieldName 'user[images_attributes]'
-      json.accepts(fileType: "image/*", maxFileSize: 5000)
-      json.directUploadUrl rails_direct_uploads_url
-    end
-  end
-
-  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/basic_post'), method: 'post', padding: { top: 12, left: 20, right: 20, bottom: 12 }, childViews: ->(form) do
+  form.fields_text name: 'user[name]', width: 'matchParent', label: 'Name', value: 'Rich Text Editor'
+
+  # images = [
+  #   {
+  #     value: "eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBFQT09IiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--193dc0d939b9558fc4973fafbba91d989cbb04d4",
+  #     fileUrl: "https://imageserver-demo.herokuapp.com/image/itinerarybuilder-demo/o6CKzNt67PWnkPdUEnWMt7pr?h=100&w=100"
+  #   }
+  # ]
+  # form.fields_richText name: 'user[bio]', width: 'matchParent', label: 'Content', images: images, value: '<p>Test {{image1}}</p>'
+
+  json.child! do
+    json.view 'fields/newRichText-v1'
+    json.width 'matchParent'
+    json.label 'Content'
+    json.name 'user[bio]'
+    json.value '<p>Test {{image1}}</p>'
+
+    json.images do
+      json.child! do
+        json.value "eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBFQT09IiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--193dc0d939b9558fc4973fafbba91d989cbb04d4"
+        # json.fileTitle "hita i hanom hg.jpg"
+        json.fileUrl "https://imageserver-demo.herokuapp.com/image/itinerarybuilder-demo/o6CKzNt67PWnkPdUEnWMt7pr?h=100&w=100"
+      end
+    end
+
+    json.imageUploader do
+      json.fieldName 'user[images_attributes]'
+      json.accepts(fileType: "image/*", maxFileSize: 5000)
+      json.directUploadUrl rails_direct_uploads_url
+    end
+  end
+
+  form.button text: 'Submit', onClick: ->(action) { action.forms_submit }
+end

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

@@ -1,25 +1,25 @@
-json.title 'Forms'
-
-page = json_ui_page json
-render "#{@path_prefix}/nav_menu", json: json, page: page
-
-online_channel = 'OnlineChannel'
-event = 'online_status'
-first_user = User.first
-
-online_socket_config = {
-  channel: online_channel,
-  filterKey: nil,
-  params: {}
-}
-json.actionCable online_socket_config
-
-page.on load: ->(action) do
-  action.timeouts_set interval: 1000, repeat: true, onTimeout: ->(subaction) do
-    subaction.cables_push channel: online_channel, event: event, payload: { status: true, user_id: first_user.id, reset_value: 3 }
-  end
-end
-
-page.scroll padding: glib_json_padding_body, childViews: ->(scroll) do
-  scroll.label text: 'Participant One is now online'
-end
+json.title 'Forms'
+
+page = json_ui_page json
+render "#{@path_prefix}/nav_menu", json: json, page: page
+
+online_channel = 'OnlineChannel'
+event = 'online_status'
+first_user = User.first
+
+online_socket_config = {
+  channel: online_channel,
+  filterKey: nil,
+  params: {}
+}
+json.actionCable online_socket_config
+
+page.on load: ->(action) do
+  action.timeouts_set interval: 1000, repeat: true, onTimeout: ->(subaction) do
+    subaction.cables_push channel: online_channel, event: event, payload: { status: true, user_id: first_user.id, reset_value: 3 }
+  end
+end
+
+page.scroll padding: glib_json_padding_body, childViews: ->(scroll) do
+  scroll.label text: 'Participant One is now online'
+end

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

@@ -1,25 +1,25 @@
-json.title 'Forms'
-
-page = json_ui_page json
-render "#{@path_prefix}/nav_menu", json: json, page: page
-
-online_channel = 'OnlineChannel'
-event = 'online_status'
-second_user = User.second
-
-online_socket_config = {
-  channel: online_channel,
-  filterKey: nil,
-  params: {}
-}
-json.actionCable online_socket_config
-
-page.on load: ->(action) do
-  action.timeouts_set interval: 1000, repeat: true, onTimeout: ->(subaction) do
-    subaction.cables_push channel: online_channel, event: event, payload: { status: true, user_id: second_user.id, reset_value: 3 }
-  end
-end
-
-page.scroll padding: glib_json_padding_body, childViews: ->(scroll) do
-  scroll.label text: 'Participant Two is now online'
-end
+json.title 'Forms'
+
+page = json_ui_page json
+render "#{@path_prefix}/nav_menu", json: json, page: page
+
+online_channel = 'OnlineChannel'
+event = 'online_status'
+second_user = User.second
+
+online_socket_config = {
+  channel: online_channel,
+  filterKey: nil,
+  params: {}
+}
+json.actionCable online_socket_config
+
+page.on load: ->(action) do
+  action.timeouts_set interval: 1000, repeat: true, onTimeout: ->(subaction) do
+    subaction.cables_push channel: online_channel, event: event, payload: { status: true, user_id: second_user.id, reset_value: 3 }
+  end
+end
+
+page.scroll padding: glib_json_padding_body, childViews: ->(scroll) do
+  scroll.label text: 'Participant Two is now online'
+end

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

@@ -1,34 +1,34 @@
-json.title 'Forms'
-
-page = json_ui_page json
-render "#{@path_prefix}/nav_menu", json: json, page: page
-
-# Pass `refresh_state` to refresh the CC token after submission.
-page.form \
-  url: json_ui_garage_url(path: 'forms/generic_post', refresh_state: true),
-  method: 'post',
-  padding: glib_json_padding_body,
-  childViews: ->(form) do
-    form.spacer height: 20
-    form.h2 text: 'Credit card'
-    form.spacer height: 6
-    form.fields_stripeToken \
-      name: 'user[stripe_token]',
-      width: 'matchParent',
-      publicKey: 'pk_test_TYooMQauvdEDq54NiTphI7jx'
-
-    form.spacer height: 20
-    form.h2 text: 'Bank account'
-    form.spacer height: 6
-    form.fields_stripeExternalAccount \
-      name: 'user[stripe_external_account]',
-      width: 'matchParent',
-      publicKey: 'pk_test_TYooMQauvdEDq54NiTphI7jx',
-      accountHolderName: 'John Doe',
-      accountHolderType: 'individual',
-      country: 'AU',
-      currency: 'AUD'
-
-    form.spacer height: 30
-    form.fields_submit text: 'Submit'
-  end
+json.title 'Forms'
+
+page = json_ui_page json
+render "#{@path_prefix}/nav_menu", json: json, page: page
+
+# Pass `refresh_state` to refresh the CC token after submission.
+page.form \
+  url: json_ui_garage_url(path: 'forms/generic_post', refresh_state: true),
+  method: 'post',
+  padding: glib_json_padding_body,
+  childViews: ->(form) do
+    form.spacer height: 20
+    form.h2 text: 'Credit card'
+    form.spacer height: 6
+    form.fields_stripeToken \
+      name: 'user[stripe_token]',
+      width: 'matchParent',
+      publicKey: 'pk_test_TYooMQauvdEDq54NiTphI7jx'
+
+    form.spacer height: 20
+    form.h2 text: 'Bank account'
+    form.spacer height: 6
+    form.fields_stripeExternalAccount \
+      name: 'user[stripe_external_account]',
+      width: 'matchParent',
+      publicKey: 'pk_test_TYooMQauvdEDq54NiTphI7jx',
+      accountHolderName: 'John Doe',
+      accountHolderType: 'individual',
+      country: 'AU',
+      currency: 'AUD'
+
+    form.spacer height: 30
+    form.fields_submit text: 'Submit'
+  end