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.
- package/CHANGELOG.md +12 -0
- package/assets/stylesheets/form/alchemy_form.scss +2 -16
- package/assets/stylesheets/form/elements/_button.scss +52 -0
- package/assets/stylesheets/form/{alchemy_code_input.scss → elements/_code_input.scss} +1 -1
- package/assets/stylesheets/form/{alchemy_feedback_input.scss → elements/_feedback_input.scss} +6 -8
- package/assets/stylesheets/form/{alchemy_field.scss → elements/_field.scss} +1 -1
- package/assets/stylesheets/form/{alchemy_field_array.scss → elements/_field_array.scss} +2 -2
- package/assets/stylesheets/form/{alchemy_field_translatable.scss → elements/_field_translatable.scss} +1 -1
- package/assets/stylesheets/form/elements/_form.scss +16 -0
- package/assets/stylesheets/form/{alchemy_pager.scss → elements/_pager.scss} +1 -1
- package/assets/stylesheets/form/{query_builder.scss → elements/_query_builder.scss} +7 -7
- package/assets/stylesheets/form/{alchemy_select.scss → elements/_select.scss} +2 -2
- package/assets/stylesheets/form/elements/_state.scss +8 -0
- package/assets/stylesheets/form/{alchemy_table.scss → elements/_table.scss} +2 -2
- package/assets/stylesheets/form/elements/_tabs.scss +47 -0
- package/assets/stylesheets/form/{alchemy_toggle.scss → elements/_toggle.scss} +1 -1
- package/assets/stylesheets/form/elements/index.scss +14 -0
- package/element/00_form_base.js +16 -8
- package/element/05_feedback_input.js +4 -13
- package/element/10_alchemy_field_custom.js +13 -15
- package/element/10_dataprovider.js +282 -0
- package/element/15_alchemy_field_entry.js +8 -10
- package/element/20_query_builder_base.js +4 -13
- package/element/25_query_builder_data.js +2 -2
- package/element/30_tab_base.js +29 -0
- package/element/40_stateful.js +125 -0
- package/element/al_button.js +109 -0
- package/element/{code_input.js → al_code_input.js} +1 -10
- package/element/{alchemy_field.js → al_field.js} +15 -24
- package/element/{alchemy_field_array.js → al_field_array.js} +7 -18
- package/element/{alchemy_field_array_entry.js → al_field_array_entry.js} +7 -9
- package/element/{alchemy_field_schema.js → al_field_schema.js} +3 -3
- package/element/{alchemy_field_translatable.js → al_field_translatable.js} +6 -17
- package/element/{alchemy_field_translatable_entry.js → al_field_translatable_entry.js} +2 -4
- package/element/{alchemy_form.js → al_form.js} +7 -16
- package/element/{alchemy_label.js → al_label.js} +1 -10
- package/element/{number_input.js → al_number_input.js} +2 -2
- package/element/{alchemy_pager.js → al_pager.js} +49 -41
- package/element/{alchemy_password_input.js → al_password_input.js} +0 -0
- package/element/{query_builder.js → al_query_builder.js} +3 -12
- package/element/{query_builder_entry.js → al_query_builder_entry.js} +2 -2
- package/element/{query_builder_group.js → al_query_builder_group.js} +7 -7
- package/element/{query_builder_value.js → al_query_builder_value.js} +2 -2
- package/element/{query_builder_variable.js → al_query_builder_variable.js} +1 -1
- package/element/{alchemy_select.js → al_select.js} +35 -108
- package/element/{alchemy_select_item.js → al_select_item.js} +15 -9
- package/element/al_state.js +26 -0
- package/element/{string_input.js → al_string_input.js} +2 -2
- package/element/al_tab_button.js +138 -0
- package/element/al_tab_context.js +102 -0
- package/element/al_tab_list.js +66 -0
- package/element/al_tab_panel.js +44 -0
- package/element/{alchemy_table.js → al_table.js} +187 -174
- package/element/{alchemy_toggle.js → al_toggle.js} +1 -10
- package/helper/form_actions/00_form_action.js +15 -4
- package/helper/form_actions/url_action.js +3 -2
- package/helper/query_builder_variable_definition/boolean_variable_definition.js +1 -1
- package/helper_field/query_builder_field.js +2 -2
- package/package.json +2 -2
- package/view/form/elements/alchemy_button.hwk +1 -0
- package/view/form/elements/alchemy_field.hwk +4 -4
- package/view/form/elements/alchemy_field_array.hwk +2 -2
- package/view/form/elements/alchemy_field_schema.hwk +2 -2
- package/view/form/elements/alchemy_field_translatable.hwk +2 -2
- package/view/form/elements/alchemy_field_translatable_entry.hwk +2 -2
- package/view/form/elements/query_builder.hwk +1 -1
- package/view/form/elements/query_builder_entry.hwk +6 -6
- package/view/form/elements/query_builder_value.hwk +2 -2
- package/view/form/elements/query_builder_variable.hwk +2 -2
- package/view/form/inputs/edit/belongs_to.hwk +2 -2
- package/view/form/inputs/edit/boolean.hwk +2 -2
- package/view/form/inputs/edit/enum.hwk +2 -2
- package/view/form/inputs/edit/has_and_belongs_to_many.hwk +2 -2
- package/view/form/inputs/edit/html.hwk +2 -2
- package/view/form/inputs/edit/query_builder.hwk +2 -2
- package/view/form/inputs/edit/query_builder_assignment.hwk +2 -2
- package/view/form/inputs/edit/query_builder_value.hwk +2 -2
- package/view/form/inputs/edit/query_builder_variable.hwk +2 -2
- package/view/form/inputs/edit/schema.hwk +2 -2
- package/view/form/inputs/edit/sourcecode.hwk +2 -2
- package/view/form/inputs/edit_inline/boolean.hwk +2 -2
- package/view/form/inputs/view/string.hwk +6 -1
- package/view/form/inputs/view_inline/datetime.hwk +8 -4
- package/view/form/inputs/view_inline/string.hwk +6 -1
- package/view/form/wrappers/default/default.hwk +2 -2
- package/helper/widgets/alchemy_field_widget.js +0 -112
- package/helper/widgets/alchemy_form_widget.js +0 -183
- 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
|
-
});
|