adt-js-components 1.7.2 → 1.8.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "adt-js-components",
-  "version": "1.7.2",
+  "version": "1.8.1",
   "description": "JavaScript components for Nette framework",
   "main": "index.js",
   "scripts": {

package/src/ComponentLoader.js

@@ -69,6 +69,10 @@ const initRecaptcha = () => {
 	init('recaptcha', 'Recaptcha');
 };
 
+const initRedrawSnippet = () => {
+	init('redraw-snippet', 'RedrawSnippet');
+};
+
 const initSelect2 = () => {
 	init('select2', 'Select2');
 };
@@ -122,6 +126,7 @@ export default {
 	initGLightbox,
 	initGoogleMaps,
 	initRecaptcha,
+	initRedrawSnippet,
 	initSelect2,
 	initSubmitForm,
 	initTinyMCE,

package/src/RedrawSnippet/index.js

@@ -0,0 +1,44 @@
+async function run(options) {
+	function applyEventHandlers(el) {
+		var $el= $(el);
+		if ($el.is('button, input[type="button"], input[type="submit"]')) {
+			$el.on('click', sendNetteAjax);
+		} else if ($el.is('input:not([type="button"]):not([type="submit"]), select, textarea')) {
+			$el.on('input', sendNetteAjax);
+		}
+	}
+
+	function sendNetteAjax(e) {
+		const $el = $(e.currentTarget);
+		$el.closest('form').find('[name="' + $el.attr('data-adt-redraw-snippet') + '"]').netteAjax(e);
+	}
+
+	const observer = new MutationObserver(mutations => {
+		mutations.forEach(mutation => {
+			if (mutation.type === "childList") {
+				mutation.addedNodes.forEach(node => {
+					if (node.nodeType === 1) {
+						if (node.hasAttribute("data-adt-redraw-snippet")) {
+							applyEventHandlers(node);
+						}
+
+						node.querySelectorAll('[data-adt-redraw-snippet]').forEach(child => {
+							applyEventHandlers(child);
+						});
+					}
+				});
+			}
+		});
+	});
+
+	observer.observe(document.body, {
+		childList: true,
+		subtree: true,
+	});
+
+	document.querySelectorAll('[data-adt-redraw-snippet]').forEach(function(el) {
+		applyEventHandlers(el);
+	});
+}
+
+export default { run }