alchemy-form 0.1.5 → 0.1.6

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 (36) hide show
  1. package/CHANGELOG.md +9 -0
  2. package/assets/stylesheets/form/alchemy_field_array.scss +4 -0
  3. package/assets/stylesheets/form/alchemy_toggle.scss +2 -0
  4. package/assets/stylesheets/form/query_builder.scss +185 -0
  5. package/config/routes.js +8 -0
  6. package/controller/form_api_controller.js +34 -2
  7. package/element/20_query_builder_base.js +82 -0
  8. package/element/alchemy_field.js +19 -2
  9. package/element/alchemy_select.js +37 -2
  10. package/element/alchemy_select_item.js +9 -0
  11. package/element/alchemy_table.js +123 -21
  12. package/element/query_builder.js +90 -0
  13. package/element/query_builder_entry.js +388 -0
  14. package/element/query_builder_group.js +221 -0
  15. package/element/query_builder_value.js +435 -0
  16. package/helper/form_actions/00_form_action.js +328 -0
  17. package/helper/form_actions/url_action.js +69 -0
  18. package/helper/query_builder_variable_definition/00_variable_definition.js +351 -0
  19. package/helper/query_builder_variable_definition/boolean_variable_definition.js +24 -0
  20. package/helper/query_builder_variable_definition/number_variable_definition.js +106 -0
  21. package/helper/query_builder_variable_definition/string_variable_definition.js +46 -0
  22. package/helper_field/query_builder_assignment.js +11 -0
  23. package/helper_field/query_builder_field.js +91 -0
  24. package/helper_field/query_builder_value.js +56 -0
  25. package/package.json +1 -1
  26. package/view/form/elements/alchemy_field_array.hwk +3 -1
  27. package/view/form/elements/alchemy_field_array_entry.hwk +3 -1
  28. package/view/form/elements/alchemy_select_item.hwk +6 -1
  29. package/view/form/elements/query_builder.hwk +1 -0
  30. package/view/form/elements/query_builder_entry.hwk +33 -0
  31. package/view/form/elements/query_builder_group.hwk +64 -0
  32. package/view/form/elements/query_builder_value.hwk +10 -0
  33. package/view/form/inputs/edit/query_builder.hwk +5 -0
  34. package/view/form/inputs/edit/query_builder_assignment.hwk +6 -0
  35. package/view/form/inputs/edit/query_builder_value.hwk +11 -0
  36. package/view/form/select/qb_item.hwk +7 -0
package/view/form/elements/alchemy_select_item.hwk CHANGED
@@ -1,2 +1,7 @@
1
1
  <% data = self.data %>
