glib-web 0.5.64 → 0.5.66

Sign up to get free protection for your applications and to get access to all the features.
Files changed (180) hide show
  1. checksums.yaml +4 -4
  2. data/app/channels/glib/channel/is_typing_channel.rb +28 -28
  3. data/app/channels/glib/channel/online_channel.rb +29 -29
  4. data/app/controllers/concerns/glib/analytics/funnel.rb +61 -61
  5. data/app/controllers/concerns/glib/auth/policy.rb +148 -148
  6. data/app/controllers/concerns/glib/json/dynamic_text.rb +126 -126
  7. data/app/controllers/concerns/glib/json/libs.rb +149 -149
  8. data/app/controllers/concerns/glib/json/new_dynamic_text.rb +122 -122
  9. data/app/controllers/concerns/glib/json/transformation.rb +11 -11
  10. data/app/controllers/concerns/glib/json/traversal.rb +92 -92
  11. data/app/controllers/concerns/glib/json/ui.rb +88 -88
  12. data/app/controllers/concerns/glib/json/validation.rb +13 -13
  13. data/app/controllers/glib/home_controller.rb +54 -54
  14. data/app/helpers/glib/app_feature_support_helper.rb +16 -16
  15. data/app/helpers/glib/dynamic_images_helper.rb +55 -55
  16. data/app/helpers/glib/dynamic_texts_helper.rb +42 -42
  17. data/app/helpers/glib/enum_helper.rb +8 -8
  18. data/app/helpers/glib/forms_helper.rb +15 -15
  19. data/app/helpers/glib/json_ui/abstract_builder.rb +294 -294
  20. data/app/helpers/glib/json_ui/action_builder.rb +140 -140
  21. data/app/helpers/glib/json_ui/action_builder/dialogs.rb +58 -58
  22. data/app/helpers/glib/json_ui/action_builder/http.rb +39 -39
  23. data/app/helpers/glib/json_ui/action_builder/panels.rb +14 -14
  24. data/app/helpers/glib/json_ui/action_builder/sheets.rb +15 -15
  25. data/app/helpers/glib/json_ui/action_builder/snackbars.rb +41 -41
  26. data/app/helpers/glib/json_ui/action_builder/windows.rb +31 -31
  27. data/app/helpers/glib/json_ui/analytics_helper.rb +17 -17
  28. data/app/helpers/glib/json_ui/dynamic_field_builders.rb +25 -25
  29. data/app/helpers/glib/json_ui/generic_builders.rb +28 -28
  30. data/app/helpers/glib/json_ui/list_builders.rb +110 -110
  31. data/app/helpers/glib/json_ui/menu_builder.rb +94 -94
  32. data/app/helpers/glib/json_ui/page_helper.rb +221 -221
  33. data/app/helpers/glib/json_ui/response_helper.rb +25 -25
  34. data/app/helpers/glib/json_ui/split_builders.rb +32 -32
  35. data/app/helpers/glib/json_ui/styling_helper.rb +47 -47
  36. data/app/helpers/glib/json_ui/table_builders.rb +74 -74
  37. data/app/helpers/glib/json_ui/view_builder.rb +232 -232
  38. data/app/helpers/glib/json_ui/view_builder/banners.rb +26 -25
  39. data/app/helpers/glib/json_ui/view_builder/charts.rb +33 -33
  40. data/app/helpers/glib/json_ui/view_builder/fields.rb +263 -259
  41. data/app/helpers/glib/json_ui/view_builder/panels.rb +251 -251
  42. data/app/helpers/glib/urls_helper.rb +12 -12
  43. data/app/models/glib/active_storage/attachment.rb +9 -9
  44. data/app/models/glib/active_storage/blob.rb +9 -9
  45. data/app/models/glib/application_record.rb +18 -18
  46. data/app/models/glib/dynamic_text_record.rb +9 -9
  47. data/app/models/glib/text.rb +95 -95
  48. data/app/policies/glib/application_policy.rb +161 -161
  49. data/app/validators/email_typo_validator.rb +38 -38
  50. data/app/validators/email_validator.rb +7 -7
  51. data/app/validators/url_validator.rb +20 -20
  52. data/app/views/json_ui/garage/_nav_menu.json.jbuilder +70 -70
  53. data/app/views/json_ui/garage/actions/_dialogs.json.jbuilder +104 -104
  54. data/app/views/json_ui/garage/actions/_http.json.jbuilder +24 -24
  55. data/app/views/json_ui/garage/actions/_panels.json.jbuilder +18 -18
  56. data/app/views/json_ui/garage/actions/_reload.json.jbuilder +17 -17
  57. data/app/views/json_ui/garage/actions/_sheets.json.jbuilder +18 -18
  58. data/app/views/json_ui/garage/actions/_snackbars.json.jbuilder +33 -33
  59. data/app/views/json_ui/garage/actions/_timeouts.json.jbuilder +24 -24
  60. data/app/views/json_ui/garage/actions/_windows.json.jbuilder +24 -24
  61. data/app/views/json_ui/garage/actions/dialogs_oauth_post.json.jbuilder +6 -6
  62. data/app/views/json_ui/garage/actions/index.json.jbuilder +24 -24
  63. data/app/views/json_ui/garage/forms/_alert_post_data.json.jbuilder +6 -6
  64. data/app/views/json_ui/garage/forms/basic.json.jbuilder +21 -21
  65. data/app/views/json_ui/garage/forms/basic_post.json.jbuilder +8 -8
  66. data/app/views/json_ui/garage/forms/checkboxes.json.jbuilder +43 -43
  67. data/app/views/json_ui/garage/forms/conditional_value.json.jbuilder +36 -36
  68. data/app/views/json_ui/garage/forms/dynamic_group.json.jbuilder +39 -39
  69. data/app/views/json_ui/garage/forms/dynamic_select.json.jbuilder +22 -22
  70. data/app/views/json_ui/garage/forms/dynamic_select_data.json.jbuilder +38 -38
  71. data/app/views/json_ui/garage/forms/file_upload.json.jbuilder +32 -32
  72. data/app/views/json_ui/garage/forms/floating_submit.json.jbuilder +19 -19
  73. data/app/views/json_ui/garage/forms/generic_post.json.jbuilder +3 -3
  74. data/app/views/json_ui/garage/forms/get_request.json.jbuilder +27 -27
  75. data/app/views/json_ui/garage/forms/index.json.jbuilder +113 -107
  76. data/app/views/json_ui/garage/forms/misc.json.jbuilder +29 -0
  77. data/app/views/json_ui/garage/forms/new_rich_text.json.jbuilder +39 -39
  78. data/app/views/json_ui/garage/forms/pickers.json.jbuilder +79 -102
  79. data/app/views/json_ui/garage/forms/ratings.json.jbuilder +49 -0
  80. data/app/views/json_ui/garage/forms/rich_text.json.jbuilder +40 -40
  81. data/app/views/json_ui/garage/forms/selects.json.jbuilder +83 -83
  82. data/app/views/json_ui/garage/forms/show_hide.json.jbuilder +130 -130
  83. data/app/views/json_ui/garage/forms/styled_boxes.json.jbuilder +35 -35
  84. data/app/views/json_ui/garage/forms/submission_flow.json.jbuilder +17 -17
  85. data/app/views/json_ui/garage/forms/submission_flow_post.json.jbuilder +26 -26
  86. data/app/views/json_ui/garage/forms/submission_indicator.json.jbuilder +63 -63
  87. data/app/views/json_ui/garage/forms/submission_indicator_post.json.jbuilder +25 -25
  88. data/app/views/json_ui/garage/forms/text_validation.json.jbuilder +81 -81
  89. data/app/views/json_ui/garage/home/blank.json.jbuilder +10 -10
  90. data/app/views/json_ui/garage/home/index.json.jbuilder +36 -36
  91. data/app/views/json_ui/garage/home/slow.json.jbuilder +11 -11
  92. data/app/views/json_ui/garage/lists/_autoload_section.json.jbuilder +28 -28
  93. data/app/views/json_ui/garage/lists/autoload_all.json.jbuilder +32 -32
  94. data/app/views/json_ui/garage/lists/autoload_as_needed.json.jbuilder +35 -35
  95. data/app/views/json_ui/garage/lists/chat_ui.json.jbuilder +94 -94
  96. data/app/views/json_ui/garage/lists/edit_actions.json.jbuilder +62 -62
  97. data/app/views/json_ui/garage/lists/fab.json.jbuilder +12 -12
  98. data/app/views/json_ui/garage/lists/index.json.jbuilder +32 -32
  99. data/app/views/json_ui/garage/lists/reordering.json.jbuilder +34 -34
  100. data/app/views/json_ui/garage/lists/templating.json.jbuilder +35 -35
  101. data/app/views/json_ui/garage/notifications/action_cable.json.jbuilder +113 -113
  102. data/app/views/json_ui/garage/notifications/android_post.json.jbuilder +48 -48
  103. data/app/views/json_ui/garage/notifications/index.json.jbuilder +36 -36
  104. data/app/views/json_ui/garage/notifications/web_socket.json.jbuilder +60 -60
  105. data/app/views/json_ui/garage/pages/flat_centered.json.jbuilder +29 -29
  106. data/app/views/json_ui/garage/pages/full_width.json.jbuilder +29 -29
  107. data/app/views/json_ui/garage/pages/full_width_height.json.jbuilder +16 -16
  108. data/app/views/json_ui/garage/pages/index.json.jbuilder +62 -62
  109. data/app/views/json_ui/garage/pages/layout.json.jbuilder +18 -18
  110. data/app/views/json_ui/garage/pages/lifecycle_hooks.json.jbuilder +13 -13
  111. data/app/views/json_ui/garage/pages/loading_indicator.json.jbuilder +10 -10
  112. data/app/views/json_ui/garage/pages/nav_buttons.json.jbuilder +21 -21
  113. data/app/views/json_ui/garage/pages/nested_scroll.json.jbuilder +40 -40
  114. data/app/views/json_ui/garage/pages/tab_bar.json.jbuilder +31 -31
  115. data/app/views/json_ui/garage/panels/_styled.json.jbuilder +78 -78
  116. data/app/views/json_ui/garage/panels/card.json.jbuilder +4 -4
  117. data/app/views/json_ui/garage/panels/carousel.json.jbuilder +37 -37
  118. data/app/views/json_ui/garage/panels/custom.json.jbuilder +17 -17
  119. data/app/views/json_ui/garage/panels/flow.json.jbuilder +49 -49
  120. data/app/views/json_ui/garage/panels/horizontal.json.jbuilder +91 -91
  121. data/app/views/json_ui/garage/panels/index.json.jbuilder +132 -132
  122. data/app/views/json_ui/garage/panels/outlined.json.jbuilder +4 -4
  123. data/app/views/json_ui/garage/panels/responsive.json.jbuilder +98 -98
  124. data/app/views/json_ui/garage/panels/split.json.jbuilder +182 -182
  125. data/app/views/json_ui/garage/panels/vertical.json.jbuilder +55 -55
  126. data/app/views/json_ui/garage/services/dynamic_text.json.jbuilder +13 -13
  127. data/app/views/json_ui/garage/services/image.json.jbuilder +47 -47
  128. data/app/views/json_ui/garage/services/index.json.jbuilder +17 -17
  129. data/app/views/json_ui/garage/tables/_autoload_section.json.jbuilder +16 -16
  130. data/app/views/json_ui/garage/tables/autoload_all.json.jbuilder +43 -43
  131. data/app/views/json_ui/garage/tables/autoload_as_needed.json.jbuilder +50 -50
  132. data/app/views/json_ui/garage/tables/export_import.json.jbuilder +29 -29
  133. data/app/views/json_ui/garage/tables/horizontal_scroll.json.jbuilder +26 -26
  134. data/app/views/json_ui/garage/tables/index.json.jbuilder +25 -25
  135. data/app/views/json_ui/garage/tables/layout.json.jbuilder +40 -40
  136. data/app/views/json_ui/garage/views/_chart_data.json.jbuilder +17 -17
  137. data/app/views/json_ui/garage/views/banners.json.jbuilder +63 -63
  138. data/app/views/json_ui/garage/views/calendar_data.json.jbuilder +30 -30
  139. data/app/views/json_ui/garage/views/charts.json.jbuilder +115 -115
  140. data/app/views/json_ui/garage/views/icon_names.json.jbuilder +1450 -1450
  141. data/app/views/json_ui/garage/views/icons.json.jbuilder +14 -14
  142. data/app/views/json_ui/garage/views/images.json.jbuilder +89 -89
  143. data/app/views/json_ui/garage/views/index.json.jbuilder +64 -64
  144. data/app/views/json_ui/garage/views/links.json.jbuilder +70 -70
  145. data/app/views/json_ui/garage/views/map_cluster_data.json.jbuilder +41 -41
  146. data/app/views/json_ui/garage/views/map_data.json.jbuilder +51 -51
  147. data/app/views/json_ui/garage/views/maps.json.jbuilder +31 -31
  148. data/app/views/json_ui/garage/views/markdowns.json.jbuilder +41 -41
  149. data/app/views/json_ui/garage/views/misc.json.jbuilder +34 -34
  150. data/app/views/json_ui/garage/views/texts.json.jbuilder +44 -44
  151. data/app/views/layouts/json_ui/renderer.html.erb +35 -35
  152. data/config/routes.rb +7 -7
  153. data/lib/generators/glib/install_generator.rb +24 -24
  154. data/lib/generators/templates/20191017062519_create_texts.rb +12 -12
  155. data/lib/generators/templates/20191024063257_add_scope_to_texts.rb +7 -7
  156. data/lib/generators/templates/20191112095018_add_lang_to_texts.rb +7 -7
  157. data/lib/generators/templates/20191126071051_create_active_storage_tables.active_storage.rb +27 -27
  158. data/lib/generators/templates/database.yml +107 -107
  159. data/lib/generators/templates/dynamic_text.rb +2 -2
  160. data/lib/glib-web.rb +9 -9
  161. data/lib/glib/crypt/utils.rb +26 -26
  162. data/lib/glib/dynamic_text/config.rb +21 -21
  163. data/lib/glib/engine.rb +7 -7
  164. data/lib/glib/json_crawler.rb +11 -11
  165. data/lib/glib/json_crawler/action_crawler.rb +23 -23
  166. data/lib/glib/json_crawler/action_crawlers/action_http.rb +11 -11
  167. data/lib/glib/json_crawler/action_crawlers/forms_submit.rb +48 -48
  168. data/lib/glib/json_crawler/action_crawlers/menu.rb +12 -12
  169. data/lib/glib/json_crawler/action_crawlers/nav_initiate.rb +19 -19
  170. data/lib/glib/json_crawler/action_crawlers/run_multiple.rb +13 -13
  171. data/lib/glib/json_crawler/action_crawlers/windows_open.rb +33 -33
  172. data/lib/glib/json_crawler/coverage.rb +20 -20
  173. data/lib/glib/json_crawler/http.rb +120 -120
  174. data/lib/glib/json_crawler/router.rb +98 -98
  175. data/lib/glib/mailer_tester.rb +36 -36
  176. data/lib/glib/test_helpers.rb +52 -52
  177. data/lib/glib/value.rb +7 -7
  178. data/lib/glib/version.rb +5 -5
  179. data/lib/tasks/db.rake +95 -95
  180. metadata +4 -3
