alchemy-form 0.1.12 → 0.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (88) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/assets/stylesheets/form/alchemy_form.scss +2 -16
  3. package/assets/stylesheets/form/elements/_button.scss +52 -0
  4. package/assets/stylesheets/form/{alchemy_code_input.scss → elements/_code_input.scss} +1 -1
  5. package/assets/stylesheets/form/{alchemy_feedback_input.scss → elements/_feedback_input.scss} +6 -8
  6. package/assets/stylesheets/form/{alchemy_field.scss → elements/_field.scss} +1 -1
  7. package/assets/stylesheets/form/{alchemy_field_array.scss → elements/_field_array.scss} +2 -2
  8. package/assets/stylesheets/form/{alchemy_field_translatable.scss → elements/_field_translatable.scss} +1 -1
  9. package/assets/stylesheets/form/elements/_form.scss +16 -0
  10. package/assets/stylesheets/form/{alchemy_pager.scss → elements/_pager.scss} +1 -1
  11. package/assets/stylesheets/form/{query_builder.scss → elements/_query_builder.scss} +7 -7
  12. package/assets/stylesheets/form/{alchemy_select.scss → elements/_select.scss} +2 -2
  13. package/assets/stylesheets/form/elements/_state.scss +8 -0
  14. package/assets/stylesheets/form/{alchemy_table.scss → elements/_table.scss} +2 -2
  15. package/assets/stylesheets/form/elements/_tabs.scss +47 -0
  16. package/assets/stylesheets/form/{alchemy_toggle.scss → elements/_toggle.scss} +1 -1
  17. package/assets/stylesheets/form/elements/index.scss +14 -0
  18. package/element/00_form_base.js +16 -8
  19. package/element/05_feedback_input.js +4 -13
  20. package/element/10_alchemy_field_custom.js +13 -15
  21. package/element/10_dataprovider.js +282 -0
  22. package/element/15_alchemy_field_entry.js +8 -10
  23. package/element/20_query_builder_base.js +4 -13
  24. package/element/25_query_builder_data.js +2 -2
  25. package/element/30_tab_base.js +29 -0
  26. package/element/40_stateful.js +125 -0
  27. package/element/al_button.js +109 -0
  28. package/element/{code_input.js → al_code_input.js} +1 -10
  29. package/element/{alchemy_field.js → al_field.js} +15 -24
  30. package/element/{alchemy_field_array.js → al_field_array.js} +7 -18
  31. package/element/{alchemy_field_array_entry.js → al_field_array_entry.js} +7 -9
  32. package/element/{alchemy_field_schema.js → al_field_schema.js} +3 -3
  33. package/element/{alchemy_field_translatable.js → al_field_translatable.js} +6 -17
  34. package/element/{alchemy_field_translatable_entry.js → al_field_translatable_entry.js} +2 -4
  35. package/element/{alchemy_form.js → al_form.js} +7 -16
  36. package/element/{alchemy_label.js → al_label.js} +1 -10
  37. package/element/{number_input.js → al_number_input.js} +2 -2
  38. package/element/{alchemy_pager.js → al_pager.js} +49 -41
  39. package/element/{alchemy_password_input.js → al_password_input.js} +0 -0
  40. package/element/{query_builder.js → al_query_builder.js} +3 -12
  41. package/element/{query_builder_entry.js → al_query_builder_entry.js} +2 -2
  42. package/element/{query_builder_group.js → al_query_builder_group.js} +7 -7
  43. package/element/{query_builder_value.js → al_query_builder_value.js} +2 -2
  44. package/element/{query_builder_variable.js → al_query_builder_variable.js} +1 -1
  45. package/element/{alchemy_select.js → al_select.js} +35 -108
  46. package/element/{alchemy_select_item.js → al_select_item.js} +15 -9
  47. package/element/al_state.js +26 -0
  48. package/element/{string_input.js → al_string_input.js} +2 -2
  49. package/element/al_tab_button.js +138 -0
  50. package/element/al_tab_context.js +102 -0
  51. package/element/al_tab_list.js +66 -0
  52. package/element/al_tab_panel.js +44 -0
  53. package/element/{alchemy_table.js → al_table.js} +187 -174
  54. package/element/{alchemy_toggle.js → al_toggle.js} +1 -10
  55. package/helper/form_actions/00_form_action.js +15 -4
  56. package/helper/form_actions/url_action.js +3 -2
  57. package/helper/query_builder_variable_definition/boolean_variable_definition.js +1 -1
  58. package/helper_field/query_builder_field.js +2 -2
  59. package/package.json +2 -2
  60. package/view/form/elements/alchemy_button.hwk +1 -0
  61. package/view/form/elements/alchemy_field.hwk +4 -4
  62. package/view/form/elements/alchemy_field_array.hwk +2 -2
  63. package/view/form/elements/alchemy_field_schema.hwk +2 -2
  64. package/view/form/elements/alchemy_field_translatable.hwk +2 -2
  65. package/view/form/elements/alchemy_field_translatable_entry.hwk +2 -2
  66. package/view/form/elements/query_builder.hwk +1 -1
  67. package/view/form/elements/query_builder_entry.hwk +6 -6
  68. package/view/form/elements/query_builder_value.hwk +2 -2
  69. package/view/form/elements/query_builder_variable.hwk +2 -2
  70. package/view/form/inputs/edit/belongs_to.hwk +2 -2
  71. package/view/form/inputs/edit/boolean.hwk +2 -2
  72. package/view/form/inputs/edit/enum.hwk +2 -2
  73. package/view/form/inputs/edit/has_and_belongs_to_many.hwk +2 -2
  74. package/view/form/inputs/edit/html.hwk +2 -2
  75. package/view/form/inputs/edit/query_builder.hwk +2 -2
  76. package/view/form/inputs/edit/query_builder_assignment.hwk +2 -2
  77. package/view/form/inputs/edit/query_builder_value.hwk +2 -2
  78. package/view/form/inputs/edit/query_builder_variable.hwk +2 -2
  79. package/view/form/inputs/edit/schema.hwk +2 -2
  80. package/view/form/inputs/edit/sourcecode.hwk +2 -2
  81. package/view/form/inputs/edit_inline/boolean.hwk +2 -2
  82. package/view/form/inputs/view/string.hwk +6 -1
  83. package/view/form/inputs/view_inline/datetime.hwk +8 -4
  84. package/view/form/inputs/view_inline/string.hwk +6 -1
  85. package/view/form/wrappers/default/default.hwk +2 -2
  86. package/helper/widgets/alchemy_field_widget.js +0 -112
  87. package/helper/widgets/alchemy_form_widget.js +0 -183
  88. package/helper/widgets/alchemy_table_widget.js +0 -67
