feat: add maintenance page

src/app/pages/app-routing.module.ts

@@ -30,6 +30,16 @@ const routes: Routes = [
       },
     },
   },
+  {
+    path: 'maintenance',
+    loadChildren: () => import('./maintenance/maintenance-page.module').then(m => m.MaintenancePageModule),
+    data: {
+      meta: {
+        title: 'seo.title.maintenance',
+        robots: 'noindex, nofollow',
+      },
+    },
+  },
   {
     path: 'account',
     loadChildren: () => import('./account/account-page.module').then(m => m.AccountPageModule),
@@ -103,6 +113,10 @@ const routes: Routes = [
     },
   },
   { path: 'cookies', loadChildren: () => import('./cookies/cookies-page.module').then(m => m.CookiesPageModule) },
+  {
+    path: 'maintenance',
+    loadChildren: () => import('./maintenance/maintenance-page.module').then(m => m.MaintenancePageModule),
+  },
 ];
 
 @NgModule({

src/app/pages/maintenance/maintenance-page.component.html

@@ -0,0 +1,21 @@
+<div class="errorpage-content col-lg-6 offset-lg-3">
+  <h1>{{ 'server.maintenance.page.title' | translate }}</h1>
+  <div class="error-text mb-3">
+    <div [ishServerHtml]="'server.maintenance.page.text' | translate"></div>
+  </div>
+  <div class="text-muted d-flex flex-column flex-sm-row justify-content-sm-between">
+    <div>{{ 'server.maintenance.page.contact.label' | translate }}</div>
+    <div>
+      <fa-icon [icon]="['fas', 'phone']" class="pr-1"></fa-icon>
+      <a href="tel:{{ 'server.maintenance.page.contact.phone' | translate }}">{{
+        'server.maintenance.page.contact.phone' | translate
+      }}</a>
+    </div>
+    <div>
+      <fa-icon [icon]="['fas', 'envelope']" class="pr-1"></fa-icon>
+      <a href="mailto:{{ 'server.maintenance.page.contact.email' | translate }}">{{
+        'server.maintenance.page.contact.email' | translate
+      }}</a>
+    </div>
+  </div>
+</div>

src/app/pages/maintenance/maintenance-page.component.spec.ts

@@ -0,0 +1,33 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { TranslateModule } from '@ngx-translate/core';
+import { MockComponent, MockDirective } from 'ng-mocks';
+
+import { ServerHtmlDirective } from 'ish-core/directives/server-html.directive';
+
+import { MaintenancePageComponent } from './maintenance-page.component';
+
+describe('Maintenance Page Component', () => {
+  let component: MaintenancePageComponent;
+  let fixture: ComponentFixture<MaintenancePageComponent>;
+  let element: HTMLElement;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [TranslateModule.forRoot()],
+      declarations: [MaintenancePageComponent, MockComponent(FaIconComponent), MockDirective(ServerHtmlDirective)],
+    }).compileComponents();
+  });
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(MaintenancePageComponent);
+    component = fixture.componentInstance;
+    element = fixture.nativeElement;
+  });
+
+  it('should be created', () => {
+    expect(component).toBeTruthy();
+    expect(element).toBeTruthy();
+    expect(() => fixture.detectChanges()).not.toThrow();
+  });
+});

src/app/pages/maintenance/maintenance-page.component.ts

@@ -0,0 +1,8 @@
+import { ChangeDetectionStrategy, Component } from '@angular/core';
+
+@Component({
+  selector: 'ish-maintenance-page',
+  templateUrl: './maintenance-page.component.html',
+  changeDetection: ChangeDetectionStrategy.OnPush,
+})
+export class MaintenancePageComponent {}

src/app/pages/maintenance/maintenance-page.module.ts

