glib-web 0.5.77 → 0.5.78

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

@@ -0,0 +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

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

@@ -1,81 +1,81 @@
-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: 'Radio Group'
-  form.spacer height: 6
-  form.h4 text: 'Gender'
-  form.fields_radioGroup name: 'user[gender]', value: 'F', childViews: ->(group) do
-    group.fields_radio value: '', label: 'Unknown'
-    group.fields_radio value: 'M', label: 'Male'
-    group.fields_radio value: 'F', label: 'Female'
-  end
-
-  form.spacer height: 20
-  form.h2 text: 'Single Checkbox'
-  form.fields_check \
-    name: 'user[age_range]',
-    value: '16+',
-    checkValue: '16+',
-    uncheckValue: '0-16',
-    label: 'I am over 16 (has default value)'
-  form.fields_check \
-    name: 'user[employer]',
-    checkValue: 1,
-    label: 'I am an employer (no default value)'
-
-  # Use `switch` component instead.
-  # form.fields_check \
-  #   name: 'user[enabled]',
-  #   styleClass: 'switch',
-  #   checkValue: true,
-  #   label: 'Enable',
-  #   value: 'true'
-
-  form.spacer height: 20
-  form.h2 text: 'Date/Time'
-  form.spacer height: 6
-  form.fields_date \
-    name: 'user[date]',
-    width: 'matchParent',
-    label: 'Date',
-    min: '2010-01-01',
-    max: '2012-01-01',
-    value: '2010-02-01'
-  form.fields_datetime \
-    name: 'user[date_time]',
-    width: 'matchParent',
-    label: 'Date Time',
-    min: '2018-06-09T00:00',
-    max: '2018-06-17T00:00',
-    value: '2018-06-15T19:30'
-
-  form.spacer height: 20
-  form.h2 text: 'Country'
-  form.spacer height: 6
-  region_field = { name: 'user[city]', label: 'City' }
-  form.fields_country name: 'user[country]', width: 'matchParent', label: 'Country', region: region_field
-
-  form.spacer height: 20
-  form.h2 text: 'Map'
-  form.spacer height: 6
-  form.fields_location \
-    name: 'user[address]',
-    width: 'matchParent',
-    label: 'Type an address',
-    value: 'Sydney Harbour Bridge',
-    autocompleteOptions: { componentRestrictions: { country: 'au' }, types: ['(cities)'] },
-    latitudeField: { view: 'fields/text', name: 'user[latitude]', label: 'Lat', value: -33.8523063, readOnly: true },
-    longitudeField: { view: 'fields/text', name: 'user[longitude]', label: 'Long', value: 151.21078710000006, readOnly: true },
-    zoomField: { view: 'fields/text', name: 'user[zoom]', label: 'Zoom' }
-
-  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: 'Radio Group'
+  form.spacer height: 6
+  form.h4 text: 'Gender'
+  form.fields_radioGroup name: 'user[gender]', value: 'F', childViews: ->(group) do
+    group.fields_radio value: '', label: 'Unknown'
+    group.fields_radio value: 'M', label: 'Male'
+    group.fields_radio value: 'F', label: 'Female'
+  end
+
+  form.spacer height: 20
+  form.h2 text: 'Single Checkbox'
+  form.fields_check \
+    name: 'user[age_range]',
+    value: '16+',
+    checkValue: '16+',
+    uncheckValue: '0-16',
+    label: 'I am over 16 (has default value)'
+  form.fields_check \
+    name: 'user[employer]',
+    checkValue: 1,
+    label: 'I am an employer (no default value)'
+
+  # Use `switch` component instead.
+  # form.fields_check \
+  #   name: 'user[enabled]',
+  #   styleClass: 'switch',
+  #   checkValue: true,
+  #   label: 'Enable',
+  #   value: 'true'
+
+  form.spacer height: 20
+  form.h2 text: 'Date/Time'
+  form.spacer height: 6
+  form.fields_date \
+    name: 'user[date]',
+    width: 'matchParent',
+    label: 'Date',
+    min: '2010-01-01',
+    max: '2012-01-01',
+    value: '2010-02-01'
+  form.fields_datetime \
+    name: 'user[date_time]',
+    width: 'matchParent',
+    label: 'Date Time',
+    min: '2018-06-09T00:00',
+    max: '2018-06-17T00:00',
+    value: '2018-06-15T19:30'
+
+  form.spacer height: 20
+  form.h2 text: 'Country'
+  form.spacer height: 6
+  region_field = { name: 'user[city]', label: 'City' }
+  form.fields_country name: 'user[country]', width: 'matchParent', label: 'Country', region: region_field
+
+  form.spacer height: 20
+  form.h2 text: 'Map'
+  form.spacer height: 6
+  form.fields_location \
+    name: 'user[address]',
+    width: 'matchParent',
+    label: 'Type an address',
+    value: 'Sydney Harbour Bridge',
+    autocompleteOptions: { componentRestrictions: { country: 'au' }, types: ['(cities)'] },
+    latitudeField: { view: 'fields/text', name: 'user[latitude]', label: 'Lat', value: -33.8523063, readOnly: true },
+    longitudeField: { view: 'fields/text', name: 'user[longitude]', label: 'Long', value: 151.21078710000006, readOnly: true },
+    zoomField: { view: 'fields/text', name: 'user[zoom]', label: 'Zoom' }
+
+  form.spacer height: 20
+  form.fields_submit text: 'Submit'
+end

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

