glib-web 3.28.0 → 4.0.0

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

@@ -3,75 +3,56 @@ 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
-    ]
-  }
+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', onChangeAndLoad: ->(action) do
+      action.logics_set targetId: 'date1', conditionalData: { value: { "+": [{ "var": 'user[date_start]' }, 24 * 3600] } }
+    end
+    form.fields_date id: 'date1', name: 'user[date_end]', width: 'matchParent', label: 'End Date', min: '2010-01-01', max: '2012-01-01'
 
-  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.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', onChangeAndLoad: ->(action) do
+      action.logics_set targetId: 'date2', conditionalData: { value: { "+": [{ "var": 'user[datetime_start]' }, 3600] } }
+    end
+    form.fields_datetime id: 'date2', name: 'user[datetime_end]', width: 'matchParent', label: 'End Date', min: '2010-01-01', max: '2012-01-01'
 
-  form.spacer height: 20
-  form.h2 text: 'Check/uncheck All'
-  form.spacer height: 6
-  form.fields_check name: 'user[check_all]', label: 'All', checkValue: true
-  form.fields_check name: 'user[check1]', label: 'Check 1', checkValue: true, valueIf: {
-    "==": [
-      {
-        "var": 'user[check_all]'
-      },
-      true
-    ]
-  }
-  form.fields_check name: 'user[check2]', label: 'Check 2', checkValue: true, valueIf: {
-    "==": [
-      {
-        "var": 'user[check_all]'
-      },
-      true
-    ]
-  }
-  form.fields_check name: 'user[check3]', label: 'Check 3', checkValue: true, valueIf: {
-    "==": [
-      {
-        "var": 'user[check_all]'
-      },
-      true
-    ]
-  }
+    form.spacer height: 20
+    form.h2 text: 'Check/uncheck All'
+    form.spacer height: 6
+    form.fields_check name: 'user[check_all]', label: 'All', checkValue: true, onChangeAndLoad: ->(action) do
+      action.runMultiple childActions: ->(saction) do
+        saction.logics_set targetId: 'check1', conditionalData: { value: { "==": [{ "var": 'user[check_all]' }, true] } }
+        saction.logics_set targetId: 'check2', conditionalData: { value: { "==": [{ "var": 'user[check_all]' }, true] } }
+        saction.logics_set targetId: 'check3', conditionalData: { value: { "==": [{ "var": 'user[check_all]' }, true] } }
+      end
+    end
+    form.fields_check id: 'check1', name: 'user[check1]', label: 'Check 1', checkValue: true
+    form.fields_check id: 'check2', name: 'user[check2]', label: 'Check 2', checkValue: true
+    form.fields_check id: 'check3', name: 'user[check3]', label: 'Check 3', checkValue: true
 
-  form.spacer height: 20
-  form.h2 text: 'Divided by 3 (with precision set)'
-  form.spacer height: 6
-  form.fields_number name: 'user[number1]', width: 'matchParent', value: 10
-  form.fields_number \
-    name: 'user[number2]',
-    width: 'matchParent',
-    precision: 1,
-    valueIf: { "/": [{ "var": 'user[number1]' }, 3] }
+    form.spacer height: 20
+    form.h2 text: 'Divided by 3 (with precision set)'
+    form.spacer height: 6
+    form.fields_number name: 'user[number1]', width: 'matchParent', value: 10, onChangeAndLoad: ->(action) do
+      action.logics_set targetId: 'number1', conditionalData: { value: { "/": [{ "var": 'user[number1]' }, 3] } }
+    end
+    form.fields_number \
+      name: 'user[number2]',
+      width: 'matchParent',
+      id: 'number1',
+      precision: 1
 
-  form.spacer height: 20
-  form.fields_submit text: 'Submit'
-  form.spacer height: 40
-end
+    form.spacer height: 20
+    form.fields_submit text: 'Submit'
+    form.spacer height: 40
+  end

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

@@ -38,34 +38,6 @@ page.form \
     form.fields_chipGroup name: 'user[dirty_chipgroup]', width: 'matchParent', label: 'Chipgroup', value: ['option_2'], options: options
     form.spacer height: 14
 
