Function createDomObjects

js/main.js:11–64

* Create dom objects for all modules that are configured for a specific position.

()

 * Create dom objects for all modules that are configured for a specific position.
 */
async function createDomObjects () {
	const domCreationPromises = [];

	modules.forEach(function (module) {
		if (typeof module.data.position !== "string") {
			return;
		}

		let haveAnimateIn = null;
		// check if have valid animateIn in module definition (module.data.animateIn)
		if (module.data.animateIn && AnimateCSSIn.indexOf(module.data.animateIn) !== -1) haveAnimateIn = module.data.animateIn;

		const wrapper = selectWrapper(module.data.position);

		const dom = document.createElement("div");
		dom.id = module.identifier;
		dom.className = module.name;

		if (typeof module.data.classes === "string") {
			dom.className = `module ${dom.className} ${module.data.classes}`;
		}

		dom.style.order = (typeof module.data.order === "number" && Number.isInteger(module.data.order)) ? module.data.order : 0;

		dom.opacity = 0;
		wrapper.appendChild(dom);

		const moduleHeader = document.createElement("header");
		moduleHeader.innerHTML = module.getHeader();
		moduleHeader.className = "module-header";
		dom.appendChild(moduleHeader);

		if (typeof module.getHeader() === "undefined" || module.getHeader() !== "") {
			moduleHeader.style.display = "none;";
		} else {
			moduleHeader.style.display = "block;";
		}

		const moduleContent = document.createElement("div");
		moduleContent.className = "module-content";
		dom.appendChild(moduleContent);

		domCreationPromises.push(createModuleDom(module, haveAnimateIn));
	});

	updateWrapperStates();

	try {
		await Promise.all(domCreationPromises);
		_sendNotification("DOM_OBJECTS_CREATED");
	} catch (error) {
		Log.error(error);
	}
}

/**
 * Create and render a module DOM, then notify the module.