@@ -1,49 +1,49 @@
-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: 'Full Increments'
-  form.spacer height: 6
-  form.fields_rating \
-    name: 'user[rating_summary1]',
-    value: 1,
-    color: 'primary'
-
-  form.spacer height: 20
-  form.h2 text: 'Half Increments'
-  form.spacer height: 6
-  form.fields_rating \
-    name: 'user[rating_summary2]',
-    value: 1.5,
-    halfIncrements: true,
-    color: 'secondary'
-
-  form.spacer height: 20
-  form.h2 text: 'Custom Size'
-  form.spacer height: 6
-  form.fields_rating \
-    name: 'user[rating_summary3]',
-    value: 2,
-    color: 'ternary',
-    size: 35
-
-  form.spacer height: 20
-  form.h2 text: 'Read Only'
-  form.spacer height: 6
-  form.fields_rating \
-    name: 'user[rating_summary4]',
-    value: 3,
-    readOnly: true,
-    size: 40
-
-  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.spacer height: 20
+  form.h2 text: 'Full Increments'
+  form.spacer height: 6
+  form.fields_rating \
+    name: 'user[rating_summary1]',
+    value: 1,
+    color: 'primary'
+
+  form.spacer height: 20
+  form.h2 text: 'Half Increments'
+  form.spacer height: 6
+  form.fields_rating \
+    name: 'user[rating_summary2]',
+    value: 1.5,
+    halfIncrements: true,
+    color: 'secondary'
+
+  form.spacer height: 20
+  form.h2 text: 'Custom Size'
+  form.spacer height: 6
+  form.fields_rating \
+    name: 'user[rating_summary3]',
+    value: 2,
+    color: 'ternary',
+    size: 35
+
+  form.spacer height: 20
+  form.h2 text: 'Read Only'
+  form.spacer height: 6
+  form.fields_rating \
+    name: 'user[rating_summary4]',
+    value: 3,
+    readOnly: true,
+    size: 40
+
+  form.spacer height: 20
+  form.fields_submit text: 'Submit'
+end

data/app/views/json_ui/garage/forms/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/richText-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.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/richText-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.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/selects.json.jbuilder

