coprl 0.1.0 → 3.0.0.beta.1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (618) hide show
  1. checksums.yaml +4 -4
  2. data/.circleci/config.yml +59 -6
  3. data/.gem_release.yml +1 -0
  4. data/.github/ISSUE_TEMPLATE/bug_report.md +38 -0
  5. data/.github/ISSUE_TEMPLATE/feature_request.md +20 -0
  6. data/.github/ISSUE_TEMPLATE/questions-support.md +10 -0
  7. data/.github/workflows/semantic-release.yml +43 -0
  8. data/.gitignore +50 -7
  9. data/.releaserc +11 -0
  10. data/.ruby-version +2 -0
  11. data/CHANGELOG.md +160 -0
  12. data/CODE-OF-CONDUCT.md +73 -0
  13. data/CONTRIBUTING.md +60 -0
  14. data/Gemfile +24 -6
  15. data/Gemfile.lock +172 -0
  16. data/HISTORY.md +61 -0
  17. data/{LICENSE.txt → LICENSE} +6 -6
  18. data/Procfile +1 -0
  19. data/README.md +121 -19
  20. data/ROADMAP.md +6 -0
  21. data/Rakefile +3 -9
  22. data/app/demo/components.pom +19 -0
  23. data/app/demo/components/avatars.pom +40 -0
  24. data/app/demo/components/badges.pom +26 -0
  25. data/app/demo/components/buttons.pom +63 -0
  26. data/app/demo/components/cards.pom +84 -0
  27. data/app/demo/components/chips.pom +103 -0
  28. data/app/demo/components/content.pom +111 -0
  29. data/app/demo/components/date_fields.pom +106 -0
  30. data/app/demo/components/datetime_fields.pom +113 -0
  31. data/app/demo/components/dialogs.pom +195 -0
  32. data/app/demo/components/drawers.pom +35 -0
  33. data/app/demo/components/expansion_panels.pom +20 -0
  34. data/app/demo/components/fabs-mini.pom +17 -0
  35. data/app/demo/components/fabs.pom +16 -0
  36. data/app/demo/components/file_inputs.pom +52 -0
  37. data/app/demo/components/footers.pom +36 -0
  38. data/app/demo/components/google_maps.pom +22 -0
  39. data/app/demo/components/headers.pom +101 -0
  40. data/app/demo/components/hidden_fields.pom +18 -0
  41. data/app/demo/components/icons.pom +125 -0
  42. data/app/demo/components/image_lists.pom +100 -0
  43. data/app/demo/components/images.pom +45 -0
  44. data/app/demo/components/layouts.pom +54 -0
  45. data/app/demo/components/lists.pom +168 -0
  46. data/app/demo/components/menus.pom +53 -0
  47. data/app/demo/components/multi_selects.pom +29 -0
  48. data/app/demo/components/nav/drawer.pom +5 -0
  49. data/app/demo/components/nav/menu.pom +54 -0
  50. data/app/demo/components/nav/pattern_drawer.pom +5 -0
  51. data/app/demo/components/nav/pattern_menu.pom +12 -0
  52. data/app/demo/components/number_fields.pom +53 -0
  53. data/app/demo/components/padding.pom +96 -0
  54. data/app/demo/components/progress.pom +71 -0
  55. data/app/demo/components/selects.pom +69 -0
  56. data/app/demo/components/sliders.pom +54 -0
  57. data/app/demo/components/snackbar.pom +35 -0
  58. data/app/demo/components/snackbar_attached.pom +6 -0
  59. data/app/demo/components/steppers.pom +178 -0
  60. data/app/demo/components/tab_bars.pom +66 -0
  61. data/app/demo/components/tables.pom +121 -0
  62. data/app/demo/components/text_areas.pom +38 -0
  63. data/app/demo/components/text_fields.pom +114 -0
  64. data/app/demo/components/time_fields.pom +59 -0
  65. data/app/demo/components/toggles.pom +122 -0
  66. data/app/demo/components/tooltips.pom +119 -0
  67. data/app/demo/components/unordered_list.pom +81 -0
  68. data/app/demo/custom_css.pom +37 -0
  69. data/app/demo/events.pom +29 -0
  70. data/app/demo/events/actions/autocomplete.pom +32 -0
  71. data/app/demo/events/actions/clear.pom +25 -0
  72. data/app/demo/events/actions/deletes.pom +24 -0
  73. data/app/demo/events/actions/dialog.pom +19 -0
  74. data/app/demo/events/actions/dialogs/discard.pom +9 -0
  75. data/app/demo/events/actions/dialogs/show_dialog.pom +11 -0
  76. data/app/demo/events/actions/dialogs/trigger.pom +86 -0
  77. data/app/demo/events/actions/last_response.pom +40 -0
  78. data/app/demo/events/actions/loads.pom +29 -0
  79. data/app/demo/events/actions/posts.pom +23 -0
  80. data/app/demo/events/actions/prompt_if_dirty.pom +54 -0
  81. data/app/demo/events/actions/replace_text.pom +6 -0
  82. data/app/demo/events/actions/replaces.pom +21 -0
  83. data/app/demo/events/actions/snackbar.pom +19 -0
  84. data/app/demo/events/actions/toggle_visiblity.pom +22 -0
  85. data/app/demo/events/actions/updates.pom +24 -0
  86. data/app/demo/events/content_as_form.pom +313 -0
  87. data/app/demo/events/field_level.pom +20 -0
  88. data/app/demo/events/form_level.pom +24 -0
  89. data/app/demo/events/nav/drawer.pom +25 -0
  90. data/app/demo/events/parallel.pom +44 -0
  91. data/app/demo/events/tagged_input.pom +37 -0
  92. data/app/demo/formatting_tokens.pom +125 -0
  93. data/app/demo/hello_world.pom +3 -0
  94. data/app/demo/helpers/indented_grid.rb +14 -0
  95. data/app/demo/index.pom +26 -0
  96. data/app/demo/markdown.pom +67 -0
  97. data/app/demo/namespaces.pom +89 -0
  98. data/app/demo/nav/top_nav.pom +60 -0
  99. data/app/demo/patterns.pom +19 -0
  100. data/app/demo/patterns/drag_drop.pom +89 -0
  101. data/app/demo/patterns/floating_card.pom +29 -0
  102. data/app/demo/patterns/search_select.pom +106 -0
  103. data/app/demo/plugins/chart.pom +254 -0
  104. data/app/demo/plugins/image_crop.pom +44 -0
  105. data/app/demo/plugins/index.pom +29 -0
  106. data/app/demo/plugins/nav/drawer.pom +19 -0
  107. data/app/demo/shared/code.pom +20 -0
  108. data/app/demo/shared/context_list.pom +29 -0
  109. data/app/demo/shared/debug.pom +17 -0
  110. data/app/demo/styles.pom +42 -0
  111. data/bin/console +14 -7
  112. data/component-status.yml +219 -0
  113. data/config.ru +41 -0
  114. data/coprl.gemspec +35 -27
  115. data/docs/migrating_from_v2_to_v3.md +33 -0
  116. data/docs/settings.md +81 -0
  117. data/exe/coprl +2 -2
  118. data/lib/coprl.rb +22 -4
  119. data/lib/coprl/container_methods.rb +40 -0
  120. data/lib/coprl/logger_methods.rb +11 -0
  121. data/lib/coprl/parameters.rb +73 -0
  122. data/lib/coprl/presenters/api/app.rb +86 -0
  123. data/lib/coprl/presenters/api/router.rb +10 -0
  124. data/lib/coprl/presenters/app.rb +55 -0
  125. data/lib/coprl/presenters/cli.rb +28 -0
  126. data/lib/coprl/presenters/container_item.rb +16 -0
  127. data/lib/coprl/presenters/demo/dragon_drop.rb +48 -0
  128. data/lib/coprl/presenters/demo/echo.rb +36 -0
  129. data/lib/coprl/presenters/demo/search-terms.yml +50 -0
  130. data/lib/coprl/presenters/demo/search.rb +29 -0
  131. data/lib/coprl/presenters/demo/slow.rb +18 -0
  132. data/lib/coprl/presenters/dsl/components/actions/autocomplete.rb +15 -0
  133. data/lib/coprl/presenters/dsl/components/actions/base.rb +65 -0
  134. data/lib/coprl/presenters/dsl/components/actions/clear.rb +15 -0
  135. data/lib/coprl/presenters/dsl/components/actions/close_dialog.rb +17 -0
  136. data/lib/coprl/presenters/dsl/components/actions/deletes.rb +15 -0
  137. data/lib/coprl/presenters/dsl/components/actions/dialog.rb +15 -0
  138. data/lib/coprl/presenters/dsl/components/actions/loads.rb +31 -0
  139. data/lib/coprl/presenters/dsl/components/actions/navigates.rb +15 -0
  140. data/lib/coprl/presenters/dsl/components/actions/post_message.rb +17 -0
  141. data/lib/coprl/presenters/dsl/components/actions/posts.rb +20 -0
  142. data/lib/coprl/presenters/dsl/components/actions/prompt_if_dirty.rb +15 -0
  143. data/lib/coprl/presenters/dsl/components/actions/remove.rb +15 -0
  144. data/lib/coprl/presenters/dsl/components/actions/replaces.rb +25 -0
  145. data/lib/coprl/presenters/dsl/components/actions/snackbar.rb +15 -0
  146. data/lib/coprl/presenters/dsl/components/actions/stepper.rb +15 -0
  147. data/lib/coprl/presenters/dsl/components/actions/toggle_disabled.rb +15 -0
  148. data/lib/coprl/presenters/dsl/components/actions/toggle_visibility.rb +15 -0
  149. data/lib/coprl/presenters/dsl/components/actions/updates.rb +20 -0
  150. data/lib/coprl/presenters/dsl/components/avatar.rb +22 -0
  151. data/lib/coprl/presenters/dsl/components/badge.rb +19 -0
  152. data/lib/coprl/presenters/dsl/components/base.rb +100 -0
  153. data/lib/coprl/presenters/dsl/components/button.rb +60 -0
  154. data/lib/coprl/presenters/dsl/components/card.rb +135 -0
  155. data/lib/coprl/presenters/dsl/components/checkbox.rb +17 -0
  156. data/lib/coprl/presenters/dsl/components/chip.rb +50 -0
  157. data/lib/coprl/presenters/dsl/components/chipset.rb +33 -0
  158. data/lib/coprl/presenters/dsl/components/content.rb +57 -0
  159. data/lib/coprl/presenters/dsl/components/date_field.rb +34 -0
  160. data/lib/coprl/presenters/dsl/components/datetime_base.rb +46 -0
  161. data/lib/coprl/presenters/dsl/components/datetime_field.rb +23 -0
  162. data/lib/coprl/presenters/dsl/components/dialog.rb +80 -0
  163. data/lib/coprl/presenters/dsl/components/drawer.rb +45 -0
  164. data/lib/coprl/presenters/dsl/components/event.rb +178 -0
  165. data/lib/coprl/presenters/dsl/components/event_base.rb +18 -0
  166. data/lib/coprl/presenters/dsl/components/expansion_panel.rb +49 -0
  167. data/lib/coprl/presenters/dsl/components/file_input.rb +34 -0
  168. data/lib/coprl/presenters/dsl/components/footer.rb +25 -0
  169. data/lib/coprl/presenters/dsl/components/form.rb +33 -0
  170. data/lib/coprl/presenters/dsl/components/grid.rb +110 -0
  171. data/lib/coprl/presenters/dsl/components/header.rb +58 -0
  172. data/lib/coprl/presenters/dsl/components/hidden_field.rb +23 -0
  173. data/lib/coprl/presenters/dsl/components/icon.rb +18 -0
  174. data/lib/coprl/presenters/dsl/components/icon_base.rb +22 -0
  175. data/lib/coprl/presenters/dsl/components/icon_toggle.rb +19 -0
  176. data/lib/coprl/presenters/dsl/components/image.rb +84 -0
  177. data/lib/coprl/presenters/dsl/components/image_list.rb +43 -0
  178. data/lib/coprl/presenters/dsl/components/input.rb +30 -0
  179. data/lib/coprl/presenters/dsl/components/link.rb +33 -0
  180. data/lib/coprl/presenters/dsl/components/list.rb +47 -0
  181. data/lib/coprl/presenters/dsl/components/lists/action.rb +69 -0
  182. data/lib/coprl/presenters/dsl/components/lists/actions.rb +60 -0
  183. data/lib/coprl/presenters/dsl/components/lists/header.rb +19 -0
  184. data/lib/coprl/presenters/dsl/components/lists/line.rb +105 -0
  185. data/lib/coprl/presenters/dsl/components/lists/separator.rb +16 -0
  186. data/lib/coprl/presenters/dsl/components/menu.rb +123 -0
  187. data/lib/coprl/presenters/dsl/components/mixins/append.rb +20 -0
  188. data/lib/coprl/presenters/dsl/components/mixins/attaches.rb +22 -0
  189. data/lib/coprl/presenters/dsl/components/mixins/avatar.rb +15 -0
  190. data/lib/coprl/presenters/dsl/components/mixins/buttons.rb +15 -0
  191. data/lib/coprl/presenters/dsl/components/mixins/chips.rb +18 -0
  192. data/lib/coprl/presenters/dsl/components/mixins/chipset.rb +19 -0
  193. data/lib/coprl/presenters/dsl/components/mixins/common.rb +55 -0
  194. data/lib/coprl/presenters/dsl/components/mixins/content.rb +15 -0
  195. data/lib/coprl/presenters/dsl/components/mixins/date_time_fields.rb +26 -0
  196. data/lib/coprl/presenters/dsl/components/mixins/dialogs.rb +16 -0
  197. data/lib/coprl/presenters/dsl/components/mixins/event.rb +17 -0
  198. data/lib/coprl/presenters/dsl/components/mixins/expansion_panels.rb +15 -0
  199. data/lib/coprl/presenters/dsl/components/mixins/file_inputs.rb +16 -0
  200. data/lib/coprl/presenters/dsl/components/mixins/google_maps.rb +15 -0
  201. data/lib/coprl/presenters/dsl/components/mixins/grids.rb +15 -0
  202. data/lib/coprl/presenters/dsl/components/mixins/helpers.rb +20 -0
  203. data/lib/coprl/presenters/dsl/components/mixins/icons.rb +16 -0
  204. data/lib/coprl/presenters/dsl/components/mixins/image_lists.rb +15 -0
  205. data/lib/coprl/presenters/dsl/components/mixins/images.rb +15 -0
  206. data/lib/coprl/presenters/dsl/components/mixins/last_response.rb +48 -0
  207. data/lib/coprl/presenters/dsl/components/mixins/menus.rb +15 -0
  208. data/lib/coprl/presenters/dsl/components/mixins/padding.rb +42 -0
  209. data/lib/coprl/presenters/dsl/components/mixins/progress.rb +16 -0
  210. data/lib/coprl/presenters/dsl/components/mixins/selects.rb +22 -0
  211. data/lib/coprl/presenters/dsl/components/mixins/sliders.rb +15 -0
  212. data/lib/coprl/presenters/dsl/components/mixins/snackbars.rb +17 -0
  213. data/lib/coprl/presenters/dsl/components/mixins/steppers.rb +15 -0
  214. data/lib/coprl/presenters/dsl/components/mixins/tab_bars.rb +17 -0
  215. data/lib/coprl/presenters/dsl/components/mixins/tables.rb +15 -0
  216. data/lib/coprl/presenters/dsl/components/mixins/text_fields.rb +36 -0
  217. data/lib/coprl/presenters/dsl/components/mixins/toggles.rb +35 -0
  218. data/lib/coprl/presenters/dsl/components/mixins/tooltips.rb +17 -0
  219. data/lib/coprl/presenters/dsl/components/mixins/typography.rb +117 -0
  220. data/lib/coprl/presenters/dsl/components/mixins/yield_to.rb +15 -0
  221. data/lib/coprl/presenters/dsl/components/multi_select.rb +56 -0
  222. data/lib/coprl/presenters/dsl/components/number_field.rb +20 -0
  223. data/lib/coprl/presenters/dsl/components/page.rb +28 -0
  224. data/lib/coprl/presenters/dsl/components/page_title.rb +31 -0
  225. data/lib/coprl/presenters/dsl/components/progress.rb +27 -0
  226. data/lib/coprl/presenters/dsl/components/radio_button.rb +14 -0
  227. data/lib/coprl/presenters/dsl/components/rich_text_area.rb +20 -0
  228. data/lib/coprl/presenters/dsl/components/select.rb +72 -0
  229. data/lib/coprl/presenters/dsl/components/separator.rb +21 -0
  230. data/lib/coprl/presenters/dsl/components/slider.rb +38 -0
  231. data/lib/coprl/presenters/dsl/components/snackbar.rb +32 -0
  232. data/lib/coprl/presenters/dsl/components/stepper.rb +96 -0
  233. data/lib/coprl/presenters/dsl/components/switch.rb +14 -0
  234. data/lib/coprl/presenters/dsl/components/tab_bar.rb +50 -0
  235. data/lib/coprl/presenters/dsl/components/table.rb +193 -0
  236. data/lib/coprl/presenters/dsl/components/text_area.rb +19 -0
  237. data/lib/coprl/presenters/dsl/components/text_field.rb +113 -0
  238. data/lib/coprl/presenters/dsl/components/time_field.rb +21 -0
  239. data/lib/coprl/presenters/dsl/components/toggle_base.rb +25 -0
  240. data/lib/coprl/presenters/dsl/components/tooltip.rb +24 -0
  241. data/lib/coprl/presenters/dsl/components/typography.rb +31 -0
  242. data/lib/coprl/presenters/dsl/components/unordered_list.rb +50 -0
  243. data/lib/coprl/presenters/dsl/definer.rb +9 -0
  244. data/lib/coprl/presenters/dsl/definition.rb +34 -0
  245. data/lib/coprl/presenters/dsl/invalid_presenter.rb +8 -0
  246. data/lib/coprl/presenters/dsl/lockable.rb +11 -0
  247. data/lib/coprl/presenters/dsl/protect_from_forgery.rb +43 -0
  248. data/lib/coprl/presenters/dsl/user_interface.rb +157 -0
  249. data/lib/coprl/presenters/errors.rb +1 -0
  250. data/lib/coprl/presenters/errors/invalid_dsl.rb +8 -0
  251. data/lib/coprl/presenters/errors/parameter_validation.rb +8 -0
  252. data/lib/coprl/presenters/errors/unprocessable.rb +8 -0
  253. data/lib/coprl/presenters/generators/inflectors.rb +59 -0
  254. data/lib/coprl/presenters/generators/plugin.rb +121 -0
  255. data/lib/coprl/presenters/generators/templates/plugin/.gitignore +12 -0
  256. data/lib/coprl/presenters/generators/templates/plugin/Gemfile.tt +6 -0
  257. data/lib/coprl/presenters/generators/templates/plugin/LICENSE.txt.tt +21 -0
  258. data/lib/coprl/presenters/generators/templates/plugin/README.md +253 -0
  259. data/lib/coprl/presenters/generators/templates/plugin/lib/coprl/presenters/plugins/components/actions/action.rb.tt +16 -0
  260. data/lib/coprl/presenters/generators/templates/plugin/lib/coprl/presenters/plugins/components/actions/dsl.rb.tt +22 -0
  261. data/lib/coprl/presenters/generators/templates/plugin/lib/coprl/presenters/plugins/components/component.rb.tt +18 -0
  262. data/lib/coprl/presenters/generators/templates/plugin/lib/coprl/presenters/plugins/components/dsl.rb.tt +19 -0
  263. data/lib/coprl/presenters/generators/templates/plugin/lib/coprl/presenters/plugins/helpers/helper.rb.tt +15 -0
  264. data/lib/coprl/presenters/generators/templates/plugin/lib/coprl/presenters/plugins/plugin.rb.tt +9 -0
  265. data/lib/coprl/presenters/generators/templates/plugin/lib/coprl/presenters/plugins/web_client/components/actions/data.rb.tt +17 -0
  266. data/lib/coprl/presenters/generators/templates/plugin/lib/coprl/presenters/plugins/web_client/components/render.rb.tt +27 -0
  267. data/lib/coprl/presenters/generators/templates/plugin/presenter_plugin.gemspec.tt +21 -0
  268. data/lib/coprl/presenters/generators/templates/plugin/views/assets/css/components/component.css.tt +21 -0
  269. data/lib/coprl/presenters/generators/templates/plugin/views/assets/js/components/actions/action.js.tt +15 -0
  270. data/lib/coprl/presenters/generators/templates/plugin/views/assets/js/components/component.js.tt +39 -0
  271. data/lib/coprl/presenters/generators/templates/plugin/views/components/application/component.erb.tt +14 -0
  272. data/lib/coprl/presenters/generators/templates/plugin/views/components/application/component_header.erb.tt +20 -0
  273. data/lib/coprl/presenters/helpers.rb +12 -0
  274. data/lib/coprl/presenters/helpers/date.rb +22 -0
  275. data/lib/coprl/presenters/helpers/errors.rb +11 -0
  276. data/lib/coprl/presenters/helpers/inflector.rb +16 -0
  277. data/lib/coprl/presenters/helpers/rails.rb +43 -0
  278. data/lib/coprl/presenters/helpers/rails/currency.rb +16 -0
  279. data/lib/coprl/presenters/helpers/rails/model_table.rb +60 -0
  280. data/lib/coprl/presenters/helpers/redact.rb +13 -0
  281. data/lib/coprl/presenters/helpers/route.rb +24 -0
  282. data/lib/coprl/presenters/helpers/time.rb +27 -0
  283. data/lib/coprl/presenters/namespace.rb +12 -0
  284. data/lib/coprl/presenters/pluggable.rb +37 -0
  285. data/lib/coprl/presenters/plugins.rb +7 -0
  286. data/lib/coprl/presenters/plugins/google_maps.rb +24 -0
  287. data/lib/coprl/presenters/plugins/google_maps/google_map.erb +10 -0
  288. data/lib/coprl/presenters/plugins/google_maps/google_map.rb +41 -0
  289. data/lib/coprl/presenters/rails/engine.rb +19 -0
  290. data/lib/coprl/presenters/rails/railtie.rb +41 -0
  291. data/lib/coprl/presenters/registry.rb +64 -0
  292. data/lib/coprl/presenters/router.rb +59 -0
  293. data/lib/coprl/presenters/settings.rb +81 -0
  294. data/lib/coprl/presenters/version.rb +7 -0
  295. data/lib/coprl/presenters/views.rb +17 -0
  296. data/lib/coprl/presenters/web_client/app.rb +121 -0
  297. data/lib/coprl/presenters/web_client/component_decorator_factory.rb +27 -0
  298. data/lib/coprl/presenters/web_client/component_html_decorator.rb +50 -0
  299. data/lib/coprl/presenters/web_client/component_renderer.rb +49 -0
  300. data/lib/coprl/presenters/web_client/custom_css.rb +66 -0
  301. data/lib/coprl/presenters/web_client/custom_render.rb +31 -0
  302. data/lib/coprl/presenters/web_client/helpers/color.rb +18 -0
  303. data/lib/coprl/presenters/web_client/helpers/drag_and_drop.rb +21 -0
  304. data/lib/coprl/presenters/web_client/helpers/equal.rb +7 -0
  305. data/lib/coprl/presenters/web_client/helpers/expand_hash.rb +19 -0
  306. data/lib/coprl/presenters/web_client/helpers/form_helpers.rb +14 -0
  307. data/lib/coprl/presenters/web_client/helpers/headers.rb +40 -0
  308. data/lib/coprl/presenters/web_client/helpers/html_safe.rb +8 -0
  309. data/lib/coprl/presenters/web_client/helpers/includes.rb +11 -0
  310. data/lib/coprl/presenters/web_client/helpers/inflector.rb +7 -0
  311. data/lib/coprl/presenters/web_client/helpers/markdown.rb +29 -0
  312. data/lib/coprl/presenters/web_client/helpers/padding_helpers.rb +21 -0
  313. data/lib/coprl/presenters/web_client/helpers/rails.rb +12 -0
  314. data/lib/coprl/presenters/web_client/helpers/rails/escape_html.rb +9 -0
  315. data/lib/coprl/presenters/web_client/helpers/rails/local_variables.rb +11 -0
  316. data/lib/coprl/presenters/web_client/helpers/rails/namespaced.rb +12 -0
  317. data/lib/coprl/presenters/web_client/helpers/rails/partials.rb +20 -0
  318. data/lib/coprl/presenters/web_client/helpers/rails/raw.rb +9 -0
  319. data/lib/coprl/presenters/web_client/helpers/rails/safe_markdown.rb +9 -0
  320. data/lib/coprl/presenters/web_client/helpers/render_component.rb +11 -0
  321. data/lib/coprl/presenters/web_client/helpers/shared.rb +18 -0
  322. data/lib/coprl/presenters/web_client/helpers/sinatra.rb +11 -0
  323. data/lib/coprl/presenters/web_client/helpers/sinatra/escape_html.rb +9 -0
  324. data/lib/coprl/presenters/web_client/helpers/sinatra/local_variables.rb +11 -0
  325. data/lib/coprl/presenters/web_client/helpers/sinatra/partials.rb +27 -0
  326. data/lib/coprl/presenters/web_client/helpers/sinatra/raw.rb +9 -0
  327. data/lib/coprl/presenters/web_client/helpers/sinatra/safe_markdown.rb +10 -0
  328. data/lib/coprl/presenters/web_client/helpers/snake_to_camel.rb +12 -0
  329. data/lib/coprl/presenters/web_client/helpers/transform_hash.rb +20 -0
  330. data/lib/coprl/presenters/web_client/helpers/unique_id.rb +7 -0
  331. data/lib/coprl/presenters/web_client/plugin_headers.rb +37 -0
  332. data/lib/coprl/presenters/web_client/plugin_views_path.rb +35 -0
  333. data/lib/coprl/presenters/web_client/router.rb +10 -0
  334. data/lib/coprl/serializer.rb +43 -0
  335. data/lib/coprl/symbol/to_str.rb +29 -0
  336. data/lib/coprl/trace.rb +17 -0
  337. data/lib/hash_ext/traverse.rb +14 -0
  338. data/public/bundle.css +18256 -0
  339. data/public/bundle.js +60195 -0
  340. data/public/dialog-polyfill.js +738 -0
  341. data/public/favicon.ico +0 -0
  342. data/public/img/demo/dog.png +0 -0
  343. data/public/img/demo/grace-hopper-headshot.png +0 -0
  344. data/public/img/demo/grace-hopper-wide.png +0 -0
  345. data/public/img/demo/grace-hopper.png +0 -0
  346. data/public/img/demo/image_card.jpg +0 -0
  347. data/public/img/demo/rx.png +0 -0
  348. data/public/img/demo/welcome_card.jpg +0 -0
  349. data/public/img/settings/blue.png +0 -0
  350. data/public/img/settings/green.png +0 -0
  351. data/public/img/settings/orange.png +0 -0
  352. data/public/img/settings/purple.png +0 -0
  353. data/public/img/settings/red.png +0 -0
  354. data/public/img/settings/teal.png +0 -0
  355. data/public/img/settings/white.png +0 -0
  356. data/public/img/settings/yellow.png +0 -0
  357. data/public/presenters/custom_css.css +26 -0
  358. data/public/scripts.js +289 -0
  359. data/public/style-bundle.js +73 -0
  360. data/public/styles.css +16 -0
  361. data/public/wc.js +52950 -0
  362. data/rails-engine/app/controllers/coprl_controller.rb +24 -0
  363. data/rails-engine/app/helpers/coprl_helper.rb +3 -0
  364. data/rails-engine/app/views/application/_show.html.pom +2 -0
  365. data/rails-engine/app/views/coprl/show.html.pom +2 -0
  366. data/rails-engine/app/views/layouts/coprl.html.erb +21 -0
  367. data/rails-engine/config.ru +1 -0
  368. data/rails-engine/config/initializers/presenters.rb +43 -0
  369. data/rails-engine/config/routes.rb +13 -0
  370. data/scripts/build.sh +10 -0
  371. data/views/mdc/.babelrc +8 -0
  372. data/views/mdc/.eslintrc.yml +24 -0
  373. data/views/mdc/.gitignore +1 -0
  374. data/views/mdc/.nvmrc +1 -0
  375. data/views/mdc/assets/js/app.js +34 -0
  376. data/views/mdc/assets/js/components/base-component.js +163 -0
  377. data/views/mdc/assets/js/components/base-container.js +87 -0
  378. data/views/mdc/assets/js/components/base-toggle.js +56 -0
  379. data/views/mdc/assets/js/components/button.js +77 -0
  380. data/views/mdc/assets/js/components/cards.js +14 -0
  381. data/views/mdc/assets/js/components/checkboxes.js +15 -0
  382. data/views/mdc/assets/js/components/chips.js +109 -0
  383. data/views/mdc/assets/js/components/content.js +14 -0
  384. data/views/mdc/assets/js/components/data-tables.js +15 -0
  385. data/views/mdc/assets/js/components/datetime.js +186 -0
  386. data/views/mdc/assets/js/components/dialogs.js +135 -0
  387. data/views/mdc/assets/js/components/drag_n_drop.js +182 -0
  388. data/views/mdc/assets/js/components/drawer.js +43 -0
  389. data/views/mdc/assets/js/components/events.js +277 -0
  390. data/views/mdc/assets/js/components/events/action_parameter.js +62 -0
  391. data/views/mdc/assets/js/components/events/action_parameter.test.js +62 -0
  392. data/views/mdc/assets/js/components/events/autocomplete.js +94 -0
  393. data/views/mdc/assets/js/components/events/base.js +167 -0
  394. data/views/mdc/assets/js/components/events/clears.js +29 -0
  395. data/views/mdc/assets/js/components/events/close_dialog.js +50 -0
  396. data/views/mdc/assets/js/components/events/dialog.js +43 -0
  397. data/views/mdc/assets/js/components/events/encode.js +8 -0
  398. data/views/mdc/assets/js/components/events/errors.js +225 -0
  399. data/views/mdc/assets/js/components/events/loads.js +62 -0
  400. data/views/mdc/assets/js/components/events/navigates.js +19 -0
  401. data/views/mdc/assets/js/components/events/plugin.js +18 -0
  402. data/views/mdc/assets/js/components/events/post_message.js +21 -0
  403. data/views/mdc/assets/js/components/events/posts.js +218 -0
  404. data/views/mdc/assets/js/components/events/prompt_if_dirty.js +67 -0
  405. data/views/mdc/assets/js/components/events/removes.js +21 -0
  406. data/views/mdc/assets/js/components/events/replaces.js +135 -0
  407. data/views/mdc/assets/js/components/events/snackbar.js +23 -0
  408. data/views/mdc/assets/js/components/events/stepper.js +21 -0
  409. data/views/mdc/assets/js/components/events/toggle_disabled.js +41 -0
  410. data/views/mdc/assets/js/components/events/toggle_visibility.js +72 -0
  411. data/views/mdc/assets/js/components/file-inputs.js +76 -0
  412. data/views/mdc/assets/js/components/form-fields.js +16 -0
  413. data/views/mdc/assets/js/components/forms.js +14 -0
  414. data/views/mdc/assets/js/components/get_event_target.js +15 -0
  415. data/views/mdc/assets/js/components/grid.js +21 -0
  416. data/views/mdc/assets/js/components/header.js +20 -0
  417. data/views/mdc/assets/js/components/hidden-fields.js +44 -0
  418. data/views/mdc/assets/js/components/icon-toggles.js +14 -0
  419. data/views/mdc/assets/js/components/images.js +19 -0
  420. data/views/mdc/assets/js/components/initialize.js +82 -0
  421. data/views/mdc/assets/js/components/lists.js +92 -0
  422. data/views/mdc/assets/js/components/menus.js +79 -0
  423. data/views/mdc/assets/js/components/mixins/dirtyable.js +22 -0
  424. data/views/mdc/assets/js/components/mixins/event-handler.js +13 -0
  425. data/views/mdc/assets/js/components/mixins/visibility-observer.js +35 -0
  426. data/views/mdc/assets/js/components/multi-select.js +75 -0
  427. data/views/mdc/assets/js/components/plugins.js +86 -0
  428. data/views/mdc/assets/js/components/progress.js +31 -0
  429. data/views/mdc/assets/js/components/radios.js +14 -0
  430. data/views/mdc/assets/js/components/rich-text-area.js +227 -0
  431. data/views/mdc/assets/js/components/rich-text-area/horizontal-rule-blot.js +23 -0
  432. data/views/mdc/assets/js/components/root_document.js +5 -0
  433. data/views/mdc/assets/js/components/selects.js +56 -0
  434. data/views/mdc/assets/js/components/sliders.js +67 -0
  435. data/views/mdc/assets/js/components/snackbar.js +26 -0
  436. data/views/mdc/assets/js/components/steppers.js +48 -0
  437. data/views/mdc/assets/js/components/switches.js +14 -0
  438. data/views/mdc/assets/js/components/tab-bars.js +28 -0
  439. data/views/mdc/assets/js/components/text-fields.js +157 -0
  440. data/views/mdc/assets/js/components/tooltip.js +17 -0
  441. data/views/mdc/assets/js/components/typography.js +28 -0
  442. data/views/mdc/assets/js/components/uninitialize.js +7 -0
  443. data/views/mdc/assets/js/config.js +27 -0
  444. data/views/mdc/assets/js/mdl-stepper.js +1108 -0
  445. data/views/mdc/assets/js/utils/compatibility.js +9 -0
  446. data/views/mdc/assets/js/utils/config.js +73 -0
  447. data/views/mdc/assets/js/utils/config.test.js +59 -0
  448. data/views/mdc/assets/js/utils/form-data.js +12 -0
  449. data/views/mdc/assets/js/utils/urls.js +57 -0
  450. data/views/mdc/assets/js/wc.js +111 -0
  451. data/views/mdc/assets/scss/app.scss +47 -0
  452. data/views/mdc/assets/scss/components/avatar.scss +85 -0
  453. data/views/mdc/assets/scss/components/button.scss +76 -0
  454. data/views/mdc/assets/scss/components/card.scss +60 -0
  455. data/views/mdc/assets/scss/components/checkbox.scss +1 -0
  456. data/views/mdc/assets/scss/components/chip.scss +34 -0
  457. data/views/mdc/assets/scss/components/content.scss +36 -0
  458. data/views/mdc/assets/scss/components/data-table.scss +91 -0
  459. data/views/mdc/assets/scss/components/datetime.scss +29 -0
  460. data/views/mdc/assets/scss/components/dialog.scss +8 -0
  461. data/views/mdc/assets/scss/components/drag_n_drop.scss +17 -0
  462. data/views/mdc/assets/scss/components/drawer.scss +82 -0
  463. data/views/mdc/assets/scss/components/expansion-panel.scss +153 -0
  464. data/views/mdc/assets/scss/components/fab.scss +27 -0
  465. data/views/mdc/assets/scss/components/file-input.scss +18 -0
  466. data/views/mdc/assets/scss/components/grid.scss +81 -0
  467. data/views/mdc/assets/scss/components/header.scss +21 -0
  468. data/views/mdc/assets/scss/components/icon-button-toggles.scss +2 -0
  469. data/views/mdc/assets/scss/components/icon.scss +57 -0
  470. data/views/mdc/assets/scss/components/image-list.scss +18 -0
  471. data/views/mdc/assets/scss/components/image.scss +22 -0
  472. data/views/mdc/assets/scss/components/list.scss +43 -0
  473. data/views/mdc/assets/scss/components/menu.scss +28 -0
  474. data/views/mdc/assets/scss/components/multi-select.scss +44 -0
  475. data/views/mdc/assets/scss/components/progress.scss +1 -0
  476. data/views/mdc/assets/scss/components/radio.scss +4 -0
  477. data/views/mdc/assets/scss/components/rich-text-area.scss +73 -0
  478. data/views/mdc/assets/scss/components/select.scss +23 -0
  479. data/views/mdc/assets/scss/components/separator.scss +3 -0
  480. data/views/mdc/assets/scss/components/slider.scss +1 -0
  481. data/views/mdc/assets/scss/components/snackbar.scss +5 -0
  482. data/views/mdc/assets/scss/components/stepper.scss +235 -0
  483. data/views/mdc/assets/scss/components/switch.scss +15 -0
  484. data/views/mdc/assets/scss/components/tab-bars.scss +4 -0
  485. data/views/mdc/assets/scss/components/textfield.scss +19 -0
  486. data/views/mdc/assets/scss/components/tooltip.scss +3 -0
  487. data/views/mdc/assets/scss/components/typography.scss +35 -0
  488. data/views/mdc/assets/scss/components/unordered-lists.scss +17 -0
  489. data/views/mdc/assets/scss/components/vendor/quill.snow.css +945 -0
  490. data/views/mdc/assets/scss/material.blue_grey-orange.min.css +8 -0
  491. data/views/mdc/assets/scss/media.scss +39 -0
  492. data/views/mdc/assets/scss/palette.scss +16 -0
  493. data/views/mdc/assets/scss/styles.scss +54 -0
  494. data/views/mdc/assets/scss/theme.scss +78 -0
  495. data/views/mdc/body/_dismissable-drawer.erb +34 -0
  496. data/views/mdc/body/_footer.erb +1 -0
  497. data/views/mdc/body/_header.erb +39 -0
  498. data/views/mdc/body/_modal-drawer.erb +35 -0
  499. data/views/mdc/body/_postamble.erb +17 -0
  500. data/views/mdc/body/_preamble.erb +26 -0
  501. data/views/mdc/body/_snackbar.erb +16 -0
  502. data/views/mdc/body/drawer/_divider.erb +1 -0
  503. data/views/mdc/body/drawer/_item.erb +13 -0
  504. data/views/mdc/body/drawer/_label.erb +1 -0
  505. data/views/mdc/body/drawers/_menu.erb +25 -0
  506. data/views/mdc/body/footers/_large.erb +27 -0
  507. data/views/mdc/body/footers/_menu_item.erb +6 -0
  508. data/views/mdc/body/footers/_small.erb +14 -0
  509. data/views/mdc/components/_avatar.erb +31 -0
  510. data/views/mdc/components/_badge.erb +2 -0
  511. data/views/mdc/components/_body.erb +2 -0
  512. data/views/mdc/components/_button.erb +28 -0
  513. data/views/mdc/components/_caption.erb +2 -0
  514. data/views/mdc/components/_card.erb +71 -0
  515. data/views/mdc/components/_checkbox.erb +34 -0
  516. data/views/mdc/components/_chip.erb +56 -0
  517. data/views/mdc/components/_chipset.erb +17 -0
  518. data/views/mdc/components/_content.erb +36 -0
  519. data/views/mdc/components/_date.erb +1 -0
  520. data/views/mdc/components/_datetime.erb +33 -0
  521. data/views/mdc/components/_dialog.erb +50 -0
  522. data/views/mdc/components/_event.erb +12 -0
  523. data/views/mdc/components/_expansion_panel.erb +13 -0
  524. data/views/mdc/components/_file_input.erb +17 -0
  525. data/views/mdc/components/_form.erb +14 -0
  526. data/views/mdc/components/_grid.erb +43 -0
  527. data/views/mdc/components/_headline.erb +4 -0
  528. data/views/mdc/components/_hidden_field.erb +5 -0
  529. data/views/mdc/components/_icon.erb +35 -0
  530. data/views/mdc/components/_icon_toggle.erb +16 -0
  531. data/views/mdc/components/_image.erb +25 -0
  532. data/views/mdc/components/_image_list.erb +38 -0
  533. data/views/mdc/components/_link.erb +4 -0
  534. data/views/mdc/components/_list.erb +20 -0
  535. data/views/mdc/components/_menu.erb +45 -0
  536. data/views/mdc/components/_multi_select.erb +33 -0
  537. data/views/mdc/components/_number_field.erb +38 -0
  538. data/views/mdc/components/_overline.erb +2 -0
  539. data/views/mdc/components/_page_title.erb +4 -0
  540. data/views/mdc/components/_progress.erb +11 -0
  541. data/views/mdc/components/_radio_button.erb +20 -0
  542. data/views/mdc/components/_render.erb +3 -0
  543. data/views/mdc/components/_rich_text_area.erb +22 -0
  544. data/views/mdc/components/_select.erb +43 -0
  545. data/views/mdc/components/_separator.erb +3 -0
  546. data/views/mdc/components/_slider.erb +43 -0
  547. data/views/mdc/components/_snackbar.erb +13 -0
  548. data/views/mdc/components/_stepper.erb +47 -0
  549. data/views/mdc/components/_subtitle.erb +4 -0
  550. data/views/mdc/components/_switch.erb +29 -0
  551. data/views/mdc/components/_tab_bar.erb +35 -0
  552. data/views/mdc/components/_table.erb +28 -0
  553. data/views/mdc/components/_text_area.erb +18 -0
  554. data/views/mdc/components/_text_field.erb +39 -0
  555. data/views/mdc/components/_time.erb +1 -0
  556. data/views/mdc/components/_tooltip.erb +5 -0
  557. data/views/mdc/components/_typography.erb +15 -0
  558. data/views/mdc/components/_unordered_list.erb +10 -0
  559. data/views/mdc/components/actions/autocomplete.rb +8 -0
  560. data/views/mdc/components/actions/clear.rb +11 -0
  561. data/views/mdc/components/actions/close_dialog.rb +10 -0
  562. data/views/mdc/components/actions/delete.rb +11 -0
  563. data/views/mdc/components/actions/dialog.rb +11 -0
  564. data/views/mdc/components/actions/loads.rb +17 -0
  565. data/views/mdc/components/actions/navigates.rb +11 -0
  566. data/views/mdc/components/actions/post.rb +14 -0
  567. data/views/mdc/components/actions/post_message.rb +10 -0
  568. data/views/mdc/components/actions/prompt_if_dirty.rb +17 -0
  569. data/views/mdc/components/actions/remove.rb +10 -0
  570. data/views/mdc/components/actions/replaces.rb +16 -0
  571. data/views/mdc/components/actions/resolver.rb +39 -0
  572. data/views/mdc/components/actions/snackbar.rb +12 -0
  573. data/views/mdc/components/actions/stepper.rb +10 -0
  574. data/views/mdc/components/actions/toggle_disabled.rb +10 -0
  575. data/views/mdc/components/actions/toggle_visibility.rb +10 -0
  576. data/views/mdc/components/actions/update.rb +10 -0
  577. data/views/mdc/components/buttons/_button.erb +27 -0
  578. data/views/mdc/components/buttons/_fab.erb +23 -0
  579. data/views/mdc/components/buttons/_icon.erb +24 -0
  580. data/views/mdc/components/buttons/_image.erb +25 -0
  581. data/views/mdc/components/list/_actions.erb +6 -0
  582. data/views/mdc/components/list/_avatar.erb +6 -0
  583. data/views/mdc/components/list/_checkbox.erb +5 -0
  584. data/views/mdc/components/list/_header.erb +37 -0
  585. data/views/mdc/components/list/_hidden_field.erb +3 -0
  586. data/views/mdc/components/list/_icon.erb +6 -0
  587. data/views/mdc/components/list/_info.erb +1 -0
  588. data/views/mdc/components/list/_line.erb +45 -0
  589. data/views/mdc/components/list/_menu.erb +28 -0
  590. data/views/mdc/components/list/_separator.erb +1 -0
  591. data/views/mdc/components/list/actions/_button.erb +1 -0
  592. data/views/mdc/components/list/actions/_checkbox.erb +1 -0
  593. data/views/mdc/components/list/actions/_icon.erb +1 -0
  594. data/views/mdc/components/list/actions/_icon_toggle.erb +1 -0
  595. data/views/mdc/components/list/actions/_radio_button.erb +1 -0
  596. data/views/mdc/components/list/actions/_switch.erb +1 -0
  597. data/views/mdc/components/shared/_hint_error_display.erb +9 -0
  598. data/views/mdc/components/shared/_input_label.erb +7 -0
  599. data/views/mdc/components/stepper/_step.erb +33 -0
  600. data/views/mdc/components/table/_checkbox.erb +20 -0
  601. data/views/mdc/components/table/_column.erb +18 -0
  602. data/views/mdc/components/table/_footer.erb +8 -0
  603. data/views/mdc/components/table/_header.erb +17 -0
  604. data/views/mdc/components/table/_pagination.erb +11 -0
  605. data/views/mdc/components/table/_row.erb +16 -0
  606. data/views/mdc/components/unordered_list/_icon.erb +2 -0
  607. data/views/mdc/components/unordered_list/_list_item.erb +7 -0
  608. data/views/mdc/init-depends.sh +2 -0
  609. data/views/mdc/layout.erb +18 -0
  610. data/views/mdc/package-lock.json +16461 -0
  611. data/views/mdc/package.json +76 -0
  612. data/views/mdc/web.erb +5 -0
  613. data/views/mdc/webpack.config.js +60 -0
  614. metadata +900 -19
  615. data/.rspec +0 -3
  616. data/.rubocop.yml +0 -10
  617. data/CODE_OF_CONDUCT.md +0 -84
  618. data/lib/coprl/version.rb +0 -5
