display toast on login when license is nearing expiration (#981)

intuitem · Nov 25, 2024 · 2f8d756 · 2f8d756
2 parents 02ae654 + 3fae532
commit 2f8d756
Show file tree

Hide file tree

Showing 6 changed files with 25 additions and 11 deletions.
diff --git a/enterprise/frontend/src/routes/(app)/+layout.svelte b/enterprise/frontend/src/routes/(app)/+layout.svelte
@@ -1,5 +1,4 @@
 <script lang="ts">
-	// Most of your app wide CSS should be put in this file
 	import { safeTranslate } from '$lib/utils/i18n';
 	import { AppBar, AppShell } from '@skeletonlabs/skeleton';
 	import '../../app.postcss';
@@ -37,6 +36,12 @@
 			});
 		}
 	}
+
+	const licenseExpirationNotifyDays = data.LICENSE_EXPIRATION_NOTIFY_DAYS;
+	const licenseStatus: Record<string, any> = data.licenseStatus;
+
+	const licenseAboutToExpire =
+		licenseStatus?.status === 'active' && licenseStatus?.days_left <= licenseExpirationNotifyDays;
 </script>
 
 <!-- App Shell -->
@@ -48,11 +53,13 @@
 		<SideBar bind:open={sidebarOpen} />
 	</svelte:fragment>
 	<svelte:fragment slot="pageHeader">
-		{#if data.licenseStatus.status === 'expired'}
-			<aside class="variant-soft-warning text-center w-full items-center py-2">
+		<aside class="variant-soft-warning text-center w-full items-center py-2">
+			{#if data.licenseStatus.status === 'expired'}
 				{m.licenseExpiredMessage()}
-			</aside>
-		{/if}
+			{:else if licenseAboutToExpire}
+				{m.licenseAboutToExpireWarning({ days_left: licenseStatus.days_left })}
+			{/if}
+		</aside>
 		<AppBar background="bg-white" padding="py-2 px-4">
 			<span
 				class="text-2xl font-bold pb-1 bg-gradient-to-r from-pink-500 to-violet-600 bg-clip-text text-transparent"

diff --git a/enterprise/frontend/src/routes/+layout.server.ts b/enterprise/frontend/src/routes/+layout.server.ts
@@ -1,6 +1,7 @@
 import type { LayoutServerLoad } from './$types';
 import type { GlobalSettings } from '$lib/utils/types';
 import { BASE_API_URL } from '$lib/utils/constants';
+import { env } from '$env/dynamic/public';
 
 export const load: LayoutServerLoad = async ({ fetch, locals }) => {
 	let clientSettings: GlobalSettings;
@@ -16,5 +17,8 @@ export const load: LayoutServerLoad = async ({ fetch, locals }) => {
     clientSettings.settings.favicon_hash = '';
     clientSettings.settings.name = '';
   }
-	return { featureFlags: locals.featureFlags, clientSettings, licenseStatus };
+  const LICENSE_EXPIRATION_NOTIFY_DAYS = Object.hasOwn(env, 'PUBLIC_LICENSE_EXPIRATION_NOTIFY_DAYS')
+    ? env.PUBLIC_LICENSE_EXPIRATION_NOTIFY_DAYS
+    : 7;
+	return { featureFlags: locals.featureFlags, clientSettings, licenseStatus, LICENSE_EXPIRATION_NOTIFY_DAYS };
 };
diff --git a/frontend/messages/en.json b/frontend/messages/en.json
@@ -789,6 +789,7 @@
 	"questionPlural": "Questions",
 	"fillMetadataURL": "Option 1: Fill the metadata url",
 	"fillSSOSLOURLx509cert": "Option 2: Fill the SSO URL, SLO URL and x509cert",
+	"licenseAboutToExpireWarning": "You have only {days_left} days before the end of your license.",
 	"proof": "Proof",
 	"privacy": "Privacy",
 	"safety": "Safety",

diff --git a/frontend/messages/fr.json b/frontend/messages/fr.json
@@ -789,6 +789,7 @@
 	"questionPlural": "Questions",
 	"fillMetadataURL": "Option 1 : Remplissez l'URL des métadonnées",
 	"fillSSOSLOURLx509cert": "Option 2 : Remplissez l'URL SSO, l'URL SLO et le certificat x509",
+	"licenseAboutToExpireWarning": "Il reste {days_left} jours avant l'expiration de votre licence.",
 	"noExpirationDateSet": "Aucune date d'expiration définie",
 	"sumpageTotal": "total",
 	"sumpageActive": "actif",

diff --git a/frontend/src/lib/components/ModelTable/ModelTable.svelte b/frontend/src/lib/components/ModelTable/ModelTable.svelte
@@ -87,7 +87,7 @@
 
 	const user = $page.data.user;
 
-	$: canCreateObject = Object.hasOwn(user.permissions, `add_${model?.name}`);
+	$: canCreateObject = user?.permissions && Object.hasOwn(user.permissions, `add_${model?.name}`);
 
 	import { URL_MODEL_MAP } from '$lib/utils/crud';
 	import { listViewFields } from '$lib/utils/table';

diff --git a/frontend/src/lib/components/SideBar/SideBarNavigation.svelte b/frontend/src/lib/components/SideBar/SideBarNavigation.svelte
@@ -28,14 +28,15 @@
 			// Check and filter the sub-items based on user permissions
 			const filteredSubItems = item.items.filter((subItem) => {
 				if (subItem.exclude) {
-					return subItem.exclude.some((role) => !user.roles.includes(role));
+					return subItem.exclude.some((role) => user?.roles && !user.roles.includes(role));
 				} else if (subItem.permissions) {
-					return subItem.permissions.some((permission) =>
-						Object.hasOwn(user.permissions, permission)
+					return subItem.permissions?.some(
+						(permission) => user?.permissions && Object.hasOwn(user.permissions, permission)
 					);
 				} else if (Object.hasOwn(URL_MODEL_MAP, subItem.href.split('/')[1])) {
 					const model = URL_MODEL_MAP[subItem.href.split('/')[1]];
-					const canViewObject = Object.hasOwn(user.permissions, `view_${model.name}`);
+					const canViewObject =
+						user?.permissions && Object.hasOwn(user.permissions, `view_${model.name}`);
 					return canViewObject;
 				}
 				return false;