@c8y/login 1023.82.3 → 1023.82.8

package/package.json

@@ -1,20 +1,20 @@
 {
   "name": "@c8y/login",
-  "version": "1023.82.3",
+  "version": "1023.82.8",
   "description": "This package is used to scaffold a login application for Cumulocity IoT.",
   "dependencies": {
     "@angular/cdk": "^20.2.14",
-    "@c8y/bootstrap": "1023.82.3",
-    "@c8y/client": "1023.82.3",
-    "@c8y/ngx-components": "1023.82.3",
-    "@c8y/style": "1023.82.3",
+    "@c8y/bootstrap": "1023.82.8",
+    "@c8y/client": "1023.82.8",
+    "@c8y/ngx-components": "1023.82.8",
+    "@c8y/style": "1023.82.8",
     "monaco-editor": "~0.53.0",
     "ngx-bootstrap": "20.0.2",
     "rxjs": "7.8.2"
   },
   "devDependencies": {
-    "@c8y/devkit": "1023.82.3",
-    "@c8y/options": "1023.82.3"
+    "@c8y/devkit": "1023.82.8",
+    "@c8y/options": "1023.82.8"
   },
   "peerDependencies": {
     "@angular/common": ">=20 <21"

package/src/app/login/login.component.html

@@ -91,6 +91,23 @@
             <c8y-tenant-id-setup (onChangeView)="handleLoginTemplate($event)"></c8y-tenant-id-setup>
           }
           @case (LOGIN_VIEWS.MissingApplicationAccess) {
+            <span class="{{ platformAnimationSrc ? '' : 'text-center' }}">
+              <h3
+                class="m-b-8 d-flex a-i-center"
+                translate
+              >
+                <i class="dlt-c8y-icon-warning text-warning m-r-8"></i>
+                <strong>Access not available</strong>
+              </h3>
+              <p
+                class="text-16 m-b-40"
+                translate
+              >
+                Your account doesn't have permission to open this application. Switch to an
+                available application below, log out, or contact your administrator to request
+                access.
+              </p>
+            </span>
             <c8y-missing-application-access></c8y-missing-application-access>
           }
         }

package/src/app/login/missing-application-access/missing-application-access.component.html

@@ -1,2 +1,10 @@
-<c8y-app-switcher-inline
-></c8y-app-switcher-inline>
+<c8y-app-switcher-inline></c8y-app-switcher-inline>
+
+<button
+  class="btn btn-primary btn-lg btn-block m-t-16"
+  title="{{ 'Logout' | translate }}"
+  (click)="logout()"
+>
+  <i [c8yIcon]="'logout'"></i>
+  {{ 'Logout' | translate }}
+</button>

package/src/app/login/missing-application-access/missing-application-access.component.ts

@@ -1,21 +1,17 @@
 import { Component, inject } from '@angular/core';
-import { AppSwitcherInlineComponent, AlertService } from '@c8y/ngx-components';
-import { gettext } from '@c8y/ngx-components/gettext';
+import { AppSwitcherInlineComponent, C8yTranslatePipe, IconDirective } from '@c8y/ngx-components';
+import { LoginService } from '../login.service';
 
 @Component({
   selector: 'c8y-missing-application-access',
   templateUrl: './missing-application-access.component.html',
   standalone: true,
-  imports: [AppSwitcherInlineComponent]
+  imports: [AppSwitcherInlineComponent, C8yTranslatePipe, IconDirective]
 })
 export class MissingApplicationAccessComponent {
-  private alertService = inject(AlertService);
+  private loginService = inject(LoginService);
 
-  constructor() {
-    this.alertService.warning(
-      gettext(
-        `The application you've been trying to access is not available. Verify if you have the required permissions to access this application.`
-      )
-    );
+  logout() {
+    this.loginService.logout();
   }
 }