@@ -1,183 +0,0 @@
1
- /**
2
- * The Form Widget class
3
- *
4
- * @constructor
5
- *
6
- * @author Jelle De Loecker <jelle@elevenways.be>
7
- * @since 0.1.0
8
- * @version 0.1.0
9
- *
10
- * @param {Object} data
11
- */
12
- const AlchemyForm = Function.inherits('Alchemy.Widget', 'AlchemyForm');
13
-
14
- /**
15
- * Prepare the schema
16
- *
17
- * @author Jelle De Loecker <jelle@elevenways.be>
18
- * @since 0.1.12
19
- * @version 0.1.12
20
- */
21
- AlchemyForm.constitute(function prepareSchema() {
22
-
23
- this.setAddChecker(function(widget_element) {
24
- return false;
25
- });
26
- });
27
-
28
- /**
29
- * Populate the widget
30
- *
31
- * @author Jelle De Loecker <jelle@elevenways.be>
32
- * @since 0.1.0
33
- * @version 0.1.11
34
- */
35
- AlchemyForm.setMethod(function populateWidget() {
36
-
37
- let config = this.config,
38
- form = this.createElement('alchemy-form');
39
-
40
- let col_el = this.createElement('alchemy-widgets-column'),
41
- col = col_el.instance;
42
-
43
- col.parent_instance = this;
44
-
45
- form.classList.add('alchemy-widgets-container');
46
-
47
- if (config.purpose) {
48
- form.purpose = config.purpose;
49
- }
50
-
51
- if (config.mode) {
52
- form.mode = config.mode;
53
- }
54
-
55
- if (this.config && this.config.widgets) {
56
- let widgets = this.config.widgets.slice(0),
57
- widget,
58
- i;
59
-
60
- for (i = 0; i < widgets.length; i++) {
61
- widget = widgets[i];
62
-
63
- if (widget.type == 'alchemy_field') {
64
- widget = Object.assign({}, widget);
65
- widget.config = Object.assign({}, widget.config);
66
- widget.config.alchemy_form = form;
67
- widgets[i] = widget;
68
- }
69
- }
70
-
71
- col.widget.value = widgets;
72
- }
73
-
74
- let record = this.element.getContextVariable('record');
75
-
76
- if (record) {
77
- form.document = record;
78
- }
79
-
80
- if (config.model) {
81
- form.model = config.model;
82
- }
83
-
84
- if (config.view_type) {
85
- form.view_type = config.view_type;
86
- }
87
-
88
- form.append(col.widget);
89
-
90
- this.element.append(form);
91
-
92
- let violations = this.element.getContextVariable('form_violations');
93
-
94
- if (violations) {
95
- form.showError(violations);
96
- }
97
- });
98
-
99
- /**
100
- * Get the nested column
101
- *
102
- * @author Jelle De Loecker <jelle@elevenways.be>
103
- * @since 0.1.0
104
- * @version 0.1.0
105
- */
106
- AlchemyForm.setMethod(function getNestedColumn(widget) {
107
-
108
- if (!widget) {
109
- widget = this.widget;
110
- }
111
-
112
- if (!widget) {
113
- return;
114
- }
115
-
116
- let col = widget.querySelector('alchemy-form > alchemy-widgets-column');
117
-
118
- return col;
119
- });
120
-
121
- /**
122
- * Start the editor
123
- *
124
- * @author Jelle De Loecker <jelle@elevenways.be>
125
- * @since 0.1.0
126
- * @version 0.1.0
127
- */
128
- AlchemyForm.setMethod(function _startEditor() {
129
-
130
- let col = this.getNestedColumn();
131
-
132
- if (!col) {
133
- return;
134
- }
135
-
136
- col.startEditor();
137
- });
138
-
139
- /**
140
- * Stop the editor
141
- *
142
- * @author Jelle De Loecker <jelle@elevenways.be>
143
- * @since 0.1.0
144
- * @version 0.1.0
145
- */
146
- AlchemyForm.setMethod(function _stopEditor() {
147
-
148
- let col = this.getNestedColumn();
149
-
150
- if (!col) {
151
- return;
152
- }
153
-
154
- col.stopEditor();
155
- });
156
-
157
- /**
158
- * Get the config of this widget
159
- *
160
- * @author Jelle De Loecker <jelle@elevenways.be>
161
- * @since 0.1.0
162
- * @version 0.1.0
163
- *
164
- * @return {Object}
165
- */
166
- AlchemyForm.setMethod(function syncConfig() {
167
-
168
- let config = this.config;
169
-
170
- if (!config) {
171
- config = this.config = {};
172
- }
173
-
174
- let col = this.getNestedColumn();
175
-
176
- if (col) {
177
- config.widgets = col.instance.syncConfig();
178
- } else {
179
- config.widgets = [];
180
- }
181
-
182
- return this.config;
183
- });
@@ -1,67 +0,0 @@
1
- /**
2
- * The Table Widget class
3
- *
4
- * @constructor
5
- *
6
- * @author Jelle De Loecker <jelle@elevenways.be>
7
- * @since 0.1.0
8
- * @version 0.1.0
9
- *
10
- * @param {Object} data
11
- */
12
- const AlchemyTable = Function.inherits('Alchemy.Widget', 'AlchemyTable');
13
-
14
- /**
15
- * Prepare the schema
16
- *
17
- * @author Jelle De Loecker <jelle@elevenways.be>
18
- * @since 0.1.12
19
- * @version 0.1.12
20
- */
21
- AlchemyTable.constitute(function prepareSchema() {
22
-
23
- this.setAddChecker(function(widget_element) {
24
- return false;
25
- });
26
- });
27
-
28
- /**
29
- * Populate the widget
30
- *
31
- * @author Jelle De Loecker <jelle@elevenways.be>
32
- * @since 0.1.0
33
- * @version 0.1.8
34
- */
35
- AlchemyTable.setMethod(function populateWidget() {
36
-
37
- let table = this.createElement('alchemy-table'),
38
- config = this.config;
39
-
40
- if (config.id) {
41
- table.id = config.id;
42
- }
43
-
44
- // Always enable the actions?
45
- table.has_actions = true;
46
-
47
- if (config.fieldset) {
48
- table.fieldset = config.fieldset;
49
- }
50
-
51
- if (config.page_size) {
52
- table.page_size = config.page_size;
53
- }
54
-
55
- if (config.show_filters) {
56
- table.show_filters = config.show_filters;
57
- }
58
-
59
- if (config.recordsource) {
60
- table.recordsource = config.recordsource;
61
- }
62
-
63
- table.purpose = config.purpose || 'view';
64
- table.mode = config.mode || 'inline';
65
-
66
- this.element.append(table);
67
- });