Add help page

And fix asset path

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

@@ -4,6 +4,7 @@ import { MainComponent } from './main/main.component';
 import { HoldingsComponent } from './holdings/holdings.component';
 import { FormComponent } from './form/form.component';
 import { ConfigurationComponent } from './configuration/configuration.component';
+import { HelpComponent } from './help/help.component';
 
 const routes: Routes = [
   { path: '', component: MainComponent },
@@ -12,7 +13,7 @@ const routes: Routes = [
   { path: 'holdings/:mmsId/edit/:holdingId/:mmsTitle', component: FormComponent },
   { path: 'holdings/:mmsId/new/:mmsTitle', component: FormComponent },
   { path: 'holdings/:mmsId/view/:holdingId/:mmsTitle', component: FormComponent },
-
+  { path: 'help', component: HelpComponent },
 ];
 
 @NgModule({

cloudapp/src/app/app.module.ts

@@ -20,6 +20,7 @@ import {MatDialogModule} from '@angular/material/dialog';
 import {ConfirmationDialog} from './dialog/confirmation-dialog.component';
 
 import {ErrorMessageComponent} from './error-message/error-message.component';
+import { HelpComponent } from './help/help.component';
 
 
 export function getToastrModule() {
@@ -38,7 +39,8 @@ export function getToastrModule() {
       FormComponent,
       ConfigurationComponent,
       ConfirmationDialog,
-      ErrorMessageComponent
+      ErrorMessageComponent,
+      HelpComponent,
    ],
    entryComponents: [ConfirmationDialog],
    imports: [

cloudapp/src/app/dialog/confirmation-dialog.component.html

@@ -1,6 +1,6 @@
 <mat-dialog-content>
 	<!-- <mat-icon>warning</mat-icon> -->
-	<img class="img-center" src="/assets/icon_alert_big.png">
+	<img class="img-center" src="./assets/icon_alert_big.png">
 	<h2>{{message}}</h2>
 </mat-dialog-content>
 <mat-dialog-actions align="center">

cloudapp/src/app/help/help.component.ts

@@ -0,0 +1,23 @@
+import { Component, OnInit } from '@angular/core';
+import { TranslateService } from '@ngx-translate/core';
+
+@Component({
+  selector: 'app-help',
+  template: `
+  <div class="cloudapp-actions">
+    <button mat-flat-button color="secondary" [routerLink]="['/']">
+      {{'Back' | translate}}
+    </button>
+  </div>
+  <p translate>Help.Text</p>
+  <p><a translate href="https://knowledge.exlibrisgroup.com/Alma/Product_Documentation/010Alma_Online_Help_(English)" target="_blank">Help.OLH</a></p>
+  `,
+})
+export class HelpComponent implements OnInit {
+
+  constructor() { }
+
+  ngOnInit() {
+  }
+
+}

cloudapp/src/i18n/en.json

@@ -64,6 +64,10 @@
       "Code": "NACSIS Code"
     }
   },
+  "Help": {
+    "Text": "This app is supported by Ex Libris. To view the documentation, click the link below. For additional help or to report a problem, please open a SalesForce case.",
+    "OLH": "To the online help"
+  },
   "Back": "Back",
   "Cancel": "Cancel",
   "Save": "Save",

cloudapp/src/i18n/jp.json

@@ -64,6 +64,10 @@
       "Code": "NACSISのコード"
     }
   },
+  "Help": {
+    "Text": "このアプリはEx Librisでサポートされています。 ドキュメントを表示するには、下のリンクをクリックしてください。 さらにヘルプが必要な場合や問題を報告するには、SalesForceケースを開いてください。",
+    "OLH": "オンラインヘルプへ" 
+  },
   "Back": "戻る",
   "Cancel": "キャンセル",
   "Save": "保存",

manifest.json

@@ -45,7 +45,8 @@
       ]
    },
    "pages": {
-      "config": "/#/configuration"
+      "config": "/#/configuration",
+      "help": "/#/help"
    },
    "fullscreen": {
       "allow": true