2
- {{ data.title or data.name or data.$pk or self.value }}
2
+
3
+ {% if self.custom_template %}
4
+ {% include self.custom_template %}
5
+ {% else %}
6
+ {{ data.title or data.name or data.$pk or self.value }}
7
+ {% /if %}
package/view/form/elements/query_builder.hwk ADDED
@@ -0,0 +1 @@
1
+ <alchemy-query-builder-group></alchemy-query-builder-group>
package/view/form/elements/query_builder_entry.hwk ADDED
@@ -0,0 +1,33 @@
1
+ <div class="qb-field-wrapper">
2
+ <alchemy-select
3
+ class="qb-field"
4
+ #dataprovider={% self %}
5
+ value-item-template="form/select/qb_item"
6
+ option-item-template="form/select/qb_item"
7
+ ></alchemy-select>
8
+ </div>
9
+ <div class="qb-operator-wrapper">
10
+ <alchemy-select
11
+ class="qb-operator"
12
+ #dataprovider={% self %}
13
+ value-item-template="form/select/qb_item"
14
+ option-item-template="form/select/qb_item"
15
+ ></alchemy-select>
16
+ </div>
17
+ <div class="qb-value-wrapper">
18
+ <alchemy-select
19
+ class="qb-value-type"
20
+ #dataprovider={% self %}
21
+ value-item-template="form/select/qb_item"
22
+ option-item-template="form/select/qb_item"
23
+ ></alchemy-select>
24
+
25
+ <div class="qb-value-input-wrapper">
26
+
27
+ </div>
28
+ </div>
29
+ <div class="qb-delete-wrapper">
30
+ <button class="qb-delete-entry qb-btn qb-primary">
31
+ Delete
32
+ </button>
33
+ </div>
package/view/form/elements/query_builder_group.hwk ADDED
@@ -0,0 +1,64 @@
1
+ <% radio_name = getId('qb') %>
2
+ <% invert_name = getId('qb') %>
3
+
4
+ <div class="qb-group-header">
5
+ <div class="qb-group-type">
6
+ <input
7
+ id="{% radio_name %}_and"
8
+ type="radio"
9
+ name={% radio_name %}
10
+ value="and"
11
+ >
12
+ <label
13
+ for="{% radio_name %}_and"
14
+ class="qb-btn"
15
+ >
16
+ AND
17
+ </label>
18
+
19
+ <input
20
+ id="{% radio_name %}_or"
21
+ type="radio"
22
+ name={% radio_name %}
23
+ value="or"
24
+ >
25
+ <label
26
+ for="{% radio_name %}_or"
27
+ class="qb-btn"
28
+ >
29
+ OR
30
+ </label>
31
+ </div>
32
+
33
+ <div class="qb-group-invert">
34
+ <input
35
+ id={% invert_name %}
36
+ class="group-invert-chk"
37
+ type="checkbox"
38
+ >
39
+ <label
40
+ for={% invert_name %}
41
+ class="qb-btn"
42
+ >
43
+ NOT
44
+ </label>
45
+ </div>
46
+
47
+ <div class="qb-group-actions">
48
+ <button class="qb-add-rule qb-btn qb-primary">
49
+ Add rule
50
+ </button>
51
+ <button class="qb-add-group qb-btn qb-primary">
52
+ Add group
53
+ </button>
54
+ <button class="qb-delete-group qb-btn qb-primary">
55
+ Delete group
56
+ <% if (self.is_root_group) $0.hidden = true %>
57
+ </button>
58
+ </div>
59
+ </div>
60
+ <div class="qb-group-body">
61
+ <div class="qb-rules-list">
62
+
63
+ </div>
64
+ </div>
package/view/form/elements/query_builder_value.hwk ADDED
@@ -0,0 +1,10 @@
1
+ <alchemy-select
2
+ class="qb-source-type"
3
+ #dataprovider={% self %}
4
+ value-item-template="form/select/qb_item"
5
+ option-item-template="form/select/qb_item"
6
+ ></alchemy-select>
7
+
8
+ <div class="qb-value-input-wrapper">
9
+
10
+ </div>
package/view/form/inputs/edit/query_builder.hwk ADDED
@@ -0,0 +1,5 @@
1
+ <alchemy-query-builder
2
+ class="alchemy-field-value"
3
+ #value={% value %}
4
+ #dataprovider={% alchemy_field %}
5
+ ></alchemy-query-builder>
package/view/form/inputs/edit/query_builder_assignment.hwk ADDED
@@ -0,0 +1,6 @@
1
+ <alchemy-query-builder-entry
2
+ class="alchemy-field-value"
3
+ type="assignment"
4
+ #value={% value %}
5
+ #dataprovider={% alchemy_field %}
6
+ ></alchemy-query-builder-entry>
package/view/form/inputs/edit/query_builder_value.hwk ADDED
@@ -0,0 +1,11 @@
1
+ <%
2
+ options = alchemy_field.config.options || {};
3
+ %>
4
+
5
+ <alchemy-query-builder-value
6
+ class="alchemy-field-value"
7
+ #value={% value %}
8
+ #dataprovider={% alchemy_field %}
9
+ variable-types={% options.variable_types %}
10
+ source-types={% options.source_types %}
11
+ ></alchemy-query-builder-value>
package/view/form/select/qb_item.hwk ADDED
@@ -0,0 +1,7 @@
1
+ <div class="qb-select-item qb-select-type-{% self.type %}">
2
+ <div class="type-and-name">
3
+ <span class="option-type" data-type={% data.type_name %}></span>
4
+ <span class="option-title">{{ data.title or data.name }}</span>
5
+ </div>
6
+ <span class="option-description">{{ data.description }}</span>
7
+ </div>