[ADF-4867] adf-error-component refactor (#5056)

* Refactor the adf-error-component
Move the custom buttons on demoshell
Fix unit test
Remove usefull e2e

* Add basic example

demo-shell/src/app/app.module.ts

@@ -83,6 +83,8 @@ import { ConfirmDialogExampleComponent } from './components/confirm-dialog/confi
 import { FormCloudDemoComponent } from './components/app-layout/cloud/form-demo/cloud-form-demo.component';
 import { environment } from '../environments/environment';
 import { AppCloudSharedModule } from './components/cloud/shared/cloud.shared.module';
+import { DemoErrorComponent } from './components/error/demo-error.component';
+
 import {
     UserPreferenceCloudService,
     PROCESS_FILTERS_SERVICE_TOKEN,
@@ -171,6 +173,7 @@ registerLocaleData(localeSv);
         SharedLinkViewComponent,
         FormLoadingComponent,
         DemoPermissionComponent,
+        DemoErrorComponent,
         FormLoadingComponent,
         ReportIssueComponent,
         TreeViewSampleComponent,

demo-shell/src/app/app.routes.ts

@@ -57,6 +57,7 @@ import { ProcessDetailsCloudDemoComponent } from './components/cloud/process-det
 import { TemplateDemoComponent } from './components/template-list/template-demo.component';
 import { FormCloudDemoComponent } from './components/app-layout/cloud/form-demo/cloud-form-demo.component';
 import { ConfirmDialogExampleComponent } from './components/confirm-dialog/confirm-dialog-example.component';
+import { DemoErrorComponent } from './components/error/demo-error.component';
 export const appRoutes: Routes = [
     { path: 'login', loadChildren: 'app/components/login/login.module#AppLoginModule' },
     { path: 'logout', component: LogoutComponent },
@@ -414,7 +415,7 @@ export const appRoutes: Routes = [
             },
             {
                 path: 'error/:id',
-                component: ErrorContentComponent
+                component: DemoErrorComponent
             },
             {
                 path: 'error/no-authorization',

demo-shell/src/app/components/error/demo-error.component.html

@@ -0,0 +1,15 @@
+<div fxLayout="column" fxLayoutAlign="center center">
+    <adf-error-content [errorCode]="errorCode">
+        <div adf-error-content-actions class="adf-error-content-buttons">
+            <a a id="adf-secondary-button" mat-raised-button color="primary"
+                 (click)="onReportIssue()"
+                class="adf-error-content-description-link">
+                {{ 'ERROR_CONTENT.' + errorCode + '.SECONDARY_BUTTON.TEXT' | translate | uppercase }}
+            </a>
+            <a id="adf-return-button" mat-raised-button color="primary" (click)="onReturnButton()">
+                {{ 'ERROR_CONTENT.' + errorCode + '.RETURN_BUTTON.TEXT' | translate | uppercase }}
+            </a>
+        </div>
+    </adf-error-content>
+</div>
+

demo-shell/src/app/components/error/demo-error.component.scss

@@ -0,0 +1,9 @@
+.adf-error-content {
+
+    &-buttons {
+        display: flex;
+        width: 100%;
+        justify-content: space-evenly;
+    }
+}
+

demo-shell/src/app/components/error/demo-error.component.ts

@@ -0,0 +1,51 @@
+/*!
+ * @license
+ * Copyright 2019 Alfresco Software, Ltd.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import { Component, OnInit } from '@angular/core';
+import { ActivatedRoute, Params, Router } from '@angular/router';
+
+@Component({
+    selector: 'app-demo-error',
+    styleUrls: ['./demo-error.component.scss'],
+    templateUrl: './demo-error.component.html'
+})
+export class DemoErrorComponent implements OnInit {
+
+    errorCode: string = '';
+
+    constructor(private route: ActivatedRoute, private router: Router) {
+    }
+
+    ngOnInit() {
+        if (this.route) {
+            this.route.params.forEach((params: Params) => {
+                if (params['id']) {
+                    this.errorCode = params['id'];
+                }
+            });
+        }
+    }
+
+    onReportIssue() {
+        this.router.navigate(['/report-issue']);
+    }
+
+    onReturnButton() {
+        this.router.navigate(['/']);
+    }
+
+}