@genesislcap/blank-app-seed 3.20.5 → 3.22.0

package/client-tmp/angular/src/app/layouts/default/default.layout.spec.ts

@@ -1,34 +1,49 @@
-import { CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { provideMockStore } from '@ngrx/store/testing';
-import * as StateChangerSelector from '../../store/state-changer/state-changer.selectors';
-
+import { Router } from '@angular/router';
 import { DefaultLayoutComponent } from './default.layout';
+import { ElementRef, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
+
+class MockRouter {
+  navigate = jasmine.createSpy('navigate');
+}
+
+class MockElementRef implements ElementRef {
+  nativeElement = {};
+}
 
 describe('DefaultLayoutComponent', () => {
   let component: DefaultLayoutComponent;
   let fixture: ComponentFixture<DefaultLayoutComponent>;
+  let router: MockRouter;
+  let elementRef: MockElementRef;
 
-  beforeEach(() => {
-    TestBed.configureTestingModule({
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
       declarations: [DefaultLayoutComponent],
       providers: [
-        provideMockStore({
-          initialState: {},
-          selectors: [
-            { selector: StateChangerSelector.getCriteria, value: 'initial-criteria' },
-            { selector: StateChangerSelector.getResourceName, value: 'initial-resource-name' },
-          ],
-        }),
+        { provide: Router, useClass: MockRouter },
+        { provide: ElementRef, useClass: MockElementRef }
       ],
-      schemas: [CUSTOM_ELEMENTS_SCHEMA],
-    });
+      schemas: [ CUSTOM_ELEMENTS_SCHEMA ],
+    }).compileComponents();
+  });
+
+  beforeEach(() => {
     fixture = TestBed.createComponent(DefaultLayoutComponent);
     component = fixture.componentInstance;
+    router = TestBed.inject(Router) as unknown as MockRouter;
+    elementRef = TestBed.inject(ElementRef) as unknown as MockElementRef;
+    component.designSystemProviderElement = elementRef;
     fixture.detectChanges();
   });
 
   it('should create', () => {
     expect(component).toBeTruthy();
   });
+
+  it('should navigate to a path', () => {
+    const path = 'some/path';
+    component.navigateAngular(path);
+    expect(router.navigate).toHaveBeenCalledWith([path]);
+  });
 });

package/client-tmp/angular/src/app/pages/auth-login/auth-login.component.spec.ts

@@ -1,17 +1,17 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 
-import { AuthMockComponent } from './auth-mock.component';
+import { AuthLoginComponent } from './auth-login.component';
 
