alchemy-form 0.1.11 → 0.2.0

package/view/form/inputs/view/string.hwk

@@ -1 +1,6 @@
-<span class="alchemy-field-value">{{ value }}</span>
+<div>
+	<span class="alchemy-field-value">{{ value }}</span>
+	{% if alchemy_field.config.options.suffix %}
+		<span class="alchemy-field-suffix">{{ alchemy_field.config.options.suffix }}</span>
+	{% /if %}
+</div>

package/view/form/inputs/view_inline/datetime.hwk

@@ -1,4 +1,8 @@
-<time
-	class="alchemy-field-value"
-	datetime={% value.toISOString() %}
->{{ value.format('Y‑m‑d H:i') }}</time>
+{% if alchemy_field.config.options.time_ago %}
+	<time-ago date={% value %}></time-ago>
+{% else %}
+	<time
+		class="alchemy-field-value"
+		datetime={% value.toISOString() %}
+	>{{ value.format('Y‑m‑d H:i') }}</time>
+{% /if %}

package/view/form/inputs/view_inline/enum.hwk

@@ -0,0 +1 @@
+<span class="alchemy-field-value alchemy-field-enum">{{ value }}</span>

package/view/form/inputs/view_inline/string.hwk

@@ -1 +1,6 @@
-<span class="alchemy-field-value">{{ value }}</span>
+<div>
+	<span class="alchemy-field-value">{{ value }}</span>
+	{% if alchemy_field.config.options.suffix %}
+		<span class="alchemy-field-suffix">{{ alchemy_field.config.options.suffix }}</span>
+	{% /if %}
+</div>

package/view/form/select/qb_item.hwk

@@ -1,3 +1,4 @@
+<% data = self.data %>
 <div class="qb-select-item qb-select-type-{% self.type %}">
 	<div class="type-and-name">
 		<span class="option-type" data-type={% data.type_name %}></span>

package/view/form/wrappers/default/default.hwk

@@ -1,5 +1,5 @@
 <div class="form-field-info">
-	<alchemy-label>
+	<al-label>
 		<span
 			data-he-name="field-title"
 			data-he-slot="field-title"
@@ -8,7 +8,7 @@
 			data-he-name="field-description"
 			data-he-slot="field-description"
 		><%= alchemy_field.field_description %></small>
-	</alchemy-label>
+	</al-label>
 </div>
 <div data-he-name="field"></div>
 <div class="validation-feedback">

package/helper/widgets/alchemy_field_widget.js

@@ -1,137 +0,0 @@
-/**
- * The Field Widget class
- *
- * @constructor
- *
- * @author   Jelle De Loecker <jelle@elevenways.be>
- * @since    0.1.0
- * @version  0.1.0
- *
- * @param    {Object}   data
- */
-const AlchemyField = Function.inherits('Alchemy.Widget', 'AlchemyField');
-
-/**
- * Prepare the schema
- *
- * @author   Jelle De Loecker   <jelle@elevenways.be>
- * @since    0.1.0
- * @version  0.1.0
- */
-AlchemyField.constitute(function prepareSchema() {
-
-	//let widgets = this.createSchema();
-
-	// widgets.addField('type', 'Enum', {values: alchemy.getClassGroup('widgets')});
-	// widgets.addField('config', 'Schema', {schema: 'type'});
-
-	// this.schema.addField('widgets', widgets, {array: true});
-});
-
-/**
- * Find the alchemy-form parent
- *
- * @author   Jelle De Loecker   <jelle@elevenways.be>
- * @since    0.1.4
- * @version  0.1.4
- */
-AlchemyField.enforceProperty(function alchemy_form(new_value) {
-
-	if (!new_value && this.config && this.config.alchemy_form) {
-		new_value = this.config.alchemy_form;
-	}
-
-	if (!new_value) {
-
-		let parent = this.parent_instance;
-		
-		while (parent) {
-
-			new_value = parent.alchemy_form;
-
-			if (new_value) {
-				break;
-			}
-
-			if (parent.element) {
-				new_value = parent.element.querySelector('alchemy-form');
-
-				if (new_value) {
-					break;
-				}
-			}
-			
-			parent = parent.parent_instance;
-		}
-	}
-
-	return new_value;
-});
-
-/**
- * Populate the widget
- *
- * @author   Jelle De Loecker   <jelle@elevenways.be>
- * @since    0.1.0
- * @version  0.1.11
- */
-AlchemyField.setMethod(function populateWidget() {
-
-	let config = this.config;
-
-	let alchemy_form = this.alchemy_form;
-
-	let field_el = this.createElement('alchemy-field');
-
-	if (alchemy_form) {
-		field_el.alchemy_form = alchemy_form;
-	}
-
-	field_el.field_name = config.field;
-
-	if (config.purpose) {
-		field_el.purpose = config.purpose;
-	}
-
-	if (config.mode) {
-		field_el.mode = config.mode;
-	}
-
-	if (config.view) {
-		field_el.field_view = config.view;
-	}
-
-	if (config.readonly) {
-		field_el.readonly = true;
-	}
-
-	if (config.widget_settings) {
-		field_el.widget_settings = config.widget_settings;
-	}
-
-	if (config.data_src) {
-		field_el.data_src = config.data_src;
-	}
-
-	this.element.append(field_el);
-});
-
-/**
- * Get the config of this widget
- *
- * @author   Jelle De Loecker   <jelle@elevenways.be>
- * @since    0.1.0
- * @version  0.1.0
- *
- * @return   {Object}
- */
-AlchemyField.setMethod(function syncConfig() {
-
-	let config = this.config;
-
-	if (!config) {
-		config = this.config = {};
-	}
-
-	return this.config;
-});