@@ -0,0 +1,16 @@
1
+ // This is used to get a proper binding of the actionData
2
+ // https://stackoverflow.com/questions/750486/javascript-closure-inside-loops-simple-practical-example
3
+ import {VBaseContainer} from './base-container';
4
+ import {hookupComponents} from './base-component';
5
+ import {MDCFormField} from '@material/form-field';
6
+
7
+ export function initFormFields(e) {
8
+ console.debug('\tForm Fields');
9
+ hookupComponents(e, '.v-form-field', VFormField, MDCFormField);
10
+ }
11
+
12
+ export class VFormField extends VBaseContainer {
13
+ constructor(element, mdcComponent) {
14
+ super(element, mdcComponent);
15
+ }
16
+ }
@@ -0,0 +1,14 @@
1
+ import {eventHandlerMixin} from "./mixins/event-handler";
2
+ import {VBaseContainer} from "./base-container";
3
+ import {hookupComponents} from "./base-component";
4
+
5
+ export function initForms(e) {
6
+ console.debug('\tForms');
7
+ hookupComponents(e, '.v-form', VForm, null);
8
+ }
9
+
10
+ export class VForm extends eventHandlerMixin(VBaseContainer) {
11
+ constructor(element, mdcComponent) {
12
+ super(element, mdcComponent);
13
+ }
14
+ }
@@ -0,0 +1,15 @@
1
+ export function getEventTarget(event) {
2
+ if (typeof event.composedPath === 'function') {
3
+ const compTarget = event.composedPath()[0];
4
+
5
+ if (compTarget) {
6
+ return compTarget;
7
+ }
8
+
9
+ if (event.path && event.path[0]) {
10
+ return event.path[0];
11
+ }
12
+ }
13
+
14
+ return event.target;
15
+ }
@@ -0,0 +1,21 @@
1
+ import {VBaseContainer} from "./base-container";
2
+ import {hookupComponents} from "./base-component";
3
+ import {eventHandlerMixin} from './mixins/event-handler';
4
+
5
+ export function initGrid(e) {
6
+ console.debug('\tGrid');
7
+ hookupComponents(e, '.v-grid', VGrid, null);
8
+ hookupComponents(e, '.v-column', VColumn, null);
9
+ }
10
+
11
+ export class VGrid extends eventHandlerMixin(VBaseContainer) {
12
+ constructor(element, mdcComponent) {
13
+ super(element, mdcComponent);
14
+ }
15
+ }
16
+
17
+ export class VColumn extends eventHandlerMixin(VBaseContainer) {
18
+ constructor(element, mdcComponent) {
19
+ super(element, mdcComponent);
20
+ }
21
+ }
@@ -0,0 +1,20 @@
1
+ import {MDCTopAppBar} from '@material/top-app-bar/index';
2
+ import {VBaseComponent} from './base-component';
3
+ import {hookupComponents} from './base-component';
4
+ import {eventHandlerMixin} from './mixins/event-handler';
5
+
6
+ export function initHeader(e) {
7
+ console.debug('\tHeader');
8
+ hookupComponents(e, '.v-header', VHeader, MDCTopAppBar);
9
+ }
10
+
11
+ export class VHeader extends eventHandlerMixin(VBaseComponent) {
12
+ constructor(element, mdcComponent, root) {
13
+ super(element, mdcComponent);
14
+ element.addEventListener('MDCTopAppBar:nav', function() {
15
+ var event = new Event('v:header:item-click',{bubbles: true, composed: true});
16
+ // Dispatch the event.
17
+ element.dispatchEvent(event);
18
+ });
19
+ }
20
+ }
@@ -0,0 +1,44 @@
1
+ import {VBaseComponent, hookupComponents} from './base-component';
2
+ import {dirtyableMixin} from './mixins/dirtyable';
3
+
4
+ export function initHiddenFields(e) {
5
+ console.debug('\tHiddenFields');
6
+ hookupComponents(e, '.v-hidden-field', VHiddenField, null);
7
+ }
8
+
9
+ export class VHiddenField extends dirtyableMixin(VBaseComponent) {
10
+ constructor(element, mdcComponent) {
11
+ super(element, mdcComponent);
12
+ this.originalValue = this.value();
13
+ }
14
+
15
+ // Called to collect data for submission
16
+ prepareSubmit(params) {
17
+ params.push([this.name(), this.value()]);
18
+ }
19
+
20
+ name() {
21
+ return this.element.name;
22
+ }
23
+
24
+ value() {
25
+ return this.element.value;
26
+ }
27
+
28
+ clear() {
29
+ this.setValue('');
30
+ }
31
+
32
+ reset() {
33
+ this.element.value = this.originalValue;
34
+ }
35
+
36
+ setValue(value) {
37
+ this.element.value = value;
38
+ }
39
+
40
+ isDirty() {
41
+ return this.dirtyable
42
+ && this.value() !== this.originalValue;
43
+ }
44
+ }
@@ -0,0 +1,14 @@
1
+ import {hookupComponents} from './base-component';
2
+ import {VBaseToggle} from './base-toggle';
3
+ import {MDCIconButtonToggle} from '@material/icon-button';
4
+
5
+ export function initIconToggles(e) {
6
+ console.debug('\tIcon Buttons');
7
+ hookupComponents(e, '.v-icon-toggle', VIconToggle, MDCIconButtonToggle);
8
+ }
9
+
10
+ export class VIconToggle extends VBaseToggle {
11
+ constructor(element, mdcComponent) {
12
+ super(element, mdcComponent);
13
+ }
14
+ }
@@ -0,0 +1,19 @@
1
+ import {VBaseComponent} from './base-component';
2
+ import {hookupComponents} from './base-component';
3
+ import {eventHandlerMixin} from './mixins/event-handler';
4
+
5
+ export function initImages(e) {
6
+ console.debug('\tImages');
7
+ hookupComponents(e, '.v-image', VImage);
8
+ }
9
+
10
+ export class VImage extends eventHandlerMixin(VBaseComponent) {
11
+ constructor(element) {
12
+ super(element);
13
+ }
14
+
15
+ preview(result, acceptsMimeTypes, file) {
16
+ this.element.src = result;
17
+ }
18
+ }
19
+
@@ -0,0 +1,82 @@
1
+ import {initButtons} from './button';
2
+ import {initDialogs} from './dialogs';
3
+ import {initDateTime} from './datetime';
4
+ import {initTextFields} from './text-fields';
5
+ import {initEvents} from './events';
6
+ import {initLists} from './lists';
7
+ import {initDrawer} from './drawer';
8
+ import {initHeader} from './header';
9
+ import {initIconToggles} from './icon-toggles';
10
+ import {initMenus} from './menus';
11
+ import {initSelects} from './selects';
12
+ import {initChips} from './chips';
13
+ import {initCards} from './cards';
14
+ import {initForms} from './forms';
15
+ import {initSnackbar} from './snackbar';
16
+ import {initCheckboxes} from './checkboxes';
17
+ import {initSwitches} from './switches';
18
+ import {initRichTextArea} from './rich-text-area';
19
+ import {initSteppers} from './steppers';
20
+ import {initRadios} from './radios';
21
+ import {initSliders} from './sliders';
22
+ import {initHiddenFields} from './hidden-fields';
23
+ import {initContent} from './content';
24
+ import {initGrid} from './grid';
25
+ import {initTabBars} from './tab-bars';
26
+ import {initTables} from './data-tables';
27
+ import {initFileInputs} from './file-inputs';
28
+ import {initFormFields} from './form-fields';
29
+ import {initImages} from './images';
30
+ import {initTypography} from './typography';
31
+ import {initTooltips} from './tooltip';
32
+ import {initPlugins} from './plugins';
33
+ import {initProgress} from './progress';
34
+ import {initDragAndDrop} from './drag_n_drop';
35
+ import {initMultiSelects} from "./multi-select";
36
+
37
+ export function initialize(root, setRoot) {
38
+ console.debug('Initializing components');
39
+
40
+ const start = performance.now();
41
+
42
+ initButtons(root);
43
+ initDialogs(root);
44
+ initDateTime(root);// MUST BE BEFORE initTextFields
45
+ initTextFields(root);
46
+ initLists(root);
47
+ initDrawer(root);
48
+ initHeader(root);
49
+ initIconToggles(root);
50
+ initMenus(root);
51
+ initSelects(root);
52
+ initChips(root);
53
+ initCards(root);
54
+ initForms(root);
55
+ initSnackbar(root);
56
+ initCheckboxes(root);
57
+ initSwitches(root);
58
+ initRichTextArea(root);
59
+ initSteppers(root);
60
+ initRadios(root);
61
+ initSliders(root);
62
+ initHiddenFields(root);
63
+ initContent(root);
64
+ initGrid(root);
65
+ initTabBars(root);
66
+ initTables(root);
67
+ initFileInputs(root);
68
+ initFormFields(root);
69
+ initImages(root);
70
+ initTypography(root);
71
+ initProgress(root);
72
+ initTooltips(root);
73
+ initPlugins(root);
74
+ initDragAndDrop(root);
75
+ initMultiSelects(root);
76
+
77
+ // This needs to be last, because it relies on the components installed above.
78
+ initEvents(root);
79
+
80
+ const end = performance.now();
81
+ console.debug('Done in %s ms', (end - start).toFixed(2));
82
+ }
@@ -0,0 +1,92 @@
1
+
2
+ function createSelectAllHandler(component, target, listElements) {
3
+ return function() {
4
+ for (let element of listElements) {
5
+ element.checked = target.checked;
6
+ }
7
+ if (component.dataset.totalLines > listElements.length) {
8
+ toggleSelectTotalHeader(component, listElements.length, target.checked);
9
+ }
10
+ }
11
+ }
12
+
13
+ function createSelectTotalSetHandler(component) {
14
+ return function(event) {
15
+ event.preventDefault();
16
+ if (component.dataset.totalLines > 0) {
17
+ toggleSelectTotalInput(component, !component.querySelector('#select-total').checked);
18
+ }
19
+ }
20
+ }
21
+
22
+ function createListItemSelectHandler(component, listElements, selectAll) {
23
+ return function() {
24
+ let checked = 0;
25
+ let unchecked = 0;
26
+ toggleSelectTotalInput(component, false); // Clear select total results whenever a list item selection is modified
27
+ for (let element of listElements) {
28
+ element.checked ? checked++ : unchecked++;
29
+ }
30
+ selectAll.indeterminate = (checked && unchecked);
31
+ selectAll.checked = (checked && !unchecked);
32
+ toggleSelectTotalHeader(component, listElements.length, (Boolean(checked) && !Boolean(unchecked)));
33
+ }
34
+ }
35
+
36
+ function toggleSelectTotalHeader(component, count, show = false) {
37
+ if (component.dataset.totalLines > 0) {
38
+ updateSelectionCount(component, count);
39
+ if (show === false) {
40
+ component.querySelector('#list-item-select-all-header').classList.add('hidden');
41
+ } else {
42
+ component.querySelector('#list-item-select-all-header').classList.remove('hidden');
43
+ }
44
+ }
45
+ }
46
+
47
+ function toggleSelectTotalInput(component, selectTotal = false) {
48
+ if (component.dataset.totalLines > 0) {
49
+ component.querySelector('#select-total').checked = selectTotal;
50
+ component.querySelector('#list-item-select-all-toggle-on').classList.add('hidden');
51
+ component.querySelector('#list-item-select-all-toggle-off').classList.add('hidden');
52
+ component.querySelector('#list-item-select-all-toggle-' + (selectTotal ? 'on' : 'off')).classList.remove('hidden');
53
+ }
54
+ }
55
+
56
+ function updateSelectionCount(component, count) {
57
+ if (component.dataset.totalLines > 0) {
58
+ component.querySelector('#page-selection-count').innerHTML = count;
59
+ }
60
+ }
61
+
62
+ export function initLists(e) {
63
+ console.debug('\tLists');
64
+ let components = e.querySelectorAll('.mdc-list');
65
+
66
+ if (components.length === 0 && e.offsetParent && e.offsetParent.vComponent !== undefined) {
67
+ components = document.querySelectorAll('.mdc-list');
68
+ }
69
+
70
+ if (components) {
71
+ for (let component of components) {
72
+ let selectAllLineItem = component.querySelector('.v-checkbox--select-control');
73
+ let selectableLineItems = component.querySelectorAll('.v-list-item--selectable-checkbox');
74
+ if (selectAllLineItem && selectableLineItems) {
75
+ for (let element of component.querySelectorAll('.toggle-total-set')) {
76
+ // Clone and replace element to prevent duplicate event handlers when additional records are loaded/paged
77
+ let new_element = element.cloneNode(true);
78
+ element.parentNode.replaceChild(new_element, element);
79
+ new_element.addEventListener('click', createSelectTotalSetHandler(component));
80
+ }
81
+
82
+ selectAllLineItem.addEventListener('change', createSelectAllHandler(component, selectAllLineItem, selectableLineItems));
83
+
84
+ for (let element of selectableLineItems) {
85
+ element.addEventListener('change', createListItemSelectHandler(component, selectableLineItems, selectAllLineItem));
86
+ }
87
+ updateSelectionCount(component, selectableLineItems.length);
88
+ toggleSelectTotalInput(component);
89
+ }
90
+ }
91
+ }
92
+ }
@@ -0,0 +1,79 @@
1
+ import {MDCMenu, Corner} from '@material/menu';
2
+ import {hookupComponents, unhookupComponents, VBaseComponent} from "./base-component";
3
+ import {eventHandlerMixin} from "./mixins/event-handler";
4
+ import {initEvents, removeEvents} from "./events"
5
+
6
+ function createMenuHandler(menu, element) {
7
+ return function (event) {
8
+ let offset = parseInt(element.dataset.rightOffset);
9
+ let placement = element.dataset.placement === 'contextual' ? Corner.TOP_LEFT : Corner.BOTTOM_LEFT;
10
+ menu.setAbsolutePosition(event.clientX, event.clientY);
11
+ menu.setAnchorMargin({left: offset});
12
+ menu.setAnchorCorner(placement);
13
+ menu.open = !menu.open;
14
+ event.stopPropagation();
15
+ };
16
+ }
17
+
18
+ function createSurfaceClickHandler(mdcMenu) {
19
+ return function (event) {
20
+ if (mdcMenu.open) {
21
+ if (event.target.classList.contains('v-menu-link')) {
22
+ mdcMenu.open = false;
23
+ }
24
+ }
25
+ };
26
+ }
27
+
28
+ export function uninitMenus(root) {
29
+ console.debug('\tUninit Menus');
30
+ unhookupComponents(root, '.v-menu');
31
+ }
32
+
33
+ export function initMenus(root) {
34
+ console.debug('\tMenus');
35
+ hookupComponents(root, '.v-menu', VMenu, null);
36
+ }
37
+
38
+ export class VMenu extends eventHandlerMixin(VBaseComponent) {
39
+ constructor(element) {
40
+ super(element);
41
+ this.hoistedMenuElement = element.querySelector('.mdc-menu');
42
+ this.mdcComponent = new MDCMenu(this.hoistedMenuElement);
43
+
44
+ initEvents(this.hoistedMenuElement);
45
+
46
+ // Ensure that the menu surface closes when an item is clicked
47
+ this.hoistedMenuElement.addEventListener('click', createSurfaceClickHandler(this.mdcComponent), { capture: true });
48
+
49
+ var link = this.menulink();
50
+ if (link) {
51
+ link.addEventListener('click', createMenuHandler(this.mdcComponent, element));
52
+ }
53
+ if (this.hoistedMenuElement.getAttribute('data-hoist') != 'false') {
54
+ this.mdcComponent.hoistMenuToBody();
55
+ }
56
+ }
57
+
58
+ destroy() {
59
+ super.destroy();
60
+ removeEvents(this.hoistedMenuElement);
61
+
62
+ var link = this.menulink();
63
+ if (link) {
64
+ link.removeEventListener('click', createMenuHandler(this.mdcComponent, this.element));
65
+ }
66
+
67
+ this.hoistedMenuElement.removeEventListener('click', createSurfaceClickHandler(), { capture: true });
68
+ this.hoistedMenuElement.parentNode.removeChild(this.hoistedMenuElement);
69
+ }
70
+
71
+ menulink() {
72
+ var anchor = this.element.closest('.mdc-menu-anchor');
73
+ var link = null;
74
+ if (anchor) {
75
+ link = anchor.querySelector('.v-menu-click');
76
+ }
77
+ return link;
78
+ }
79
+ }
@@ -0,0 +1,22 @@
1
+ export const dirtyableMixin = Base => class extends Base {
2
+ get originalValue() {
3
+ return this._originalValue;
4
+ }
5
+
6
+ set originalValue(value) {
7
+ this._originalValue = value;
8
+ }
9
+
10
+ get dirtyable() {
11
+ if (!this.element) {
12
+ return false;
13
+ }
14
+
15
+ return this.element.hasAttribute('data-dirtyable');
16
+ }
17
+
18
+ isDirty() {
19
+ // Implement in extending classes.
20
+ throw new Error('Implement isDirty()');
21
+ }
22
+ };