alchemy-form 0.1.3 → 0.1.6

package/helper_field/query_builder_field.js

@@ -0,0 +1,91 @@
+/**
+ * Schema fields are nested schema's
+ *
+ * @constructor
+ *
+ * @author   Jelle De Loecker   <jelle@elevenways.be>
+ * @since    0.1.6
+ * @version  0.1.6
+ */
+const QueryBuilderField = Function.inherits('Alchemy.Field', function QueryBuilder(schema, name, options) {
+
+	if (!options) {
+		options = {};
+	}
+
+	QueryBuilder.super.call(this, schema, name, options);
+});
+
+/**
+ * Set the datatype name
+ *
+ * @author   Jelle De Loecker   <jelle@develry.be>
+ * @since    0.1.6
+ * @version  0.1.6
+ */
+QueryBuilderField.setDatatype('object');
+
+/**
+ * This field value is self-contained
+ *
+ * @author   Jelle De Loecker   <jelle@develry.be>
+ * @since    0.1.6
+ * @version  0.1.6
+ */
+QueryBuilderField.setSelfContained(true);
+
+/**
+ * Cast the given value to this field's type
+ *
+ * @author   Jelle De Loecker <jelle@elevenways.be>
+ * @since    0.1.6
+ * @version  0.1.6
+ */
+QueryBuilderField.setMethod(function cast(value, to_datasource) {
+	return value;
+});
+
+/**
+ * Load remote data
+ *
+ * @author   Jelle De Loecker   <jelle@elevenways.be>
+ * @since    0.1.6
+ * @version  0.1.6
+ *
+ * @param    {Object}        config
+ * @param    {HTMLElement}   element
+ */
+QueryBuilderField.setMethod(function loadData(config, element) {
+
+	if (element) {
+		let form = element.queryParents('alchemy-form');
+
+		if (form) {
+			let doc = form.document;
+
+			if (doc && doc.root_document) {
+				doc = doc.root_document;
+			}
+
+			let model_name,
+			    $pk;
+			
+			if (doc) {
+				model_name = doc.$model_name;
+				$pk = doc.$pk;
+			}
+
+			return element.hawkejs_helpers.Alchemy.getResource({
+				name  : 'FormApi#queryBuilderData',
+				post  : true,
+				body  : {
+					model        : model_name,
+					$pk          : $pk,
+					config       : config,
+				}
+			});
+		}
+	}
+
+	return [];
+});

package/helper_field/query_builder_value.js

@@ -0,0 +1,56 @@
+/**
+ * A QueryBuilderValue field lets you get variable values
+ * using the QueryBuilder logic
+ *
+ * @constructor
+ *
+ * @author   Jelle De Loecker   <jelle@elevenways.be>
+ * @since    0.1.6
+ * @version  0.1.6
+ */
+const QueryBuilderValue = Function.inherits('Alchemy.Field.QueryBuilder', 'QueryBuilderValue');
+
+/**
+ * Load remote data
+ *
+ * @author   Jelle De Loecker   <jelle@elevenways.be>
+ * @since    0.1.6
+ * @version  0.1.6
+ *
+ * @param    {Object}        config
+ * @param    {HTMLElement}   element
+ */
+QueryBuilderValue.setMethod(function loadData(config, element) {
+
+	if (element) {
+		let form = element.queryParents('alchemy-form');
+
+		if (form) {
+			let doc = form.document;
+
+			if (doc && doc.root_document) {
+				doc = doc.root_document;
+			}
+
+			let model_name,
+			    $pk;
+			
+			if (doc) {
+				model_name = doc.$model_name;
+				$pk = doc.$pk;
+			}
+
+			return element.hawkejs_helpers.Alchemy.getResource({
+				name  : 'FormApi#queryBuilderData',
+				post  : true,
+				body  : {
+					model        : model_name,
+					$pk          : $pk,
+					config       : config,
+				}
+			});
+		}
+	}
+
+	return [];
+});

package/package.json

