glib-web 0.5.51 → 0.5.52

data/app/views/json_ui/garage/forms/new_rich_text.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/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'
-
-  # 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.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'
+
+  # 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.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/pickers.json.jbuilder

@@ -1,46 +1,46 @@
-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)'
-  form.fields_check name: 'user[enabled]', checkValue: true, label: 'Enable', styleClass: 'switch', 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)'
+  form.fields_check name: 'user[enabled]', checkValue: true, label: 'Enable', styleClass: 'switch', 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/rich_text.json.jbuilder

@@ -1,40 +1,40 @@
-json.title 'Forms'
-
-json_ui_page json do |page|
-  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'
-
-    # 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
-end
+json.title 'Forms'
+
+json_ui_page json do |page|
+  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'
+
+    # 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
+end

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

@@ -1,70 +1,70 @@
-json.title 'Forms'
-
-json_ui_page json do |page|
-  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: 'Autocomplete (select with manual entry)'
-    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
-
-end
+json.title 'Forms'
+
+json_ui_page json do |page|
+  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: 'Autocomplete (select with manual entry)'
+    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
+
+end

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

@@ -1,105 +1,105 @@
-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"'
-  form.label text: 'Typed', showIf: {
-    "==": [
-      {
-        "var": 'user[text1]'
-      },
-      'show'
-    ]
-  }
-
-  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: 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'
-  end
-  form.spacer height: 10
-  form.label text: 'Chosen', showIf: {
-    "==": [
-      {
-        "var": 'user[radio1]'
-      },
-      'show'
-    ]
-  }
-
-  form.spacer height: 20
-  form.h1 text: 'Select'
-  options = ['show', 'hide']
-  form.fields_select name: 'user[select1]', width: 'matchParent', label: 'Select "show"', options: options
-  form.label text: 'Selected', showIf: {
-    "==": [
-      {
-        "var": 'user[select1]'
-      },
-      'show'
-    ]
-  }
-
-  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 can be submitted when it is hidden, but it is not necessary (i.e. up to the app)', 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"'
+  form.label text: 'Typed', showIf: {
+    "==": [
+      {
+        "var": 'user[text1]'
+      },
+      'show'
+    ]
+  }
+
+  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: 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'
+  end
+  form.spacer height: 10
+  form.label text: 'Chosen', showIf: {
+    "==": [
+      {
+        "var": 'user[radio1]'
+      },
+      'show'
+    ]
+  }
+
+  form.spacer height: 20
+  form.h1 text: 'Select'
+  options = ['show', 'hide']
+  form.fields_select name: 'user[select1]', width: 'matchParent', label: 'Select "show"', options: options
+  form.label text: 'Selected', showIf: {
+    "==": [
+      {
+        "var": 'user[select1]'
+      },
+      'show'
+    ]
+  }
+
+  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 can be submitted when it is hidden, but it is not necessary (i.e. up to the app)', showIf: {
+    "==": [
+      {
+        "var": 'user[check2]'
+      },
+      'on'
+    ]
+  }
+
+  form.spacer height: 20
+  form.fields_submit text: 'Submit'
+  form.spacer height: 40
+end