glib-web 0.5.96 → 0.5.97

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

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

@@ -1,150 +1,150 @@
-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.h1 text: 'Text'
-  form.fields_password name: 'user[text1]', width: 'matchParent', label: 'Type "show"', value: ''
-  form.label text: 'Typed', showIf: {
-    "==": [
-      {
-        "var": 'user[text1]'
-      },
-      'show'
-    ]
-  }
-  form.label text: 'Type something', showIf: {
-    "==": [
-      {
-        "var": 'user[text1]'
-      },
-      ''
-    ]
-  }
-
-  form.spacer height: 20
-  form.h1 text: 'Textarea'
-  form.fields_textarea name: 'user[textarea1]', width: 'matchParent', label: 'Type "show"'
-  form.label text: 'Typed', showIf: {
-    "==": [
-      {
-        "var": 'user[textarea1]'
-      },
-      'show'
-    ]
-  }
-
-  form.spacer height: 20
-  form.h1 text: 'Check'
-  form.fields_check name: 'user[check1]', checkValue: 'on', label: 'Show text'
-  form.spacer height: 10
-  form.label text: 'Checked', showIf: {
-    "==": [
-      {
-        "var": 'user[check1]'
-      },
-      'on'
-    ]
-  }
-
-  form.spacer height: 6
-  form.fields_check name: 'user[check1]', checkValue: 'on', label: 'Show text'
-  form.spacer height: 10
-  form.label text: 'Checked', showIf: {
-    "==": [
-      {
-        "var": 'user[check1]'
-      },
-      'on'
-    ]
-  }
-  form.label text: 'Checked', showIf: {
-    "!=": [
-      {
-        "var": 'user[check1]'
-      },
-      'on'
-    ]
-  }
-
-  form.spacer height: 20
-  form.h1 text: 'Radio Group'
-  form.fields_radioGroup name: 'user[radio1]', value: 'F', childViews: ->(group) do
-    group.fields_radio value: 'show', label: 'Show'
-    group.fields_radio value: 'hide', label: 'Hide'
-    group.fields_radio value: '', label: 'Empty'
-  end
-  form.spacer height: 10
-  form.label text: 'Chosen', showIf: {
-    "==": [
-      {
-        "var": 'user[radio1]'
-      },
-      'show'
-    ]
-  }
-  form.label text: 'Unspecified', showIf: {
-    "==": [
-      {
-        "var": 'user[radio1]'
-      },
-      ''
-    ]
-  }
-
-  form.spacer height: 20
-  form.h1 text: 'Select'
-  options = ['', 'show', 'hide']
-  form.fields_select name: 'user[select1]', width: 'matchParent', label: 'Select "show"', options: options, value: ''
-  form.label text: 'Selected', showIf: {
-    "==": [
-      {
-        "var": 'user[select1]'
-      },
-      'show'
-    ]
-  }
-  form.label text: 'Unspecified', showIf: {
-    "==": [
-      {
-        "var": 'user[select1]'
-      },
-      ''
-    ]
-  }
-
-  form.spacer height: 20
-  form.h1 text: 'Combined conditions'
-  form.label text: 'Select the same option on both the radio and select fields above'
-  form.spacer height: 10
-  form.h3 text: 'Same!', showIf: {
-    "==": [
-      {
-        "var": 'user[radio1]'
-      },
-      {
-        "var": 'user[select1]'
-      },
-    ]
-  }
-
-  form.spacer height: 20
-  form.h1 text: 'Show/hide another field'
-  form.label text: ''
-  form.spacer height: 10
-  form.fields_check name: 'user[check2]', checkValue: 'on', label: 'Show field'
-  form.spacer height: 10
-  form.fields_text width: 'matchParent', label: 'Comment (optional)', name: 'user[comment]', value: 'This field should be submitted even when it is hidden', showIf: {
-    "==": [
-      {
-        "var": 'user[check2]'
-      },
-      'on'
-    ]
-  }
-
-  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.h1 text: 'Text'
+  form.fields_password name: 'user[text1]', width: 'matchParent', label: 'Type "show"', value: ''
+  form.label text: 'Typed', showIf: {
+    "==": [
+      {
+        "var": 'user[text1]'
+      },
+      'show'
+    ]
+  }
+  form.label text: 'Type something', showIf: {
+    "==": [
+      {
+        "var": 'user[text1]'
+      },
+      ''
+    ]
+  }
+
+  form.spacer height: 20
+  form.h1 text: 'Textarea'
+  form.fields_textarea name: 'user[textarea1]', width: 'matchParent', label: 'Type "show"'
+  form.label text: 'Typed', showIf: {
+    "==": [
+      {
+        "var": 'user[textarea1]'
+      },
+      'show'
+    ]
+  }
+
+  form.spacer height: 20
+  form.h1 text: 'Check'
+  form.fields_check name: 'user[check1]', checkValue: 'on', label: 'Show text'
+  form.spacer height: 10
+  form.label text: 'Checked', showIf: {
+    "==": [
+      {
+        "var": 'user[check1]'
+      },
+      'on'
+    ]
+  }
+
+  form.spacer height: 6
+  form.fields_check name: 'user[check1]', checkValue: 'on', label: 'Show text'
+  form.spacer height: 10
+  form.label text: 'Checked', showIf: {
+    "==": [
+      {
+        "var": 'user[check1]'
+      },
+      'on'
+    ]
+  }
+  form.label text: 'Checked', showIf: {
+    "!=": [
+      {
+        "var": 'user[check1]'
+      },
+      'on'
+    ]
+  }
+
+  form.spacer height: 20
+  form.h1 text: 'Radio Group'
+  form.fields_radioGroup name: 'user[radio1]', value: 'F', childViews: ->(group) do
+    group.fields_radio value: 'show', label: 'Show'
+    group.fields_radio value: 'hide', label: 'Hide'
+    group.fields_radio value: '', label: 'Empty'
+  end
+  form.spacer height: 10
+  form.label text: 'Chosen', showIf: {
+    "==": [
+      {
+        "var": 'user[radio1]'
+      },
+      'show'
+    ]
+  }
+  form.label text: 'Unspecified', showIf: {
+    "==": [
+      {
+        "var": 'user[radio1]'
+      },
+      ''
+    ]
+  }
+
+  form.spacer height: 20
+  form.h1 text: 'Select'
+  options = ['', 'show', 'hide']
+  form.fields_select name: 'user[select1]', width: 'matchParent', label: 'Select "show"', options: options, value: ''
+  form.label text: 'Selected', showIf: {
+    "==": [
+      {
+        "var": 'user[select1]'
+      },
+      'show'
+    ]
+  }
+  form.label text: 'Unspecified', showIf: {
+    "==": [
+      {
+        "var": 'user[select1]'
+      },
+      ''
+    ]
+  }
+
+  form.spacer height: 20
+  form.h1 text: 'Combined conditions'
+  form.label text: 'Select the same option on both the radio and select fields above'
+  form.spacer height: 10
+  form.h3 text: 'Same!', showIf: {
+    "==": [
+      {
+        "var": 'user[radio1]'
+      },
+      {
+        "var": 'user[select1]'
+      },
+    ]
+  }
+
+  form.spacer height: 20
+  form.h1 text: 'Show/hide another field'
+  form.label text: ''
+  form.spacer height: 10
+  form.fields_check name: 'user[check2]', checkValue: 'on', label: 'Show field'
+  form.spacer height: 10
+  form.fields_text width: 'matchParent', label: 'Comment (optional)', name: 'user[comment]', value: 'This field should be submitted even when it is hidden', showIf: {
+    "==": [
+      {
+        "var": 'user[check2]'
+      },
+      'on'
+    ]
+  }
+
+  form.spacer height: 20
+  form.fields_submit text: 'Submit'
+  form.spacer height: 40
+end

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

