From 78c7dd8b7d3bb89b178e2873189cb1d6a0b315d8 Mon Sep 17 00:00:00 2001
From: spozer <spozer@mailbox.org>
Date: Mon, 28 Aug 2023 17:38:24 +0200
Subject: [PATCH] fix for requested changes - uses textContent instead of
 innterHTML to display date preview in settings panel, also prefixed element
 id with media-db

---
 src/settings/Settings.ts | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/settings/Settings.ts b/src/settings/Settings.ts
index c53a46e..34b2a7b 100644
--- a/src/settings/Settings.ts
+++ b/src/settings/Settings.ts
@@ -172,7 +172,7 @@ export class MediaDbSettingTab extends PluginSettingTab {
 			.setName('Date format')
 			.setDesc(fragWithHTML("Your custom date format. Use <em>\'YYYY-MM-DD\'</em> for example.<br>" +
 				"For more syntax, refer to <a href='https://momentjs.com/docs/#/displaying/format/'>format reference</a>.<br>" +
-				"Your current syntax looks like this: <b><a id='dateformat-preview' style='pointer-events: none; cursor: default; text-decoration: none;'>" +
+				"Your current syntax looks like this: <b><a id='media-db-dateformat-preview' style='pointer-events: none; cursor: default; text-decoration: none;'>" +
 				this.plugin.dateFormatter.getPreview() + "</a></b>"))
 			.addText(cb => {
 				cb.setPlaceholder(DEFAULT_SETTINGS.customDateFormat)
@@ -180,7 +180,7 @@ export class MediaDbSettingTab extends PluginSettingTab {
 					.onChange(data => {
 						const newDateFormat = data ? data : DEFAULT_SETTINGS.customDateFormat;
 						this.plugin.settings.customDateFormat = newDateFormat;
-						document.getElementById('dateformat-preview').innerHTML = this.plugin.dateFormatter.getPreview(newDateFormat); // update preview
+						document.getElementById('media-db-dateformat-preview').textContent = this.plugin.dateFormatter.getPreview(newDateFormat); // update preview
 						this.plugin.saveSettings();
 					});
 			});