-    form.h3 text: 'valueIf'
-    form.fields_check name: 'user[check_all]', label: 'All', checkValue: true
-
-    form.fields_check name: 'user[check1]', label: 'Check 1', checkValue: true, valueIf: {
-      "==": [
-        {
-          "var": 'user[check_all]'
-        },
-        true
-      ]
-    }
-    form.fields_check name: 'user[check2]', label: 'Check 2', checkValue: true, valueIf: {
-      "==": [
-        {
-          "var": 'user[check_all]'
-        },
-        true
-      ]
-    }
-    form.fields_check name: 'user[check3]', label: 'Check 3', checkValue: true, valueIf: {
-      "==": [
-        {
-          "var": 'user[check_all]'
-        },
-        true
-      ]
-    }
-
     form.h3 text: 'Radio'
     form.spacer height: 14
     form.fields_radioGroup name: 'user[gender]', value: 'F', childViews: ->(group) do

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

@@ -42,10 +42,9 @@ page.form options.merge(childViews: ->(form) do
   form.fields_multiUpload \
     name: 'user[multi][]',
     width: 360,
-    accepts: { fileType: 'image', maxFileSize: 5000 },
+    accepts: { fileType: 'image', maxFileSize: 10 },
     directUploadUrl: rails_direct_uploads_url,
     uploadTitle: 'Files uploaded:',
-    uploadFailedText: '(UPLOAD FAILED)',
     storagePrefix: 'glib',
     metadata: {
       foo: 'bar',
@@ -63,7 +62,6 @@ page.form options.merge(childViews: ->(form) do
     accepts: { fileType: 'image', maxFileSize: 5000 },
     directUploadUrl: rails_direct_uploads_url,
     uploadTitle: 'Files uploaded:',
-    uploadFailedText: '(UPLOAD FAILED)',
     onFinishUpload: ->(action) { action.forms_submit }
   form.spacer height: 16
   form.label text: 'Sign'

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

@@ -35,15 +35,17 @@ page.form \
 
   form.spacer height: 20
   form.h2 text: 'OTP with Value If'
-  form.fields_otp name: 'user[otp_summary4]', width: 'matchParent', value: 60000, length: 5
-  form.fields_otp name: 'user[otp_summary5]', width: 'matchParent', length: 5, valueIf: {
-    "*": [
-      {
-        "var": 'user[otp_summary4]'
-      },
-      (20/100.to_f)
-    ]
-  }
+  form.fields_otp name: 'user[otp_summary4]', width: 'matchParent', value: 60000, length: 5, onChange: ->(action) do
+    action.logics_set targetId: 'otp1', conditionalData: { value: {
+      "*": [
+        {
+          "var": 'user[otp_summary4]'
+        },
+        (20/100.to_f)
+      ]
+    } }
+  end
+  form.fields_otp id: 'otp1', name: 'user[otp_summary5]', width: 'matchParent', length: 5
 
   form.spacer height: 20
   form.fields_submit text: 'Submit'

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

@@ -1,7 +1,6 @@
 data = params[:user] || {}
 
 json_ui_response_with_view json do |action|
-  # Experimental. Continue to use `components_update` instead.
   action.components_replace targetId: 'preview', newView: ->(update) do
     update.panels_vertical childViews: ->(vertical) do
       vertical.label text: "Hello #{data[:name]},"

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

@@ -31,26 +31,26 @@ page.form url: json_ui_garage_url(path: 'forms/generic_post'), method: 'post', p
   form.spacer height: 6
 
   languages = {
-    "East Asia" => {
-      "zh" => "Chinese",
-      "ja" => "Japanese",
-      "ko" => "Korean",
+    'East Asia' => {
+      'zh' => 'Chinese',
+      'ja' => 'Japanese',
+      'ko' => 'Korean',
     },
-    "Middle East" => {
-      "ar" => 'Arabic',
-      "hi" => "Hindi",
+    'Middle East' => {
+      'ar' => 'Arabic',
+      'hi' => 'Hindi',
     },
-    "Europe" => {
-      "nl" => "Dutch",
-      "en" => "English",
-      "fr" => "French",
-      "de" => "German",
-      "it" => "Italian",
-      "pt" => "Portuguese",
-      "es" => "Spanish",
+    'Europe' => {
+      'nl' => 'Dutch',
+      'en' => 'English',
+      'fr' => 'French',
+      'de' => 'German',
+      'it' => 'Italian',
+      'pt' => 'Portuguese',
+      'es' => 'Spanish',
     },
-    "Eastern Europe" => {
-      "ru" => "Russian",
+    'Eastern Europe' => {
+      'ru' => 'Russian',
     }
   }
   options = []
@@ -116,13 +116,6 @@ page.form url: json_ui_garage_url(path: 'forms/generic_post'), method: 'post', p
   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 }