@@ -1,35 +1,35 @@
-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: 'Search', placeholder: 'Enter a keyword', styleClasses: ['outlined', 'rounded']
-
-  form.spacer height: 14
-  form.fields_password name: 'user[password]', width: 'matchParent', label: 'Password', placeholder: 'Type your password', styleClass: 'outlined'
-
-  form.spacer height: 14
-  form.fields_textarea name: 'user[bio]', width: 'matchParent', label: 'Bio', placeholder: 'Enter your bio', styleClasses: ['outlined']
-
-  # form.spacer height: 14
-  # form.fields_stripeToken name: 'user[stripe_token_outlined]', width: 'matchParent', publicKey: 'pk_test_TYooMQauvdEDq54NiTphI7jx', styleClass: 'outlined'
-
-  # form.spacer height: 14
-  # form.fields_stripeToken name: 'user[stripe_token_individual]', width: 'matchParent', publicKey: 'pk_test_TYooMQauvdEDq54NiTphI7jx', styleClass: 'individual'
-
-  form.spacer height: 14
-  form.fields_creditCard name: 'user[stripe_token_outlined]', width: 'matchParent', publicKey: 'pk_test_TYooMQauvdEDq54NiTphI7jx', styleClass: 'outlined'
-
-  form.spacer height: 14
-  form.fields_creditCard name: 'user[stripe_token_individual]', width: 'matchParent', publicKey: 'pk_test_TYooMQauvdEDq54NiTphI7jx', styleClass: 'individual'
-
-  form.spacer height: 14
-  form.panels_split width: 'matchParent', content: ->(split) do
-    split.right childViews: ->(right) do
-      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: 'Search', placeholder: 'Enter a keyword', styleClasses: ['outlined', 'rounded']
+
+  form.spacer height: 14
+  form.fields_password name: 'user[password]', width: 'matchParent', label: 'Password', placeholder: 'Type your password', styleClass: 'outlined'
+
+  form.spacer height: 14
+  form.fields_textarea name: 'user[bio]', width: 'matchParent', label: 'Bio', placeholder: 'Enter your bio', styleClasses: ['outlined']
+
+  # form.spacer height: 14
+  # form.fields_stripeToken name: 'user[stripe_token_outlined]', width: 'matchParent', publicKey: 'pk_test_TYooMQauvdEDq54NiTphI7jx', styleClass: 'outlined'
+
+  # form.spacer height: 14
+  # form.fields_stripeToken name: 'user[stripe_token_individual]', width: 'matchParent', publicKey: 'pk_test_TYooMQauvdEDq54NiTphI7jx', styleClass: 'individual'
+
+  form.spacer height: 14
+  form.fields_creditCard name: 'user[stripe_token_outlined]', width: 'matchParent', publicKey: 'pk_test_TYooMQauvdEDq54NiTphI7jx', styleClass: 'outlined'
+
+  form.spacer height: 14
+  form.fields_creditCard name: 'user[stripe_token_individual]', width: 'matchParent', publicKey: 'pk_test_TYooMQauvdEDq54NiTphI7jx', styleClass: 'individual'
+
+  form.spacer height: 14
+  form.panels_split width: 'matchParent', content: ->(split) do
+    split.right childViews: ->(right) do
+      right.fields_submit text: 'Submit'
+    end
+  end
+
+end

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

