refactor: move not authorized page to libs

* moved not authorized page component to libs
* removed redundant css container class for this component

Author: bodnara

apps/admin-gui/src/app/app-routing.module.ts

@@ -3,10 +3,12 @@ import { NoPreloading, RouterModule, Routes } from '@angular/router';
 import { AuthCallbackComponent } from './core/components/auth-callback/auth-callback.component';
 import { UserDashboardComponent } from './users/pages/user-detail-page/user-dashboard/user-dashboard.component';
 import { NotFoundPageComponent } from './shared/components/not-found-page/not-found-page.component';
-import { RedirectPageComponent } from '@perun-web-apps/perun/components';
+import {
+  RedirectPageComponent,
+  NotAuthorizedPageComponent,
+} from '@perun-web-apps/perun/components';
 import { LoginScreenComponent } from '@perun-web-apps/perun/login';
 import { LoginScreenServiceAccessComponent } from '@perun-web-apps/perun/login';
-import { NotAuthorizedPageComponent } from './shared/components/not-authorized-page/not-authorized-page.component';
 
 const routes: Routes = [
   {

apps/admin-gui/src/app/shared/components/not-authorized-page/not-authorized-page.component.html

@@ -169,7 +169,6 @@ import { PerunNamespacePasswordFormModule } from '@perun-web-apps/perun/namespac
 import { AuditMessagesListComponent } from './components/audit-messages-list/audit-messages-list.component';
 import { AuditMessageDetailDialogComponent } from './components/dialogs/audit-message-detail-dialog/audit-message-detail-dialog.component';
 import { ParseEventNamePipe } from './pipes/parse-event-name.pipe';
-import { NotAuthorizedPageComponent } from './components/not-authorized-page/not-authorized-page.component';
 
 @NgModule({
   imports: [
@@ -431,7 +430,6 @@ import { NotAuthorizedPageComponent } from './components/not-authorized-page/not
     AuditMessagesListComponent,
     AuditMessageDetailDialogComponent,
     ParseEventNamePipe,
-    NotAuthorizedPageComponent,
   ],
   providers: [AnyToStringPipe, ExtSourceTypePipe],
 })

apps/admin-gui/src/app/shared/components/not-authorized-page/not-authorized-page.component.scss

@@ -18,3 +18,4 @@ export * from './lib/create-group-form/create-group-form.component';
 export * from './lib/app-form-item-search-select/app-form-item-search-select.component';
 export * from './lib/header-menu/header-menu.component';
 export * from './lib/selection-item-search-select/selection-item-search-select.component';
+export * from './lib/not-authorized-page/not-authorized-page.component';

apps/admin-gui/src/app/shared/shared.module.ts

@@ -0,0 +1,7 @@
+<div class="container-fluid pl-xl-5 pr-xl-5">
+  <h1 class="page-title">{{'GENERAL.NOT_AUTHORIZED_PAGE.TITLE' | translate}}</h1>
+  <div>{{'GENERAL.NOT_AUTHORIZED_PAGE.DESC' | translate}}</div>
+  <button class="mt-2" mat-stroked-button (click)="redirectToHome()">
+    {{'GENERAL.NOT_AUTHORIZED_PAGE.REDIRECT' | translate}}
+  </button>
+</div>

libs/perun/components/src/index.ts

@@ -2,7 +2,7 @@ import { Component } from '@angular/core';
 import { Router } from '@angular/router';
 
 @Component({
-  selector: 'app-not-authorized-page',
+  selector: 'perun-web-apps-not-authorized-page',
   templateUrl: './not-authorized-page.component.html',
   styleUrls: ['./not-authorized-page.component.scss'],
 })

libs/perun/components/src/lib/not-authorized-page/not-authorized-page.component.html

@@ -88,6 +88,7 @@ import { UsersDynamicListComponent } from './users-dynamic-list/users-dynamic-li
 import { SelectionItemSearchSelectComponent } from './selection-item-search-select/selection-item-search-select.component';
 import { ServiceSearchSelectComponent } from './service-search-select/service-search-select.component';
 import { AdvancedFilterComponent } from './advanced-filter/advanced-filter.component';
+import { NotAuthorizedPageComponent } from './not-authorized-page/not-authorized-page.component';
 
 @Injectable()
 export class AppDateAdapter extends NativeDateAdapter {
@@ -208,6 +209,7 @@ export const APP_DATE_FORMATS: MatDateFormats = {
     SelectionItemSearchSelectComponent,
     ServiceSearchSelectComponent,
     AdvancedFilterComponent,
+    NotAuthorizedPageComponent,
   ],
   exports: [
     VosListComponent,
@@ -260,6 +262,7 @@ export const APP_DATE_FORMATS: MatDateFormats = {
     SelectionItemSearchSelectComponent,
     ServiceSearchSelectComponent,
     AdvancedFilterComponent,
+    NotAuthorizedPageComponent,
   ],
   providers: [
     { provide: DateAdapter, useClass: AppDateAdapter },