collections

js/forms/custom-elements/collection.js

@@ -0,0 +1,34 @@
+class CollectionElement extends HTMLElement {
+
+	#eBtn;
+
+	// register the custom element
+	static {
+		customElements.define('collection-element', CollectionElement);
+	}
+
+	static addFormToCollection(e) {
+		const collectionHolder = document.querySelector('.'+e.currentTarget.dataset.collectionHolderClass);
+		const item = document.createElement('div');
+
+		item.style.marginTop = '20px';
+		item.innerHTML = collectionHolder
+			.dataset
+			.prototype
+			.replace(
+				/__name__/g,
+				collectionHolder.dataset.index
+			);
+
+		collectionHolder.appendChild(item);
+		collectionHolder.dataset.index++;
+		console.log(collectionHolder.dataset.index);
+	}
+
+	/** connectedCallback **/
+	connectedCallback() {
+		this.#eBtn = this.querySelector('.add_item_link');
+		this.#eBtn.addEventListener('click', CollectionElement.addFormToCollection);
+	}
+
+}