@@ -1,13 +1,13 @@
 {
 	"name": "alchemy-form",
 	"description": "Form plugin for Alchemy",
-	"version": "0.1.3",
+	"version": "0.1.6",
 	"repository": {
 		"type" : "git",
 		"url"  : "https://github.com/11ways/alchemy-form.git"
 	},
 	"peerDependencies": {
-		"alchemymvc" : "~1.1.3"
+		"alchemymvc" : "~1.2.0"
 	},
 	"license": "MIT",
 	"engines": {

package/view/form/elements/alchemy_field_array.hwk

@@ -2,7 +2,9 @@
 <% view_files = alchemy_field.view_files %>
 <% values = self.original_value %>
 
-<button class="add-entry">Add entry</button>
+<button class="add-entry">
+	{%t "add-entry" name=alchemy_field.field_name title=alchemy_field.field_title %}
+</button>
 
 <div class="entries">
 	{% with values as value %}

package/view/form/elements/alchemy_field_array_entry.hwk

@@ -11,5 +11,7 @@
 	<% include(view_files, variables) %>
 </div>
 <div class="button">
-	<button class="remove">Remove</button>
+	<button class="remove">
+		{%t "remove-entry" name=alchemy_field.field_name title=alchemy_field.field_title %}
+	</button>
 </div>

package/view/form/elements/alchemy_field_schema.hwk

@@ -1,9 +1,7 @@
-{% with self.sub_fields as sub_field %}
-{% each %}
+{% each self.sub_fields as sub_field %}
 	<alchemy-field
 		#alchemy_field_schema=<% self %>
 		#schema=<% self.schema %>
 		field-name=<% sub_field.name %>
 	></alchemy-field>
-{% /each %}
-{% /with %}
+{% /each %}

package/view/form/elements/alchemy_select_item.hwk

@@ -1,2 +1,7 @@
 <% data = self.data %>
-{%= data.title or data.name or data.$pk or self.value %}
+
+{% if self.custom_template %}
+	{% include self.custom_template %}
+{% else %}
+	{{ data.title or data.name or data.$pk or self.value }}
+{% /if %}

package/view/form/elements/query_builder.hwk

@@ -0,0 +1 @@
+<alchemy-query-builder-group></alchemy-query-builder-group>

package/view/form/elements/query_builder_entry.hwk

@@ -0,0 +1,33 @@
+<div class="qb-field-wrapper">
+	<alchemy-select
+		class="qb-field"
+		#dataprovider={% self %}
+		value-item-template="form/select/qb_item"
+		option-item-template="form/select/qb_item"
+	></alchemy-select>
+</div>
+<div class="qb-operator-wrapper">
+	<alchemy-select
+		class="qb-operator"
+		#dataprovider={% self %}
+		value-item-template="form/select/qb_item"
+		option-item-template="form/select/qb_item"
+	></alchemy-select>
+</div>
+<div class="qb-value-wrapper">
+	<alchemy-select
+		class="qb-value-type"
+		#dataprovider={% self %}
+		value-item-template="form/select/qb_item"
+		option-item-template="form/select/qb_item"
+	></alchemy-select>
+
+	<div class="qb-value-input-wrapper">
+
+	</div>
+</div>
+<div class="qb-delete-wrapper">
+	<button class="qb-delete-entry qb-btn qb-primary">
+		Delete
+	</button>
+</div>

package/view/form/elements/query_builder_group.hwk

@@ -0,0 +1,64 @@
+<% radio_name = getId('qb') %>
+<% invert_name = getId('qb') %>
+
+<div class="qb-group-header">
+	<div class="qb-group-type">
+		<input
+			id="{% radio_name %}_and"
+			type="radio"
+			name={% radio_name %}
+			value="and"
+		>
+		<label
+			for="{% radio_name %}_and"
+			class="qb-btn"
+		>
+			AND
+		</label>
+
+		<input
+			id="{% radio_name %}_or"
+			type="radio"
+			name={% radio_name %}
+			value="or"
+		>
+		<label
+			for="{% radio_name %}_or"
+			class="qb-btn"
+		>
+			OR
+		</label>
+	</div>
+
+	<div class="qb-group-invert">
+		<input
+			id={% invert_name %}
+			class="group-invert-chk"
+			type="checkbox"
+		>
+		<label
+			for={% invert_name %}
+			class="qb-btn"
+		>
+			NOT
+		</label>
+	</div>
+
+	<div class="qb-group-actions">
+		<button class="qb-add-rule qb-btn qb-primary">
+			Add rule
+		</button>
+		<button class="qb-add-group qb-btn qb-primary">
+			Add group
+		</button>
+		<button class="qb-delete-group qb-btn qb-primary">
+			Delete group
+			<% if (self.is_root_group) $0.hidden = true %>
+		</button>
+	</div>
+</div>
+<div class="qb-group-body">
+	<div class="qb-rules-list">
+
+	</div>
+</div>

package/view/form/elements/query_builder_value.hwk

@@ -0,0 +1,10 @@
+<alchemy-select
+	class="qb-source-type"
+	#dataprovider={% self %}
+	value-item-template="form/select/qb_item"
+	option-item-template="form/select/qb_item"
+></alchemy-select>
+
+<div class="qb-value-input-wrapper">
+
+</div>

package/view/form/inputs/edit/query_builder.hwk

@@ -0,0 +1,5 @@
+<alchemy-query-builder
+	class="alchemy-field-value"
+	#value={% value %}
+	#dataprovider={% alchemy_field %}
+></alchemy-query-builder>

package/view/form/inputs/edit/query_builder_assignment.hwk

@@ -0,0 +1,6 @@
+<alchemy-query-builder-entry
+	class="alchemy-field-value"
+	type="assignment"
+	#value={% value %}
+	#dataprovider={% alchemy_field %}
+></alchemy-query-builder-entry>

package/view/form/inputs/edit/query_builder_value.hwk

@@ -0,0 +1,11 @@
+<%
+options = alchemy_field.config.options || {};
+%>
+
+<alchemy-query-builder-value
+	class="alchemy-field-value"
+	#value={% value %}
+	#dataprovider={% alchemy_field %}
+	variable-types={% options.variable_types %}
+	source-types={% options.source_types %}
+></alchemy-query-builder-value>

package/view/form/select/qb_item.hwk

@@ -0,0 +1,7 @@
+<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>
+		<span class="option-title">{{ data.title or data.name }}</span>
+	</div>
+	<span class="option-description">{{ data.description }}</span>
+</div>