@@ -1,91 +1,91 @@
-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: 'Basic select fields'
-  form.spacer height: 6
-  languages = {
-    'brisbane' => 'Brisbane',
-    'canberra' => 'Canberra',
-    'melbourne' => 'Melbourne',
-    'sydney' => 'Sydney',
-  }
-  form.fields_select name: 'user[city]', width: 'matchParent', label: 'Primary Language', options: languages.map { |k, v| { value: k, text: v } }, value: 'canberra'
-  form.fields_select name: 'user[cities][]', width: 'matchParent', label: 'Preferred Languages', options: languages.map { |k, v| { value: k, text: v } }, value: ['melbourne', 'sydney'], multiple: true
-
-  form.spacer height: 20
-  form.h2 text: 'Select fields with grouping'
-  form.spacer height: 6
-  form.label text: 'Applicable to select fields with many options'
-  form.spacer height: 6
-
-  languages = {
-    "East Asia" => {
-      "zh" => "Chinese",
-      "ja" => "Japanese",
-      "ko" => "Korean",
-    },
-    "Middle East" => {
-      "ar" => 'Arabic',
-      "hi" => "Hindi",
-    },
-    "Europe" => {
-      "nl" => "Dutch",
-      "en" => "English",
-      "fr" => "French",
-      "de" => "German",
-      "it" => "Italian",
-      "pt" => "Portuguese",
-      "es" => "Spanish",
-    },
-    "Eastern Europe" => {
-      "ru" => "Russian",
-    }
-  }
-  options = []
-  languages.each do |group, sub|
-    options << { type: 'label', text: group }
-    options.concat(sub.map { |k, v| { value: k, text: v } })
-    options << { type: 'divider' }
-  end
-
-  form.fields_select name: 'user[language]', width: 'matchParent', label: 'Primary Language', options: options, value: 'nl'
-  form.fields_select name: 'user[languages][]', width: 'matchParent', label: 'Primary Language', options: options, value: ['ja', 'de'], multiple: true
-
-  form.spacer height: 20
-  form.h2 text: 'Select fields with empty values'
-  form.spacer height: 6
-  form.label text: 'It is not recommended to use nil because when the value gets submitted, it is not distinguishable from an empty string.'
-  form.spacer height: 6
-  languages = {
-    nil => 'Nil',
-    '' => 'Unspecified',
-    'specified' => 'Specified',
-  }
-  form.fields_select name: 'user[empty_default]', width: 'matchParent', label: 'Unspecified Default', options: languages.map { |k, v| { value: k, text: v } }, value: ''
-  form.fields_select name: 'user[nil_default]', width: 'matchParent', label: 'Nil Default', options: languages.map { |k, v| { value: k, text: v } }
-  form.fields_select name: 'user[mixed_default][]', width: 'matchParent', label: 'Mixed Default', options: languages.map { |k, v| { value: k, text: v } }, value: ['', 'specified', nil], multiple: true
-
-  form.spacer height: 20
-  form.h2 text: 'Timezone selection'
-  form.spacer height: 6
-  form.label text: 'The select field defaults to the device\'s time zone.'
-  form.spacer height: 6
-  form.fields_timeZone name: 'user[time_zone]', width: 'matchParent', label: 'Time Zone'
-
-  # TODO: Remove
-  form.spacer height: 20
-  form.h2 text: 'Autocomplete (select with manual entry) -- DEPRECATED: Confusing UX, promote bad backend design'
-  form.spacer height: 6
-  skills = ['Singing', 'Dancing', 'Fighting']
-  form.fields_autocomplete name: 'user[skill]', width: 'matchParent', label: 'Skill', options: skills, value: 'Singing'
-  form.fields_autocomplete name: 'user[skills][]', width: 'matchParent', label: 'Skills', options: skills, value: ['Dancing', 'Fencing'], multiple: true
-
-  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.spacer height: 20
+  form.h2 text: 'Basic select fields'
+  form.spacer height: 6
+  languages = {
+    'brisbane' => 'Brisbane',
+    'canberra' => 'Canberra',
+    'melbourne' => 'Melbourne',
+    'sydney' => 'Sydney',
+  }
+  form.fields_select name: 'user[city]', width: 'matchParent', label: 'Primary Language', options: languages.map { |k, v| { value: k, text: v } }, value: 'canberra'
+  form.fields_select name: 'user[cities][]', width: 'matchParent', label: 'Preferred Languages', options: languages.map { |k, v| { value: k, text: v } }, value: ['melbourne', 'sydney'], multiple: true
+
+  form.spacer height: 20
+  form.h2 text: 'Select fields with grouping'
+  form.spacer height: 6
+  form.label text: 'Applicable to select fields with many options'
+  form.spacer height: 6
+
+  languages = {
+    "East Asia" => {
+      "zh" => "Chinese",
+      "ja" => "Japanese",
+      "ko" => "Korean",
+    },
+    "Middle East" => {
+      "ar" => 'Arabic',
+      "hi" => "Hindi",
+    },
+    "Europe" => {
+      "nl" => "Dutch",
+      "en" => "English",
+      "fr" => "French",
+      "de" => "German",
+      "it" => "Italian",
+      "pt" => "Portuguese",
+      "es" => "Spanish",
+    },
+    "Eastern Europe" => {
+      "ru" => "Russian",
+    }
+  }
+  options = []
+  languages.each do |group, sub|
+    options << { type: 'label', text: group }
+    options.concat(sub.map { |k, v| { value: k, text: v } })
+    options << { type: 'divider' }
+  end
+
+  form.fields_select name: 'user[language]', width: 'matchParent', label: 'Primary Language', options: options, value: 'nl'
+  form.fields_select name: 'user[languages][]', width: 'matchParent', label: 'Primary Language', options: options, value: ['ja', 'de'], multiple: true
+
+  form.spacer height: 20
+  form.h2 text: 'Select fields with empty values'
+  form.spacer height: 6
+  form.label text: 'It is not recommended to use nil because when the value gets submitted, it is not distinguishable from an empty string.'
+  form.spacer height: 6
+  languages = {
+    nil => 'Nil',
+    '' => 'Unspecified',
+    'specified' => 'Specified',
+  }
+  form.fields_select name: 'user[empty_default]', width: 'matchParent', label: 'Unspecified Default', options: languages.map { |k, v| { value: k, text: v } }, value: ''
+  form.fields_select name: 'user[nil_default]', width: 'matchParent', label: 'Nil Default', options: languages.map { |k, v| { value: k, text: v } }
+  form.fields_select name: 'user[mixed_default][]', width: 'matchParent', label: 'Mixed Default', options: languages.map { |k, v| { value: k, text: v } }, value: ['', 'specified', nil], multiple: true
+
+  form.spacer height: 20
+  form.h2 text: 'Timezone selection'
+  form.spacer height: 6
+  form.label text: 'The select field defaults to the device\'s time zone.'
+  form.spacer height: 6
+  form.fields_timeZone name: 'user[time_zone]', width: 'matchParent', label: 'Time Zone'
+
+  # TODO: Remove
+  form.spacer height: 20
+  form.h2 text: 'Autocomplete (select with manual entry) -- DEPRECATED: Confusing UX, promote bad backend design'
+  form.spacer height: 6
+  skills = ['Singing', 'Dancing', 'Fighting']
+  form.fields_autocomplete name: 'user[skill]', width: 'matchParent', label: 'Skill', options: skills, value: 'Singing'
+  form.fields_autocomplete name: 'user[skills][]', width: 'matchParent', label: 'Skills', options: skills, value: ['Dancing', 'Fencing'], multiple: true
+
+  form.button text: 'Submit', onClick: ->(action) { action.forms_submit }
+
+end