alchemy-form 0.2.9 → 0.3.0-alpha.1

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 (24) hide show
  1. package/CHANGELOG.md +15 -0
  2. package/assets/stylesheets/form/elements/_code_input.scss +0 -1
  3. package/assets/stylesheets/form/elements/_field.scss +15 -0
  4. package/assets/stylesheets/form/elements/_settings_editor.scss +62 -0
  5. package/assets/stylesheets/form/elements/_table.scss +0 -1
  6. package/assets/stylesheets/form/elements/_virtual_scroll.scss +19 -0
  7. package/assets/stylesheets/form/elements/index.scss +3 -1
  8. package/config/routes.js +3 -3
  9. package/controller/form_api_controller.js +2 -4
  10. package/element/00_form_base.js +21 -0
  11. package/element/al_code_input.js +51 -13
  12. package/element/al_field.js +25 -24
  13. package/element/al_form.js +12 -4
  14. package/element/al_select.js +2 -1
  15. package/element/al_settings_editor.js +367 -0
  16. package/element/al_table.js +13 -7
  17. package/element/al_virtual_scroll.js +873 -0
  18. package/package.json +3 -3
  19. package/view/form/elements/al_settings_editor.hwk +36 -0
  20. package/view/form/inputs/edit/object.hwk +9 -0
  21. package/view/form/inputs/edit/settings.hwk +5 -0
  22. package/view/form/inputs/view/string.hwk +14 -1
  23. package/view/form/wrappers/default/default.hwk +18 -2
  24. /package/element/{al_string_input.js → 50-al_string_input.js} +0 -0
package/package.json CHANGED
@@ -1,14 +1,14 @@
1
1
  {
2
2
  "name": "alchemy-form",
3
3
  "description": "Form plugin for Alchemy",
4
- "version": "0.2.9",
4
+ "version": "0.3.0-alpha.1",
5
5
  "repository": {
6
6
  "type" : "git",
7
7
  "url" : "https://github.com/11ways/alchemy-form.git"
8
8
  },
9
9
  "peerDependencies": {
10
- "alchemymvc" : ">=1.3.0",
11
- "alchemy-media" : ">=0.7.6"
10
+ "alchemymvc" : ">=1.4.0||>=1.4.0-alpha",
11
+ "alchemy-media" : ">=0.9.0||>=0.9.0-alpha"
12
12
  },
13
13
  "license": "MIT",
14
14
  "engines": {
package/view/form/elements/al_settings_editor.hwk ADDED
@@ -0,0 +1,36 @@
1
+ <div class="al-settings-sidebar">
2
+ <al-toc
3
+ container-element="ul"
4
+ entry-element="li"
5
+ parent-selector="al-settings-editor"
6
+ children-selector=".al-settings-container"
7
+ elements-selector=".al-settings-group"
8
+ title-selector=".al-settings-group-title"
9
+ ></al-toc>
10
+ </div>
11
+ <div class="al-settings-main">
12
+ <div class="al-settings-container"><% self.populateSettingsContainer($0) %></div>
13
+ <div class="al-settings-actions">
14
+ <al-button class="save-changes" state="ready" hidden>
15
+ <al-state state-name="saving">
16
+ <al-icon icon-style="duotone" icon-name="spinner" icon-flags="spin"></al-icon>
17
+ {%t "saving" %}
18
+ </al-state>
19
+
20
+ <al-state state-name="saved">
21
+ <al-icon icon-style="duotone" icon-name="badge-check" icon-flags="beat"></al-icon>
22
+ {%t "saved" %}
23
+ </al-state>
24
+
25
+ <al-state state-name="error">
26
+ <al-icon icon-style="duotone" icon-name="skull" icon-flags="shake"></al-icon>
27
+ {%t "error" action="save" %}
28
+ </al-state>
29
+
30
+ <al-state state-name="ready">
31
+ <al-icon icon-style="duotone" icon-name="floppy-disk-circle-arrow-right"></al-icon>
32
+ {%t "save" %}
33
+ </al-state>
34
+ </al-button>
35
+ </div>
36
+ </div>
package/view/form/inputs/edit/object.hwk ADDED
@@ -0,0 +1,9 @@
1
+ <al-code-input
2
+ class="alchemy-field-value"
3
+ form=<% form_id %>
4
+ name=<% path %>
5
+ placeholder={% alchemy_field.placeholder %}
6
+ language-mode="json"
7
+ value-is-object
8
+ #value={% value %}
9
+ ></al-code-input>
package/view/form/inputs/edit/settings.hwk ADDED
@@ -0,0 +1,5 @@
1
+ <% config = value.getEditorConfiguration() %>
2
+ <al-settings-editor
3
+ class="alchemy-field-value"
4
+ #settings_config={% config %}
5
+ ></al-settings-editor>
package/view/form/inputs/view/string.hwk CHANGED
@@ -1,5 +1,18 @@
1
1
  <div>
2
- <span class="alchemy-field-value">{{ value }}</span>
2
+ <span class="alchemy-field-value">
3
+ <% if (value || value === false) { %>
4
+ {{ value }}
5
+ <% } else { %>
6
+ <span class="alchemy-field-empty-value">
7
+ {%t
8
+ "empty-value"
9
+ field=field_context.config.name
10
+ path=field_context.config.path_in_document
11
+ zone=self.zone
12
+ %}
13
+ </span>
14
+ <% } %>
15
+ </span>
3
16
  {% if alchemy_field.config.options.suffix %}
4
17
  <span class="alchemy-field-suffix">{{ alchemy_field.config.options.suffix }}</span>
5
18
  {% /if %}
package/view/form/wrappers/default/default.hwk CHANGED
@@ -3,11 +3,27 @@
3
3
  <span
4
4
  data-he-name="field-title"
5
5
  data-he-slot="field-title"
6
- >{{ alchemy_field.field_title }}</span>
6
+ >
7
+ {%t
8
+ "alchemy-field-title"
9
+ field=field_context.config.name
10
+ path=field_context.config.path_in_document
11
+ zone=self.zone
12
+ fallback=alchemy_field.field_title
13
+ %}
14
+ </span>
7
15
  <small
8
16
  data-he-name="field-description"
9
17
  data-he-slot="field-description"
10
- >{{ alchemy_field.field_description }}</small>
18
+ >
19
+ {%t
20
+ "alchemy-field-description"
21
+ field=field_context.config.name
22
+ path=field_context.config.path_in_document
23
+ zone=self.zone
24
+ fallback=alchemy_field.field_description
25
+ %}
26
+ </small>
11
27
  </al-label>
12
28
  </div>
13
29
  <div data-he-name="field"></div>