Adapt date format to locale

frontend/src/lib/components/ModelTable/ModelTable.svelte

@@ -14,6 +14,7 @@
 	import * as m from '$paraglide/messages';
 	import { localItems } from '$lib/utils/locales';
 	import { languageTag } from '$paraglide/runtime';
+	import { ISO_8601_REGEX } from '$lib/utils/constants';
 	// Event Dispatcher
 	type TableEvent = {
 		selected: string[];
@@ -230,6 +231,8 @@
                   {/if}
                 {:else if value && value.hexcolor}
                   <p class="flex w-fit min-w-24 justify-center px-2 py-1 rounded-md ml-2 whitespace-nowrap" style="background-color: {value.hexcolor}">{value.name ?? value.str ?? '-'}</p>
+								{:else if ISO_8601_REGEX.test(value)}
+									{new Date(value).toLocaleString(languageTag())}
                 {:else}
                   {value ?? '-'}
                 {/if}

frontend/src/lib/components/SideBar/SideBarFooter.svelte

@@ -6,6 +6,7 @@
 	import { availableLanguageTags, languageTag, setLanguageTag } from '$paraglide/runtime';
 	import { LOCALE_MAP } from '$lib/utils/locales';
 	import * as m from '$paraglide/messages';
+	import { setCookie } from '$lib/utils/cookies';
 
 	const language: any = {
 		french: m.french(),
@@ -20,7 +21,8 @@
 		event.preventDefault();
 		value = event?.target?.value;
 		setLanguageTag(value);
-		sessionStorage.setItem('lang', value);
+		// sessionStorage.setItem('lang', value);
+		setCookie('lang', value);
 	}
 
 	const popupUser: PopupSettings = {

frontend/src/lib/components/fragments/WatchlistExceptions.svelte

@@ -3,6 +3,7 @@
 	import * as m from '$paraglide/messages';
 	import type { User } from '$lib/utils/types';
 	import { formatStringToDate } from '$lib/utils/helpers';
+	import { languageTag } from '$paraglide/runtime';
 
 	let request_path: string | null;
 	$: request_path = $page.route.id;
@@ -66,7 +67,7 @@
 							{:else if acceptanceState(acceptance.expiry_date) === 'today'}
 								<span class="rounded bg-yellow-500 text-white p-1 text-xs mr-1">{m.today()}</span>
 							{/if}
-							{formatStringToDate(acceptance.expiry_date)}
+							{formatStringToDate(acceptance.expiry_date,languageTag())}
 						</th>
 					</tr>
 				{/each}

frontend/src/lib/components/fragments/WatchlistMeasures.svelte

@@ -3,6 +3,7 @@
 	import type { SecurityMeasureSchema } from '$lib/utils/schemas';
 	import * as m from '$paraglide/messages';
 	import { formatStringToDate } from '$lib/utils/helpers';
+	import { languageTag } from '$paraglide/runtime';
 
 	let request_path: string | null;
 	$: request_path = $page.route.id;
@@ -60,7 +61,7 @@
 							{:else if measureState(measure.expiry_date) === 'today'}
 								<span class="rounded bg-yellow-500 text-white p-1 text-xs mr-1">{m.today()}</span>
 							{/if}
-							{formatStringToDate(measure.expiry_date)}
+							{formatStringToDate(measure.expiry_date,languageTag())}
 						</td>
 					</tr>
 				{/each}

frontend/src/lib/utils/cookies.ts

@@ -0,0 +1,39 @@
+
+function getCookieDict(): {[key: string]: string} {
+  let cookies = {}
+  document.cookie.split(";").forEach(cookie_string => {
+    cookie_string = cookie_string.trim(); // Remove possible whitespaces
+    const cookie_key = cookie_string.split("=")[0];
+    const cookie_value = cookie_string.substring(cookie_key.length+1);
+    cookies[cookie_key] = cookie_value;
+  })
+  return cookies;
+}
+
+function getCookie(cookie_name: string): string | undefined {
+  const cookie_dict = getCookieDict();
+  for (const [_cookie_name,_cookie_value] of Object.entries(cookie_dict)) {
+    if (_cookie_name === cookie_name) {
+      return _cookie_value;
+    }
+  }
+}
+
+function setCookie(cookie_name: string,cookie_value: string,secure: boolean=true,samesite_lax: boolean=true,path: string="/") {
+  let cookie_info = [`${cookie_name}=${cookie_value}`];
+  if (secure) cookie_info.push("Secure");
+  if (samesite_lax) cookie_info.push("SameSite=Lax");
+  cookie_info.push(`path=${path}`);
+
+  document.cookie = cookie_info.join("; ");
+}
+
+function deleteCookie(cookie_name: string) {
+  document.cookie = cookie_name + "=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;";
+}
+
+export {
+  setCookie,
+  getCookie,
+  deleteCookie
+};

frontend/src/lib/utils/helpers.ts

@@ -1,6 +1,6 @@
-export function formatStringToDate(inputString: string) {
+export function formatStringToDate(inputString: string,locale: string="en") {
 	const date = new Date(inputString);
-	return date.toLocaleDateString('en-US', {
+	return date.toLocaleDateString(locale, {
 		year: 'numeric',
 		month: 'short',
 		day: 'numeric'

frontend/src/routes/(app)/[model=urlmodel]/[id=uuid]/+layout.server.ts

@@ -10,16 +10,14 @@ import type { LayoutServerLoad } from './$types';
 import type { SuperValidated } from 'sveltekit-superforms';
 import type { urlModel } from '$lib/utils/types';
 
+import { languageTag } from '$paraglide/runtime';
+
 export const load: LayoutServerLoad = async ({ fetch, params }) => {
 	const endpoint = `${BASE_API_URL}/${params.model}/${params.id}/`;
 
 	const res = await fetch(endpoint);
 	const data = await res.json();
 
-	processObject(data, ISO_8601_REGEX, (matchedString: string): string =>
-		new Date(matchedString).toLocaleString()
-	);
-
 	type RelatedModel = {
 		urlModel: urlModel;
 		info: ModelMapEntry;

frontend/src/routes/(app)/[model=urlmodel]/[id=uuid]/+page.svelte

@@ -18,6 +18,7 @@
 	import { localItems, toCamelCase, capitalizeFirstLetter } from '$lib/utils/locales.js';
 	import { languageTag } from '$paraglide/runtime.js';
 	import * as m from '$paraglide/messages.js';
+	import { ISO_8601_REGEX } from '$lib/utils/constants';
 
 	const modalStore: ModalStore = getModalStore();
 	const toastStore: ToastStore = getToastStore();
@@ -219,6 +220,8 @@
 									<a href={itemHref} class="anchor">{value.str}</a>
 								{:else if isURL(value)}
 									<a href={value} target="_blank" class="anchor">{value}</a>
+								{:else if ISO_8601_REGEX.test(value)}
+									{new Date(value).toLocaleString(languageTag())}
 								{:else}
 									{(value.str || value.name) ?? value}
 								{/if}

frontend/src/routes/(app)/my-profile/+page.svelte

@@ -13,7 +13,7 @@
 		sortedKeys.forEach((key) => {
 			if (!filter.includes(key) && Object.prototype.hasOwnProperty.call($page.data.user, key)) {
 				const str = toCamelCase(key);
-				if (key === 'date_joined') filtered[str] = new Date($page.data.user[key]).toLocaleString();
+				if (key === 'date_joined') filtered[str] = new Date($page.data.user[key]).toLocaleString(languageTag());
 				else filtered[str] = $page.data.user[key];
 			}
 		});

frontend/src/routes/(app)/risk-assessments/[id=uuid]/+page.svelte

@@ -18,6 +18,7 @@
 
 	import RiskScenarioItem from '$lib/components/RiskMatrix/RiskScenarioItem.svelte';
 	import * as m from '$paraglide/messages';
+	import { languageTag } from '$paraglide/runtime';
 
 	export let data;
 	const showRisks = true;
@@ -221,11 +222,11 @@
 						</li>
 						<li class="pb-1">
 							<span class="font-semibold">{m.createdAt()}:</span>
-							{new Date(risk_assessment.created_at).toLocaleString()}
+							{new Date(risk_assessment.created_at).toLocaleString(languageTag())}
 						</li>
 						<li class="pb-1">
 							<span class="font-semibold">{m.updatedAt()}:</span>
-							{new Date(risk_assessment.updated_at).toLocaleString()}
+							{new Date(risk_assessment.updated_at).toLocaleString(languageTag())}
 						</li>
 					</ul>
 				</div>

frontend/src/routes/(app)/risk-matrices/[id=uuid]/+layout.server.ts

@@ -16,10 +16,6 @@ export const load: LayoutServerLoad = async ({ fetch, params }) => {
 	const res = await fetch(endpoint);
 	const data = await res.json();
 
-	processObject(data, ISO_8601_REGEX, (matchedString: string): string =>
-		new Date(matchedString).toLocaleString()
-	);
-
 	const model = getModelInfo(URLModel);
 	const relatedModels: Record<string, any> = {};
 

frontend/src/routes/(app)/risk-scenarios/[id=uuid]/edit/+page.svelte

@@ -161,7 +161,7 @@
 					<span>
 						<p class="text-sm font-semibold text-gray-400">{m.lastUpdate()}</p>
 						<p class="text-sm font-semibold">
-							{new Date(data.scenario.updated_at).toLocaleString()}
+							{new Date(data.scenario.updated_at).toLocaleString(languageTag())}
 						</p>
 					</span>
 					<Select

frontend/src/routes/ParaglideJsProvider.svelte

@@ -7,16 +7,19 @@
 	} from '$paraglide/runtime';
 	import { onDestroy, onMount } from 'svelte';
 	import { browser } from '$app/environment';
+	import { getCookie, deleteCookie } from '$lib/utils/cookies';
 
 	onMount(() => {
-		const valueFromSession = sessionStorage.getItem('lang') || sourceLanguageTag;
+		// const valueFromSession = sessionStorage.getItem('lang') || sourceLanguageTag;
+		const valueFromCookies = getCookie('lang') || sourceLanguageTag;
 		// @ts-ignore
-		setLanguageTag(valueFromSession);
+		setLanguageTag(valueFromCookies);
 	});
 
 	onDestroy(() => {
 		if (browser) {
-			sessionStorage.removeItem('lang');
+			deleteCookie('lang');
+		 	// sessionStorage.removeItem('lang');
 		}
 	});