alchemy-form 0.2.8 → 0.2.10

package/element/al_form.js

@@ -34,6 +34,15 @@ Form.setAttribute('method');
  */
 Form.setAttribute('model');
 
+/**
+ * Should the entire document be submitted?
+ *
+ * @author   Jelle De Loecker   <jelle@elevenways.be>
+ * @since    0.2.9
+ * @version  0.2.9
+ */
+Form.setAttribute('serialize-entire-document', {type: 'boolean'});
+
 /**
  * The document that is being edited
  *
@@ -88,34 +97,20 @@ Form.setProperty(function main_error_area() {
  *
  * @author   Jelle De Loecker   <jelle@elevenways.be>
  * @since    0.1.0
- * @version  0.2.0
+ * @version  0.2.9
  */
 Form.setProperty(function value() {
 
-	let fields = this.queryAllNotNested('al-field'),
-	    result = {},
-	    field,
-	    key,
-	    i;
-
-	if (this.document && this.document.$pk) {
-		result[this.document.$model.primary_key] = this.document.$pk;
-	}
+	let result = this.getMainValue();
 
-	for (i = 0; i < fields.length; i++) {
-		field = fields[i];
+	if (this.model) {
+		let model = alchemy.getModel(this.model);
 
-		if (field && field.readonly) {
-			continue;
+		if (model) {
+			result = {
+				[model.model_name] : result
+			};
 		}
-
-		result[field.field_name] = field.value;
-	}
-
-	if (this.model) {
-		result = {
-			[this.model] : result
-		};
 	}
 
 	return result;
@@ -148,6 +143,45 @@ Form.setMethod(Hawkejs.SERIALIZE_FORM, function serializeForm() {
 	return this.value;
 });
 
+/**
+ * Get the non-wrapped value
+ *
+ * @author   Jelle De Loecker   <jelle@elevenways.be>
+ * @since    0.2.9
+ * @version  0.2.9
+ */
+Form.setMethod(function getMainValue() {
+
+	let fields = this.queryAllNotNested('al-field'),
+	    result = {},
+	    field,
+	    i;
+
+	if (this.document) {
+
+		if (this.serialize_entire_document) {
+			let value = this.document.$main;
+			Object.assign(result, value);
+		}
+
+		if (this.document.$pk) {
+			result[this.document.$model.primary_key] = this.document.$pk;
+		}
+	}
+
+	for (i = 0; i < fields.length; i++) {
+		field = fields[i];
+
+		if (field && field.readonly) {
+			continue;
+		}
+
+		result[field.field_name] = field.value;
+	}
+
+	return result;
+});
+
 /**
  * Submit this form
  *
@@ -172,33 +206,131 @@ Form.setMethod(async function submit() {
 		}
 	}
 
+	if (result?.render == false && result.document) {
+		this.setDocument(result.document);
+	}
+
 	return result;
 });
 
+/**
+ * Get a field by its name
+ *
+ * @author   Jelle De Loecker   <jelle@elevenways.be>
+ * @since    0.2.9
+ * @version  0.2.9
+ */
+Form.setMethod(function getField(name) {
+	
+	let fields = this.queryAllNotNested('al-field'),
+	    field,
+	    i;
+
+	for (i = 0; i < fields.length; i++) {
+		field = fields[i];
+
+		if (field.field_name == name) {
+			return field;
+		}
+	}
+});
+
+/**
+ * Set the document
+ *
+ * @author   Jelle De Loecker   <jelle@elevenways.be>
+ * @since    0.2.9
+ * @version  0.2.9
+ */
+Form.setMethod(function setDocument(document) {
+
+	let current_value = this.getMainValue();
+
+	// Set the current document
+	this.document = document;
+
+	console.log('Setting document', document);
+
+	for (let key in current_value) {
+		let original_value = current_value[key],
+		    new_value = document[key];
+
+		if (!Object.alike(original_value, new_value)) {
+			let field = this.getField(key);
+
+			if (field) {
+ 				field.value = new_value;
+			}
+		}
+	}
+
+});
+
 /**
  * Validate this form
  *
  * @author   Jelle De Loecker   <jelle@elevenways.be>
  * @since    0.2.2
- * @version  0.2.2
+ * @version  0.2.10
  */
 Form.setMethod(async function validate() {
 
-	if (this.model) {
-		let model = alchemy.getModel(this.model);
+	let doc = this.getValueAsDocument();
 
-		if (model) {
-			let doc = model.createDocument(this.value);
+	let violations = await doc.getViolations();
 
-			let violations = await doc.getViolations();
+	this.clearErrors();
 
-			if (violations) {
-				this.showError(violations);
-				throw violations;
-			}
-		}
+	if (violations) {
+		this.showError(violations);
+		throw violations;
 	}
+});
+
+/**
+ * Get the value as a document instance
+ *
+ * @author   Jelle De Loecker   <jelle@elevenways.be>
+ * @since    0.2.9
+ * @version  0.2.9
+ */
+Form.setMethod(function getValueAsDocument() {
+
+	if (!this.model) {
+		return;
+	}
+
+	let model = alchemy.getModel(this.model);
+
+	if (model) {
+		return model.createDocument(this.getMainValue());
+	}
+});
+
+/**
+ * Get the updated document:
+ * The original document's values + the form's values
+ *
+ * @author   Jelle De Loecker   <jelle@elevenways.be>
+ * @since    0.2.9
+ * @version  0.2.9
+ */
+Form.setMethod(function getUpdatedDocument() {
+
+	if (!this.model) {
+		return;
+	}
+
+	const model = alchemy.getModel(this.model);
+	const original_value = this.document;
+
+	if (!original_value) {
+		return this.getValueAsDocument();
+	}
+
+	let main_value = Object.assign({}, original_value.$main, this.getMainValue());
 
+	return model.createDocument(main_value);
 });
 
 /**

package/element/al_table.js

@@ -1121,7 +1121,7 @@ Table.setMethod(function getRemoteFetchConfig() {
  *
  * @author   Jelle De Loecker   <jelle@elevenways.be>
  * @since    0.2.0
- * @version  0.2.8
+ * @version  0.2.10
  */
 Table.setMethod(function applyFetchedData(err, result, config) {
 
@@ -1132,7 +1132,9 @@ Table.setMethod(function applyFetchedData(err, result, config) {
 
 	let records;
 
-	if (Array.isArray(result)) {
+	if (!result) {
+		records = [];
+	} else if (Array.isArray(result)) {
 		records = result;
 	} else if (result.length) {
 		// This way we keep `DocumentList` instances as they are!

package/element/al_toggle.js

@@ -42,12 +42,16 @@ AlchemyToggle.setAttribute('value', null, function setValue(value) {
  *
  * @author   Jelle De Loecker <jelle@elevenways.be>
  * @since    0.1.0
- * @version  0.1.0
+ * @version  0.2.9
  */
 AlchemyToggle.setMethod(function introduced() {
 
 	this.addEventListener('click', e => {
 		this.value = !this.value;
+		this.emit('change', {
+			'bubbles'   : true,
+			'cancelable': true
+		});
 	});
 
 	let input = this.querySelector('input');
@@ -62,5 +66,9 @@ AlchemyToggle.setMethod(function introduced() {
 		}
 
 		this.value = input.checked;
+		this.emit('change', {
+			'bubbles'   : true,
+			'cancelable': true
+		});
 	});
 });