-describe('AuthMockComponent', () => {
-  let component: AuthMockComponent;
-  let fixture: ComponentFixture<AuthMockComponent>;
+describe('AuthLoginComponent', () => {
+  let component: AuthLoginComponent;
+  let fixture: ComponentFixture<AuthLoginComponent>;
 
   beforeEach(async () => {
     await TestBed.configureTestingModule({
-      imports: [AuthMockComponent],
+      imports: [AuthLoginComponent],
     }).compileComponents();
 
-    fixture = TestBed.createComponent(AuthMockComponent);
+    fixture = TestBed.createComponent(AuthLoginComponent);
     component = fixture.componentInstance;
     fixture.detectChanges();
   });

package/client-tmp/angular/src/app/pages/not-permitted/not-permitted.component.html

@@ -0,0 +1,4 @@
+<app-error-message
+    elementType="h1"
+    message="You do not have permission to access this part of the application, please contact your administrator.">
+</app-error-message>

package/client-tmp/angular/src/app/pages/not-permitted/not-permitted.component.scss

@@ -0,0 +1,12 @@
+@import '../../../styles/mixins';
+
+:host {
+  @include screen('flex');
+  align-items: center;
+  justify-content: center;
+}
+
+h1 {
+  text-align: center;
+  color: var(--neutral-foreground-rest);
+}

package/client-tmp/angular/src/app/pages/not-permitted/not-permitted.component.spec.ts

@@ -0,0 +1,32 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { NotPermittedComponent } from './not-permitted.component';
+
+const MESSAGE_NOT_PERMITTED = 'You do not have permission to access this part of the application, please contact your administrator.';
+
+describe('NotPermittedComponent', () => {
+  let component: NotPermittedComponent;
+  let fixture: ComponentFixture<NotPermittedComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [ NotPermittedComponent ]
+    })
+    .compileComponents();
+  });
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(NotPermittedComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+
+  it('should display the correct error message', () => {
+    const compiled = fixture.nativeElement;
+    const errorMessageElement = compiled.querySelector('app-error-message h1');
+    expect(errorMessageElement.textContent).toBe(MESSAGE_NOT_PERMITTED);
+  });
+});

package/client-tmp/angular/src/app/pages/not-permitted/not-permitted.component.ts

@@ -0,0 +1,13 @@
+import { Component, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
+import { ErrorMessageComponent } from '../../components/error-message/error-message.component';
+
+@Component({
+  selector: 'app-not-permitted',
+  standalone: true,
+  imports: [ ErrorMessageComponent ],
+  templateUrl: './not-permitted.component.html',
+  styleUrls: ['./not-permitted.component.scss'],
+  schemas: [ CUSTOM_ELEMENTS_SCHEMA ],
+})
+export class NotPermittedComponent {
+}

package/client-tmp/angular/src/app/services/auth.service.ts

@@ -1,14 +1,22 @@
 import { Injectable } from '@angular/core';
 import { Auth } from '@genesislcap/foundation-comms';
-import {DI} from "@microsoft/fast-foundation";
+import { DI } from "@microsoft/fast-foundation";
 
 @Injectable({
   providedIn: 'root',
 })
 export class AuthService {
+  auth: Auth;
 
-  async isUserAuthenticated(): Promise<boolean> {
-    const auth: Auth = DI.getOrCreateDOMContainer().get(Auth);
-    return auth.isLoggedIn
+  constructor() {
+    this.auth = DI.getOrCreateDOMContainer().get(Auth);
+  }
+
+  isUserAuthenticated(): boolean {
+    return this.auth.isLoggedIn;
+  }
+
+  hasUserPermission(permissionCode: string): boolean {
+    return this.auth.currentUser.hasPermission(permissionCode);
   }
 }

package/client-tmp/angular/src/app/share/foundation-login.ts

@@ -3,6 +3,9 @@ import type { Router } from '@angular/router';
 import { AUTH_PATH } from '../app.config';
 import { DI } from '@microsoft/fast-foundation';
 
+// eslint-disable-next-line
+declare var GENX_ENABLE_SSO: boolean;
+
 const ssoSettings =
   typeof GENX_ENABLE_SSO !== 'undefined' && GENX_ENABLE_SSO === true
     ? {

package/client-tmp/angular/src/app/utils/index.ts

@@ -1,2 +1,3 @@
 export * from './formatters';
 export * from './getLayoutNameByRoute';
+export * from './permissions';

package/client-tmp/angular/src/app/utils/permissions.ts

@@ -0,0 +1,7 @@
+import { User } from '@genesislcap/foundation-user';
+
+export const getViewUpdateRightComponent = (
+  user: User,
+  right: string,
+  event: string | boolean = true,
+) => (!right || user.hasPermission(right) ? event : '');

package/client-tmp/angular/src/styles/_mixins.scss

@@ -0,0 +1,8 @@
+@mixin screen($display: 'block') {
+    contain: content;
+    display: #{$display};
+    height: 100%;
+    width: 100%;
+    overflow-y: auto;
+  }
+  

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@genesislcap/blank-app-seed",
   "description": "Genesis Blank App Seed",
-  "version": "3.20.5",
+  "version": "3.22.0",
   "license": "Apache-2.0",
   "scripts": {
     "release": "semantic-release"