@@ -0,0 +1,16 @@
+import { NgModule } from '@angular/core';
+import { RouterModule, Routes } from '@angular/router';
+
+import { SharedModule } from 'ish-shared/shared.module';
+
+import { MaintenancePageComponent } from './maintenance-page.component';
+
+const maintenancePageRoutes: Routes = [
+  { path: '', component: MaintenancePageComponent, data: { wrapperClass: 'errorpage', headerType: 'simple' } },
+];
+
+@NgModule({
+  imports: [RouterModule.forChild(maintenancePageRoutes), SharedModule],
+  declarations: [MaintenancePageComponent],
+})
+export class MaintenancePageModule {}

src/assets/i18n/de_DE.json

@@ -1043,7 +1043,13 @@
   "seo.title.checkout": "Kasse",
   "seo.title.error": "Fehler",
   "seo.title.home": "inTRONICS Startseite",
+  "seo.title.maintenance": "Wartung",
   "seo.title.search": "Suchergebnis für '{{0}}'",
+  "server.maintenance.page.contact.email": "info@test.intershop.de",
+  "server.maintenance.page.contact.label": "Sie können uns kontaktieren:",
+  "server.maintenance.page.contact.phone": "1-800-xxx-xxxx",
+  "server.maintenance.page.text": "<h3>Es tut uns leid ...</h3><h4>Unsere Webseite ist auf Grund von Wartungsarbeiten kurzzeitig nicht verfügbar. Bitte kommen Sie später wieder.</h4>",
+  "server.maintenance.page.title": "Wir sind bald zurück",
   "servererror.mailServer.error": "Ihre E-Mail konnte leider nicht versandt werden. Wir bitten um Entschuldigung. Bitte versuchen Sie es später erneut.",
   "servererror.page.text": "<h3>Es tut uns leid ...</h3><h4>Gehen Sie zurück zur <a href=\"route://home\" target=\"_self\">Startseite</a> und versuchen Sie es erneut.</h4>",
   "servererror.page.title": "Etwas ist schiefgegangen.",

src/assets/i18n/en_US.json

@@ -1043,7 +1043,13 @@
   "seo.title.checkout": "Checkout",
   "seo.title.error": "Error",
   "seo.title.home": "inTRONICS Home",
+  "seo.title.maintenance": "Maintenance",
   "seo.title.search": "Search Result for '{{0}}'",
+  "server.maintenance.page.contact.email": "info@test.intershop.de",
+  "server.maintenance.page.contact.label": "You can contact us:",
+  "server.maintenance.page.contact.phone": "1-800-xxx-xxxx",
+  "server.maintenance.page.text": "<h3>We are sorry ...</h3><h4>Our website is briefly unavailable for a scheduled maintenance. Please come back again later.</h4>",
+  "server.maintenance.page.title": "We will be back soon",
   "servererror.mailServer.error": "Your mail couldn't be sent. We apologize for the inconvenience. Please try again later.",
   "servererror.page.text": "<h3>We are sorry ...</h3><h4>Please go back to the <a href=\"route://home\" target=\"_self\">Home Page</a> and try again.</h4>",
   "servererror.page.title": "Something Went Wrong",

src/assets/i18n/fr_FR.json

@@ -1043,7 +1043,13 @@
   "seo.title.checkout": "Passer la commande",
   "seo.title.error": "Erreur",
   "seo.title.home": "Page d’accueil InTRONICS",
+  "seo.title.maintenance": "Maintenance",
   "seo.title.search": "Résultat de recherche pour '{{0}}'.",
+  "server.maintenance.page.contact.email": "info@test.intershop.de",
+  "server.maintenance.page.contact.label": "You can contact us:",
+  "server.maintenance.page.contact.phone": "1-800-xxx-xxxx",
+  "server.maintenance.page.text": "Nous sommes désolés ...</h3><h4></h4>",
+  "server.maintenance.page.title": "Arrêts de maintenance",
   "servererror.mailServer.error": "Votre courriel n’a pas pu être envoyé. Nous nous excusons pour les inconvénients. Veuillez réessayer plus tard.",
   "servererror.page.text": "<h3>Nous sommes désolés ...</h3><h4>Retournez à la <a href=\"route://home\" target=\"_self\">Page d’accueil,</a> puis réessayez.</h4>",
   "servererror.page.title": "Quelque chose s’est mal passé",