package/helper/widgets/alchemy_form_widget.js

@@ -1,169 +0,0 @@
-/**
- * The Form Widget class
- *
- * @constructor
- *
- * @author   Jelle De Loecker <jelle@elevenways.be>
- * @since    0.1.0
- * @version  0.1.0
- *
- * @param    {Object}   data
- */
-const AlchemyForm = Function.inherits('Alchemy.Widget', 'AlchemyForm');
-
-/**
- * Populate the widget
- *
- * @author   Jelle De Loecker   <jelle@elevenways.be>
- * @since    0.1.0
- * @version  0.1.11
- */
-AlchemyForm.setMethod(function populateWidget() {
-
-	let config = this.config,
-	    form = this.createElement('alchemy-form');
-
-	let col_el = this.createElement('alchemy-widgets-column'),
-	    col = col_el.instance;
-
-	col.parent_instance = this;
-
-	form.classList.add('alchemy-widgets-container');
-
-	if (config.purpose) {
-		form.purpose = config.purpose;
-	}
-
-	if (config.mode) {
-		form.mode = config.mode;
-	}
-
-	if (this.config && this.config.widgets) {
-		let widgets = this.config.widgets.slice(0),
-		    widget,
-			i;
-		
-		for (i = 0; i < widgets.length; i++) {
-			widget = widgets[i];
-
-			if (widget.type == 'alchemy_field') {
-				widget = Object.assign({}, widget);
-				widget.config = Object.assign({}, widget.config);
-				widget.config.alchemy_form = form;
-				widgets[i] = widget;
-			}
-		}
-
-		col.widget.value = widgets;
-	}
-
-	let record = this.element.getContextVariable('record');
-
-	if (record) {
-		form.document = record;
-	}
-
-	if (config.model) {
-		form.model = config.model;
-	}
-
-	if (config.view_type) {
-		form.view_type = config.view_type;
-	}
-
-	form.append(col.widget);
-
-	this.element.append(form);
-
-	let violations = this.element.getContextVariable('form_violations');
-
-	if (violations) {
-		form.showError(violations);
-	}
-});
-
-/**
- * Get the nested column
- *
- * @author   Jelle De Loecker   <jelle@elevenways.be>
- * @since    0.1.0
- * @version  0.1.0
- */
-AlchemyForm.setMethod(function getNestedColumn(widget) {
-
-	if (!widget) {
-		widget = this.widget;
-	}
-
-	if (!widget) {
-		return;
-	}
-
-	let col = widget.querySelector('alchemy-form > alchemy-widgets-column');
-
-	return col;
-});
-
-/**
- * Start the editor
- *
- * @author   Jelle De Loecker   <jelle@elevenways.be>
- * @since    0.1.0
- * @version  0.1.0
- */
-AlchemyForm.setMethod(function _startEditor() {
-
-	let col = this.getNestedColumn();
-
-	if (!col) {
-		return;
-	}
-
-	col.startEditor();
-});
-
-/**
- * Stop the editor
- *
- * @author   Jelle De Loecker   <jelle@elevenways.be>
- * @since    0.1.0
- * @version  0.1.0
- */
-AlchemyForm.setMethod(function _stopEditor() {
-
-	let col = this.getNestedColumn();
-
-	if (!col) {
-		return;
-	}
-
-	col.stopEditor();
-});
-
-/**
- * Get the config of this widget
- *
- * @author   Jelle De Loecker   <jelle@elevenways.be>
- * @since    0.1.0
- * @version  0.1.0
- *
- * @return   {Object}
- */
-AlchemyForm.setMethod(function syncConfig() {
-
-	let config = this.config;
-
-	if (!config) {
-		config = this.config = {};
-	}
-
-	let col = this.getNestedColumn();
-
-	if (col) {
-		config.widgets = col.instance.syncConfig();
-	} else {
-		config.widgets = [];
-	}
-
-	return this.config;
-});

package/helper/widgets/alchemy_table_widget.js

@@ -1,53 +0,0 @@
-/**
- * The Table Widget class
- *
- * @constructor
- *
- * @author   Jelle De Loecker <jelle@elevenways.be>
- * @since    0.1.0
- * @version  0.1.0
- *
- * @param    {Object}   data
- */
-const AlchemyTable = Function.inherits('Alchemy.Widget', 'AlchemyTable');
-
-/**
- * Populate the widget
- *
- * @author   Jelle De Loecker   <jelle@elevenways.be>
- * @since    0.1.0
- * @version  0.1.8
- */
-AlchemyTable.setMethod(function populateWidget() {
-
-	let table = this.createElement('alchemy-table'),
-	    config = this.config;
-
-	if (config.id) {
-		table.id = config.id;
-	}
-
-	// Always enable the actions?
-	table.has_actions = true;
-
-	if (config.fieldset) {
-		table.fieldset = config.fieldset;
-	}
-
-	if (config.page_size) {
-		table.page_size = config.page_size;
-	}
-
-	if (config.show_filters) {
-		table.show_filters = config.show_filters;
-	}
-
-	if (config.recordsource) {
-		table.recordsource = config.recordsource;
-	}
-
-	table.purpose = config.purpose || 'view';
-	table.mode = config.mode || 'inline';
-
-	this.element.append(table);
-});

package/view/form/inputs/view_inline/file.hwk

@@ -1,6 +0,0 @@
-{% if value %}
-	<img
-		!Media={% value %}
-		+media-route="Media::thumb"
-	>
-{% /if %}