@@ -1,17 +1,17 @@
-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/submission_flow_post'), method: 'post', padding: { top: 12, left: 20, right: 20, bottom: 12 }, childViews: ->(form) do
-  form.fields_radioGroup name: 'user[flow]', childViews: ->(group) do
-    group.h3 text: 'Flow'
-    group.spacer height: 6
-    group.fields_radio value: 'open', label: 'open - useful for form create'
-    group.fields_radio value: 'close_with_reload', label: 'closeWithReload - useful for form update'
-    group.fields_radio value: 'close_alert', label: 'close+alert - useful for non-model form (e.g. contact us)'
-    group.fields_radio value: 'alert_close', label: 'alert+close - useful for non-model form (e.g. contact us)'
-  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/submission_flow_post'), method: 'post', padding: { top: 12, left: 20, right: 20, bottom: 12 }, childViews: ->(form) do
+  form.fields_radioGroup name: 'user[flow]', childViews: ->(group) do
+    group.h3 text: 'Flow'
+    group.spacer height: 6
+    group.fields_radio value: 'open', label: 'open - useful for form create'
+    group.fields_radio value: 'close_with_reload', label: 'closeWithReload - useful for form update'
+    group.fields_radio value: 'close_alert', label: 'close+alert - useful for non-model form (e.g. contact us)'
+    group.fields_radio value: 'alert_close', label: 'alert+close - useful for non-model form (e.g. contact us)'
+  end
+  form.button text: 'Submit', onClick: ->(action) { action.forms_submit }
+end

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

@@ -1,26 +1,26 @@
-
-flow = params.require(:user)[:flow] if params[:user]
-json_ui_response json do |action|
-  if !flow.present?
-    action.dialogs_alert message: 'Please enter all required information'
-  else
-    case flow
-    when 'close_with_reload'
-      # action.windows_close onClose: ->(action) do
-      #   action.windows_reload
-      # end
-
-      action.windows_closeWithReload fallbackUrl: json_ui_garage_url(path: 'forms/index')
-    when 'close_alert'
-      action.windows_close onClose: ->(action) do
-        action.dialogs_alert message: 'Thanks for the submission!'
-      end
-    when 'alert_close'
-      action.dialogs_alert message: 'Thanks for the submission!', onClose: ->(action) do
-        action.windows_close
-      end
-    when 'open'
-      action.windows_open url: json_ui_garage_url(path: 'forms/index')
-    end
-  end
-end
+
+flow = params.require(:user)[:flow] if params[:user]
+json_ui_response json do |action|
+  if !flow.present?
+    action.dialogs_alert message: 'Please enter all required information'
+  else
+    case flow
+    when 'close_with_reload'
+      # action.windows_close onClose: ->(action) do
+      #   action.windows_reload
+      # end
+
+      action.windows_closeWithReload fallbackUrl: json_ui_garage_url(path: 'forms/index')
+    when 'close_alert'
+      action.windows_close onClose: ->(action) do
+        action.dialogs_alert message: 'Thanks for the submission!'
+      end
+    when 'alert_close'
+      action.dialogs_alert message: 'Thanks for the submission!', onClose: ->(action) do
+        action.windows_close
+      end
+    when 'open'
+      action.windows_open url: json_ui_garage_url(path: 'forms/index')
+    end
+  end
+end