@@ -0,0 +1,49 @@
1
+ json.title 'Forms'
2
+
3
+ page = json_ui_page json
4
+ render "#{@path_prefix}/nav_menu", json: json, page: page
5
+
6
+ page.form \
7
+ url: json_ui_garage_url(path: 'forms/generic_post'),
8
+ method: 'post',
9
+ padding: glib_json_padding_body,
10
+ childViews: ->(form) do
11
+
12
+ form.spacer height: 20
13
+ form.h2 text: 'Full Increments'
14
+ form.spacer height: 6
15
+ form.fields_rating \
16
+ name: 'user[rating_summary1]',
17
+ value: 1,
18
+ color: 'primary'
19
+
20
+ form.spacer height: 20
21
+ form.h2 text: 'Half Increments'
22
+ form.spacer height: 6
23
+ form.fields_rating \
24
+ name: 'user[rating_summary2]',
25
+ value: 1.5,
26
+ halfIncrements: true,
27
+ color: 'secondary'
28
+
29
+ form.spacer height: 20
30
+ form.h2 text: 'Custom Size'
31
+ form.spacer height: 6
32
+ form.fields_rating \
33
+ name: 'user[rating_summary3]',
34
+ value: 2,
35
+ color: 'ternary',
36
+ size: 35
37
+
38
+ form.spacer height: 20
39
+ form.h2 text: 'Read Only'
40
+ form.spacer height: 6
41
+ form.fields_rating \
42
+ name: 'user[rating_summary4]',
43
+ value: 3,
44
+ readOnly: true,
45
+ size: 40
46
+
47
+ form.spacer height: 20
48
+ form.fields_submit text: 'Submit'
49
+ end
@@ -1,40 +1,40 @@
1
- json.title 'Forms'
2
-
3
- page = json_ui_page json
4
-
5
- render "#{@path_prefix}/nav_menu", json: json, page: page
6
-
7
- 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
8
- form.fields_text name: 'user[name]', width: 'matchParent', label: 'Name'
9
-
10
- # images = [
11
- # {
12
- # value: "eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBFQT09IiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--193dc0d939b9558fc4973fafbba91d989cbb04d4",
13
- # fileUrl: "https://imageserver-demo.herokuapp.com/image/itinerarybuilder-demo/o6CKzNt67PWnkPdUEnWMt7pr?h=100&w=100"
14
- # }
15
- # ]
16
- # form.fields_richText name: 'user[bio]', width: 'matchParent', label: 'Content', images: images, value: '<p>Test {{image1}}</p>'
17
-
18
- json.child! do
19
- json.view 'fields/richText-v1'
20
- json.width 'matchParent'
21
- json.label 'Content'
22
- json.name 'user[bio]'
23
- json.value '<p>Test {{image1}}</p>'
24
-
25
- json.images do
26
- json.child! do
27
- json.value "eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBFQT09IiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--193dc0d939b9558fc4973fafbba91d989cbb04d4"
28
- # json.fileTitle "hita i hanom hg.jpg"
29
- json.fileUrl "https://imageserver-demo.herokuapp.com/image/itinerarybuilder-demo/o6CKzNt67PWnkPdUEnWMt7pr?h=100&w=100"
30
- end
31
- end
32
-
33
- json.imageUploader do
34
- json.accepts(fileType: "image/*", maxFileSize: 5000)
35
- json.directUploadUrl rails_direct_uploads_url
36
- end
37
- end
38
-
39
- form.button text: 'Submit', onClick: ->(action) { action.forms_submit }
40
- end
1
+ json.title 'Forms'
2
+
3
+ page = json_ui_page json
4
+
5
+ render "#{@path_prefix}/nav_menu", json: json, page: page
6
+
7
+ 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
8
+ form.fields_text name: 'user[name]', width: 'matchParent', label: 'Name'
9
+
10
+ # images = [
11
+ # {
12
+ # value: "eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBFQT09IiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--193dc0d939b9558fc4973fafbba91d989cbb04d4",
13
+ # fileUrl: "https://imageserver-demo.herokuapp.com/image/itinerarybuilder-demo/o6CKzNt67PWnkPdUEnWMt7pr?h=100&w=100"
14
+ # }
15
+ # ]
16
+ # form.fields_richText name: 'user[bio]', width: 'matchParent', label: 'Content', images: images, value: '<p>Test {{image1}}</p>'
17
+
18
+ json.child! do
19
+ json.view 'fields/richText-v1'
20
+ json.width 'matchParent'
21
+ json.label 'Content'
22
+ json.name 'user[bio]'
23
+ json.value '<p>Test {{image1}}</p>'
24
+
25
+ json.images do
26
+ json.child! do
27
+ json.value "eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBFQT09IiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--193dc0d939b9558fc4973fafbba91d989cbb04d4"
28
+ # json.fileTitle "hita i hanom hg.jpg"
29
+ json.fileUrl "https://imageserver-demo.herokuapp.com/image/itinerarybuilder-demo/o6CKzNt67PWnkPdUEnWMt7pr?h=100&w=100"
30
+ end
31
+ end
32
+
33
+ json.imageUploader do
34
+ json.accepts(fileType: "image/*", maxFileSize: 5000)
35
+ json.directUploadUrl rails_direct_uploads_url
36
+ end
37
+ end
38
+
39
+ form.button text: 'Submit', onClick: ->(action) { action.forms_submit }
40
+ end
@@ -1,83 +1,83 @@
1
- json.title 'Forms'
2
-
3
- page = json_ui_page json
4
-
5
- render "#{@path_prefix}/nav_menu", json: json, page: page
6
-
7
- page.form url: json_ui_garage_url(path: 'forms/generic_post'), method: 'post', padding: glib_json_padding_body, childViews: ->(form) do
8
-
9
- form.spacer height: 20
10
- form.h2 text: 'Basic select fields'
11
- form.spacer height: 6
12
- languages = {
13
- 'brisbane' => 'Brisbane',
14
- 'canberra' => 'Canberra',
15
- 'melbourne' => 'Melbourne',
16
- 'sydney' => 'Sydney',
17
- }
18
- form.fields_select name: 'user[city]', width: 'matchParent', label: 'Primary Language', options: languages.map { |k, v| { value: k, text: v } }, value: 'canberra'
19
- 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
20
-
21
- form.spacer height: 20
22
- form.h2 text: 'Select fields with grouping'
23
- form.spacer height: 6
24
- form.label text: 'Applicable to select fields with many options'
25
- form.spacer height: 6
26
-
27
- languages = {
28
- "East Asia" => {
29
- "zh" => "Chinese",
30
- "ja" => "Japanese",
31
- "ko" => "Korean",
32
- },
33
- "Middle East" => {
34
- "ar" => 'Arabic',
35
- "hi" => "Hindi",
36
- },
37
- "Europe" => {
38
- "nl" => "Dutch",
39
- "en" => "English",
40
- "fr" => "French",
41
- "de" => "German",
42
- "it" => "Italian",
43
- "pt" => "Portuguese",
44
- "es" => "Spanish",
45
- },
46
- "Eastern Europe" => {
47
- "ru" => "Russian",
48
- }
49
- }
50
- options = []
51
- languages.each do |group, sub|
52
- options << { type: 'label', text: group }
53
- options.concat(sub.map { |k, v| { value: k, text: v } })
54
- options << { type: 'divider' }
55
- end
56
-
57
- form.fields_select name: 'user[language]', width: 'matchParent', label: 'Primary Language', options: options, value: 'nl'
58
- form.fields_select name: 'user[languages][]', width: 'matchParent', label: 'Primary Language', options: options, value: ['ja', 'de'], multiple: true
59
-
60
- form.spacer height: 20
61
- form.h2 text: 'Select fields with empty values'
62
- form.spacer height: 6
63
- form.label text: 'It is not recommended to use nil because when the value gets submitted, it is not distinguishable from an empty string.'
64
- form.spacer height: 6
65
- languages = {
66
- nil => 'Nil',
67
- '' => 'Unspecified',
68
- 'specified' => 'Specified',
69
- }
70
- form.fields_select name: 'user[empty_default]', width: 'matchParent', label: 'Unspecified Default', options: languages.map { |k, v| { value: k, text: v } }, value: ''
71
- form.fields_select name: 'user[nil_default]', width: 'matchParent', label: 'Nil Default', options: languages.map { |k, v| { value: k, text: v } }
72
- 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
73
-
74
- form.spacer height: 20
75
- form.h2 text: 'Autocomplete (select with manual entry)'
76
- form.spacer height: 6
77
- skills = ['Singing', 'Dancing', 'Fighting']
78
- form.fields_autocomplete name: 'user[skill]', width: 'matchParent', label: 'Skill', options: skills, value: 'Singing'
79
- form.fields_autocomplete name: 'user[skills][]', width: 'matchParent', label: 'Skills', options: skills, value: ['Dancing', 'Fencing'], multiple: true
80
-
81
- form.button text: 'Submit', onClick: ->(action) { action.forms_submit }
82
-
83
- end
1
+ json.title 'Forms'
2
+
3
+ page = json_ui_page json
4
+
5
+ render "#{@path_prefix}/nav_menu", json: json, page: page
6
+
7
+ page.form url: json_ui_garage_url(path: 'forms/generic_post'), method: 'post', padding: glib_json_padding_body, childViews: ->(form) do
8
+
9
+ form.spacer height: 20
10
+ form.h2 text: 'Basic select fields'
11
+ form.spacer height: 6
12
+ languages = {
13
+ 'brisbane' => 'Brisbane',
14
+ 'canberra' => 'Canberra',
15
+ 'melbourne' => 'Melbourne',
16
+ 'sydney' => 'Sydney',
17
+ }
18
+ form.fields_select name: 'user[city]', width: 'matchParent', label: 'Primary Language', options: languages.map { |k, v| { value: k, text: v } }, value: 'canberra'
19
+ 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
20
+
21
+ form.spacer height: 20
22
+ form.h2 text: 'Select fields with grouping'
23
+ form.spacer height: 6
24
+ form.label text: 'Applicable to select fields with many options'
25
+ form.spacer height: 6
26
+
27
+ languages = {
28
+ "East Asia" => {
29
+ "zh" => "Chinese",
30
+ "ja" => "Japanese",
31
+ "ko" => "Korean",
32
+ },
33
+ "Middle East" => {
34
+ "ar" => 'Arabic',
35
+ "hi" => "Hindi",
36
+ },
37
+ "Europe" => {
38
+ "nl" => "Dutch",
39
+ "en" => "English",
40
+ "fr" => "French",
41
+ "de" => "German",
42
+ "it" => "Italian",
43
+ "pt" => "Portuguese",
44
+ "es" => "Spanish",
45
+ },
46
+ "Eastern Europe" => {
47
+ "ru" => "Russian",
48
+ }
49
+ }
50
+ options = []
51
+ languages.each do |group, sub|
52
+ options << { type: 'label', text: group }
53
+ options.concat(sub.map { |k, v| { value: k, text: v } })
54
+ options << { type: 'divider' }
55
+ end
56
+
57
+ form.fields_select name: 'user[language]', width: 'matchParent', label: 'Primary Language', options: options, value: 'nl'
58
+ form.fields_select name: 'user[languages][]', width: 'matchParent', label: 'Primary Language', options: options, value: ['ja', 'de'], multiple: true
59
+
60
+ form.spacer height: 20
61
+ form.h2 text: 'Select fields with empty values'
62
+ form.spacer height: 6
63
+ form.label text: 'It is not recommended to use nil because when the value gets submitted, it is not distinguishable from an empty string.'
64
+ form.spacer height: 6
65
+ languages = {
66
+ nil => 'Nil',
67
+ '' => 'Unspecified',
68
+ 'specified' => 'Specified',
69
+ }
70
+ form.fields_select name: 'user[empty_default]', width: 'matchParent', label: 'Unspecified Default', options: languages.map { |k, v| { value: k, text: v } }, value: ''
71
+ form.fields_select name: 'user[nil_default]', width: 'matchParent', label: 'Nil Default', options: languages.map { |k, v| { value: k, text: v } }
72
+ 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
73
+
74
+ form.spacer height: 20
75
+ form.h2 text: 'Autocomplete (select with manual entry)'
76
+ form.spacer height: 6
77
+ skills = ['Singing', 'Dancing', 'Fighting']
78
+ form.fields_autocomplete name: 'user[skill]', width: 'matchParent', label: 'Skill', options: skills, value: 'Singing'
79
+ form.fields_autocomplete name: 'user[skills][]', width: 'matchParent', label: 'Skills', options: skills, value: ['Dancing', 'Fencing'], multiple: true
80
+
81
+ form.button text: 'Submit', onClick: ->(action) { action.forms_submit }
82
+
83
+ end
@@ -1,130 +1,130 @@
1
- json.title 'Forms'
2
-
3
- page = json_ui_page json
4
- render "#{@path_prefix}/nav_menu", json: json, page: page
5
-
6
- page.form url: json_ui_garage_url(path: 'forms/generic_post'), method: 'post', padding: glib_json_padding_body, childViews: ->(form) do
7
- form.h1 text: 'Text'
8
- form.fields_password name: 'user[text1]', width: 'matchParent', label: 'Type "show"', value: ''
9
- form.label text: 'Typed', showIf: {
10
- "==": [
11
- {
12
- "var": 'user[text1]'
13
- },
14
- 'show'
15
- ]
16
- }
17
- form.label text: 'Type something', showIf: {
18
- "==": [
19
- {
20
- "var": 'user[text1]'
21
- },
22
- ''
23
- ]
24
- }
25
-
26
- form.spacer height: 20
27
- form.h1 text: 'Textarea'
28
- form.fields_textarea name: 'user[textarea1]', width: 'matchParent', label: 'Type "show"'
29
- form.label text: 'Typed', showIf: {
30
- "==": [
31
- {
32
- "var": 'user[textarea1]'
33
- },
34
- 'show'
35
- ]
36
- }
37
-
38
- form.spacer height: 20
39
- form.h1 text: 'Check'
40
- form.fields_check name: 'user[check1]', checkValue: 'on', label: 'Show text'
41
- form.spacer height: 10
42
- form.label text: 'Checked', showIf: {
43
- "==": [
44
- {
45
- "var": 'user[check1]'
46
- },
47
- 'on'
48
- ]
49
- }
50
-
51
- form.spacer height: 20
52
- form.h1 text: 'Radio Group'
53
- form.fields_radioGroup name: 'user[radio1]', value: 'F', childViews: ->(group) do
54
- group.fields_radio value: 'show', label: 'Show'
55
- group.fields_radio value: 'hide', label: 'Hide'
56
- group.fields_radio value: '', label: 'Empty'
57
- end
58
- form.spacer height: 10
59
- form.label text: 'Chosen', showIf: {
60
- "==": [
61
- {
62
- "var": 'user[radio1]'
63
- },
64
- 'show'
65
- ]
66
- }
67
- form.label text: 'Unspecified', showIf: {
68
- "==": [
69
- {
70
- "var": 'user[radio1]'
71
- },
72
- ''
73
- ]
74
- }
75
-
76
- form.spacer height: 20
77
- form.h1 text: 'Select'
78
- options = ['', 'show', 'hide']
79
- form.fields_select name: 'user[select1]', width: 'matchParent', label: 'Select "show"', options: options, value: ''
80
- form.label text: 'Selected', showIf: {
81
- "==": [
82
- {
83
- "var": 'user[select1]'
84
- },
85
- 'show'
86
- ]
87
- }
88
- form.label text: 'Unspecified', showIf: {
89
- "==": [
90
- {
91
- "var": 'user[select1]'
92
- },
93
- ''
94
- ]
95
- }
96
-
97
- form.spacer height: 20
98
- form.h1 text: 'Combined conditions'
99
- form.label text: 'Select the same option on both the radio and select fields above'
100
- form.spacer height: 10
101
- form.h3 text: 'Same!', showIf: {
102
- "==": [
103
- {
104
- "var": 'user[radio1]'
105
- },
106
- {
107
- "var": 'user[select1]'
108
- },
109
- ]
110
- }
111
-
112
- form.spacer height: 20
113
- form.h1 text: 'Show/hide another field'
114
- form.label text: ''
115
- form.spacer height: 10
116
- form.fields_check name: 'user[check2]', checkValue: 'on', label: 'Show field'
117
- form.spacer height: 10
118
- form.fields_text width: 'matchParent', label: 'Comment (optional)', name: 'user[comment]', value: 'This field should be submitted even when it is hidden', showIf: {
119
- "==": [
120
- {
121
- "var": 'user[check2]'
122
- },
123
- 'on'
124
- ]
125
- }
126
-
127
- form.spacer height: 20
128
- form.fields_submit text: 'Submit'
129
- form.spacer height: 40
130
- end
1
+ json.title 'Forms'
2
+
3
+ page = json_ui_page json
4
+ render "#{@path_prefix}/nav_menu", json: json, page: page
5
+
6
+ page.form url: json_ui_garage_url(path: 'forms/generic_post'), method: 'post', padding: glib_json_padding_body, childViews: ->(form) do
7
+ form.h1 text: 'Text'
8
+ form.fields_password name: 'user[text1]', width: 'matchParent', label: 'Type "show"', value: ''
9
+ form.label text: 'Typed', showIf: {
10
+ "==": [
11
+ {
12
+ "var": 'user[text1]'
13
+ },
14
+ 'show'
15
+ ]
16
+ }
17
+ form.label text: 'Type something', showIf: {
18
+ "==": [
19
+ {
20
+ "var": 'user[text1]'
21
+ },
22
+ ''
23
+ ]
24
+ }
25
+
26
+ form.spacer height: 20
27
+ form.h1 text: 'Textarea'
28
+ form.fields_textarea name: 'user[textarea1]', width: 'matchParent', label: 'Type "show"'
29
+ form.label text: 'Typed', showIf: {
30
+ "==": [
31
+ {
32
+ "var": 'user[textarea1]'
33
+ },
34
+ 'show'
35
+ ]
36
+ }
37
+
38
+ form.spacer height: 20
39
+ form.h1 text: 'Check'
40
+ form.fields_check name: 'user[check1]', checkValue: 'on', label: 'Show text'
41
+ form.spacer height: 10
42
+ form.label text: 'Checked', showIf: {
43
+ "==": [
44
+ {
45
+ "var": 'user[check1]'
46
+ },
47
+ 'on'
48
+ ]
49
+ }
50
+
51
+ form.spacer height: 20
52
+ form.h1 text: 'Radio Group'
53
+ form.fields_radioGroup name: 'user[radio1]', value: 'F', childViews: ->(group) do
54
+ group.fields_radio value: 'show', label: 'Show'
55
+ group.fields_radio value: 'hide', label: 'Hide'
56
+ group.fields_radio value: '', label: 'Empty'
57
+ end
58
+ form.spacer height: 10
59
+ form.label text: 'Chosen', showIf: {
60
+ "==": [
61
+ {
62
+ "var": 'user[radio1]'
63
+ },
64
+ 'show'
65
+ ]
66
+ }
67
+ form.label text: 'Unspecified', showIf: {
68
+ "==": [
69
+ {
70
+ "var": 'user[radio1]'
71
+ },
72
+ ''
73
+ ]
74
+ }
75
+
76
+ form.spacer height: 20
77
+ form.h1 text: 'Select'
78
+ options = ['', 'show', 'hide']
79
+ form.fields_select name: 'user[select1]', width: 'matchParent', label: 'Select "show"', options: options, value: ''
80
+ form.label text: 'Selected', showIf: {
81
+ "==": [
82
+ {
83
+ "var": 'user[select1]'
84
+ },
85
+ 'show'
86
+ ]
87
+ }
88
+ form.label text: 'Unspecified', showIf: {
89
+ "==": [
90
+ {
91
+ "var": 'user[select1]'
92
+ },
93
+ ''
94
+ ]
95
+ }
96
+
97
+ form.spacer height: 20
98
+ form.h1 text: 'Combined conditions'
99
+ form.label text: 'Select the same option on both the radio and select fields above'
100
+ form.spacer height: 10
101
+ form.h3 text: 'Same!', showIf: {
102
+ "==": [
103
+ {
104
+ "var": 'user[radio1]'
105
+ },
106
+ {
107
+ "var": 'user[select1]'
108
+ },
109
+ ]
110
+ }
111
+
112
+ form.spacer height: 20
113
+ form.h1 text: 'Show/hide another field'
114
+ form.label text: ''
115
+ form.spacer height: 10
116
+ form.fields_check name: 'user[check2]', checkValue: 'on', label: 'Show field'
117
+ form.spacer height: 10
118
+ form.fields_text width: 'matchParent', label: 'Comment (optional)', name: 'user[comment]', value: 'This field should be submitted even when it is hidden', showIf: {
119
+ "==": [
120
+ {
121
+ "var": 'user[check2]'
122
+ },
123
+ 'on'
124
+ ]
125
+ }
126
+
127
+ form.spacer height: 20
128
+ form.fields_submit text: 'Submit'
129
+ form.spacer height: 40
130
+ end