Function getDom

defaultmodules/clock/clock.js:91–317

()

	},
	// Override dom generator.
	getDom () {
		const wrapper = document.createElement("div");
		wrapper.classList.add("clock-grid");

		/************************************
		 * Create wrappers for analog and digital clock
		 */
		const analogWrapper = document.createElement("div");
		analogWrapper.className = "clock-circle";
		const digitalWrapper = document.createElement("div");
		digitalWrapper.className = "digital";

		/************************************
		 * Create wrappers for DIGITAL clock
		 */
		const dateWrapper = document.createElement("div");
		const timeWrapper = document.createElement("div");
		const hoursWrapper = document.createElement("span");
		const minutesWrapper = document.createElement("span");
		const secondsWrapper = document.createElement("sup");
		const periodWrapper = document.createElement("span");
		const sunWrapper = document.createElement("div");
		const moonWrapper = document.createElement("div");
		const weekWrapper = document.createElement("div");

		// Style Wrappers
		dateWrapper.className = "date normal medium";
		timeWrapper.className = "time bright large light";
		hoursWrapper.className = "clock-hour-digital";
		minutesWrapper.className = "clock-minute-digital";
		secondsWrapper.className = "clock-second-digital dimmed";
		sunWrapper.className = "sun dimmed small";
		moonWrapper.className = "moon dimmed small";
		weekWrapper.className = "week dimmed medium";

		// Set content of wrappers.
		const now = moment();
		if (this.config.timezone) {
			now.tz(this.config.timezone);
		}

		if (this.config.showDate) {
			dateWrapper.innerHTML = now.format(this.config.dateFormat);
			digitalWrapper.appendChild(dateWrapper);
		}

		if (this.config.displayType !== "analog" && this.config.showTime) {
			let hourSymbol = "HH";
			if (this.config.timeFormat !== 24) {
				hourSymbol = "h";
			}

			hoursWrapper.innerHTML = now.format(hourSymbol);
			minutesWrapper.innerHTML = now.format("mm");

			timeWrapper.appendChild(hoursWrapper);
			if (this.config.clockBold) {
				minutesWrapper.classList.add("bold");