From 65a2038da231689e3acb3b2ee7dfee5641391560 Mon Sep 17 00:00:00 2001
From: mirzaev <arsen@mirzaev.sexy>
Date: Thu, 4 Jan 2024 17:39:50 +0700
Subject: [PATCH] timezones

---
 .../site/repression/system/views/index.html   | 63 ++++++++++++++++++-
 1 file changed, 61 insertions(+), 2 deletions(-)

diff --git a/mirzaev/site/repression/system/views/index.html b/mirzaev/site/repression/system/views/index.html
index 5086b9c..e4e10cb 100755
--- a/mirzaev/site/repression/system/views/index.html
+++ b/mirzaev/site/repression/system/views/index.html
@@ -80,9 +80,12 @@
 		<p>
 			<span title="{{ view.country_name }}" class="unselectable">{{ view.country_flag.emoji }}</span>
 			<span title="{{ view.region }}">{{ view.region }}</span>
-			{% if view.referer is not null %}<samp>(<small title="{{ view.referer }}&lrm;">{{ view.referer }}&lrm;</small>)</samp>{% endif %}
+			{% if view.referer is not null %}<samp>(<small title="{{ view.referer }}&lrm;">{{ view.referer
+					}}&lrm;</small>)</samp>{% endif %}
 			<span title="{{ view.useragent }}">{{ view['x-forwarded-for'] ?? view.ip }}</span>
-			<span title="{{ view.created|date('Y.m.d H:i:s') }}"><b>{{ view.created|date('H:i:s') }}</b></span>
+			<span title="{{ view.created }}" data-date-convert="title" data-date-convert-format="year.month.day hour:minute:second">
+				<b data-date-convert="value">{{ view.created }}</b>
+			</span>
 		</p>
 		{% endfor %}
 	</section>
@@ -146,6 +149,62 @@
 {{ block('header_js_init') }}
 {{ block('troller_js_init') }}
 <script>
+	// Generate dates with user timezone
+	for (const element of document.body.querySelectorAll('[data-date-convert]')) {
+		// Enumerating elements to convert
+	
+		// Initializing a format of convertation
+		const format = element.getAttribute('data-date-convert-format') ?? 'hour:minute:second';
+
+		if (element.getAttribute('data-date-convert') === 'title') {
+			// Title
+		
+			// Initializing a date with timezone
+			const date = new Date(element.getAttribute('title') * 1000);
+ 
+			// Initializing parts of the date
+			let year = date.getFullYear();
+			let month = date.getMonth() + 1;
+			let day = date.getDay();
+			let hour = date.getHours();
+			let minute = date.getMinutes();
+			let second = date.getSeconds();
+
+			// Convertation parts of the date to double symbols
+			month = (month < 10 ? "0" : '') + month;
+			day = (day < 10 ? "0" : '') + day;
+			hour = (hour < 10 ? "0" : '') + hour;
+			minute = (minute < 10 ? "0" : '') + minute;
+			second = (second < 10 ? "0" : '') + second;
+
+			if (format === 'hour:minute:second') element.setAttribute('title', `${hour}:${minute}:${second}`);
+			else if (format === 'year.month.day hour:minute:second') element.setAttribute('title', `${year}.${month}.${day} ${hour}:${minute}:${second}`);
+		} else {
+			// Value (implied)
+	
+			// Initializin a date with timezone
+			const date = new Date(element.innerText * 1000);
+
+			// Initializing parts of the date
+			let year = date.getFullYear();
+			let month = date.getMonth() + 1;
+			let day = date.getDay();
+			let hour = date.getHours();
+			let minute = date.getMinutes();
+			let second = date.getSeconds();
+
+			// Convertation parts of the date to double symbols
+			month = (month < 10 ? "0" : '') + month;
+			day = (day < 10 ? "0" : '') + day;
+			hour = (hour < 10 ? "0" : '') + hour;
+			minute = (minute < 10 ? "0" : '') + minute;
+			second = (second < 10 ? "0" : '') + second;
+
+			if (format === 'hour:minute:second') element.innerText = `${hour}:${minute}:${second}`;
+			else if (format === 'year.month.day hour:minute:second') element.innerText = `${year}.${month}.${day} ${hour}:${minute}:${second}`;
+		}
+	}
+
 	document.addEventListener('bloodchaos.loaded', function(e) {
     const bloodchaos = e.detail.bloodchaos;