vgapp 0.7.4 → 0.7.5

package/CHANGELOG.md

@@ -1,3 +1,38 @@
+# VEGAS-APP 0.7.5 (Декабрь, 08, 2025)
+* В модуль VGFORSENDER добавлен параметр `fields` для программного добавление новых полей в FormData,
+если в значении объекта окажется массив или объект, то сформируется json строка
+```
+{
+  ...
+  fields: [
+    {
+      name: Andranik,
+      surname: Gasparyan
+    },
+    ...
+    {
+      json: [{key: value}]
+    }
+  ]
+}
+```
+* Хак на кнопку отправки `onclick` можно повесить колбек на событие
+```
+<button type="submit" class="btn btn-primary"
+  onclick='vg.VGFormSender.buttonClick("#form-simple", function (form, self) {
+    self._button.innerHTML = `<span class="spinner-border spinner-border-sm"></span>`;
+   }, "before")'
+>
+  <span>Сохранить</span>
+</button>
+```
+у модуля три события `before`, `error` и `success`
+
+* Исправлены ошибки в разных модулях
+
+
+---
+
 # VEGAS-APP 0.7.2 - 0.7.4 (Декабрь, 04, 2025)
 * Новые стили и иконки для success, info, danger, warning
 * Исправлены ошибки в разных модулях

package/app/modules/vgformsender/js/vgformsender.js

@@ -16,12 +16,6 @@ import VGCollapse from "../../vgcollapse/js/vgcollapse";
 import {getSVG} from "../../module-fn";
 import VGHideShowPass from "./hideshowpass";
 
-/**
- * TODO
- * доделай динамическое добавление полей в форму,
- * но не меняй место их получения (их нужно получить прямо перед отправкой, после того как выполнился промис beforeSend)
- */
-
 /**
  * Constants
  */
@@ -102,13 +96,15 @@ class VGFormSender extends BaseModule {
 				spinner: {
 					enabled: false,
 					element: '<span class="spinner-border spinner-border-sm me-2"></span>'
-				}
+				},
+				click: noop,
 			},
 		}, params));
 
+		this._button = Selectors.find('[type="submit"]', this._element) || Selectors.find('[form="' + this._element.id + '"]') || null;
+
 		this._params.ajax.route = Manipulator.get(this._element, 'action').toLowerCase();
 		this._params.ajax.method = Manipulator.get(this._element, 'method').toLowerCase();
-		this._button = Selectors.find('[type="submit"]', this._element) || Selectors.find('[form="' + this._element.id + '"]') || null;
 
 		this._params.isBtnText   = Manipulator.get(this._element, 'data-btn-text') !== 'false';
 		this._params.isJsonParse = Manipulator.get(this._element, 'data-json-parse') !== 'false';
@@ -151,13 +147,23 @@ class VGFormSender extends BaseModule {
 		return this
 	}
 
-	request(data, event) {
+	request(event, data = null) {
 		const _this = this;
+		const mergeFormData = (target, source) => {
+			source.forEach((value, key) => {
+				target.set(key, value);
+			});
+			return target;
+		}
 
 		_this._alertBefore();
 
 		const submit = () => {
-			_this._params.ajax.data = new FormData(_this._element);
+			let formData = new FormData(_this._element);
+
+			if (data) _this._params.ajax.data = mergeFormData(data, formData);
+			else _this._params.ajax.data = formData;
+
 			_this._route(function (status, data) {
 				_this._element.classList.remove('was-validated');
 
@@ -229,11 +235,23 @@ class VGFormSender extends BaseModule {
 		EventHandler.trigger(_this._element, EVENT_KEY_SUCCESS, [event, _this, data]);
 	}
 
+	static buttonClick(formID, callback, status = 'before') {
+		const form = Selectors.find(formID);
+		if (form) {
+			const instance = VGFormSender.getOrCreateInstance(formID);
+			form.addEventListener('vg.fs.' + status, e => {
+				execute(callback, [form, instance])
+			})
+		}
+	}
+
 	_statusButton(status) {
 		if (!this._button) return;
 
 		if (status === 'before') {
-			const button = getDeepestLastChild(this._button) || this._button;
+			const button = this._button;
+
+			this._params.button.initial = this._button.innerHTML.trim();
 
 			if (this._params.button.spinner.enabled) {
 				this._button.insertAdjacentHTML('afterbegin', this._params.button.spinner.element);
@@ -246,19 +264,25 @@ class VGFormSender extends BaseModule {
 			if (this._params.button.disabled) {
 				Manipulator.set(this._button,'disabled', 'disabled');
 			}
+
+			execute(this._params.button.click, [this, this._button, 'before'])
 		}
 
 		if (status === 'after') {
 			if (this._params.button.enabled) {
 				this._button.innerHTML = this._params.button.initial;
 			}
+
 			if (this._params.button.disabled) {
 				Manipulator.remove(this._button,'disabled');
 			}
+
 			if (this._params.button.spinner.enabled) {
 				let spinner = this._button.querySelector('.spinner-border');
 				if (spinner) spinner.remove();
 			}
+
+			execute(this._params.button.click, [this, this._button, 'after'])
 		}
 	}
 
@@ -533,34 +557,36 @@ EventHandler.on(document, EVENT_SUBMIT_DATA_API, function (event) {
 		}
 	}
 
-	/*const collectData = function(data, fields) {
-		for (let name in fields) {
-			if (typeof fields[name] === 'object') {
-				for (let key in fields[name]) {
-					let arr = Object.keys(fields[name][key]).map(function (i) {
-						return fields[name][key][i];
+	if (!instance._params.submit) {
+		event.preventDefault();
+
+		const collectData = function(data, fields) {
+			fields.forEach(function(field) {
+				if (isObject(field)) {
+					let keys = Object.keys(field);
+					keys.forEach(function(key) {
+						let value = normalizeData(field[key]);
+
+						if (Array.isArray(value) || isObject(value)) {
+							data.append(key, JSON.stringify(value));
+						} else {
+							data.append(key, value);
+						}
 					});
-					data.append(name, arr);
 				}
-			} else {
-				data.append(name, fields[name]);
-			}
-		}
-
-		return data;
-	}*/
+			});
 
-	if (!instance._params.submit) {
-		event.preventDefault();
+			return data;
+		}
 
-		//let data = new FormData(instance._element);
+		let data = new FormData(instance._element),
+			fields = instance._params.fields;
 
-		// TODO доделать
-		/*if (Array.isArray(instance._params.ajax.fields) && instance._params.ajax.fields.length) {
-			data = collectData(data, instance._params.ajax.fields);
-		}*/
+		if (Array.isArray(fields) && fields.length) {
+			data = collectData(data, fields);
+		}
 
-		return instance.request(event);
+		return instance.request(event, data);
 	}
 })
 

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "vgapp",
-	"version": "0.7.4",
+	"version": "0.7.5",
 	"description": "",
 	"author": {
 		"name": "Vegas Studio",