Graphical representation display of record life cycle

ExLibrisGroup · Dec 16, 2021 · 7cf27a2 · 7cf27a2
1 parent 4aa852c
commit 7cf27a2
Show file tree

Hide file tree

Showing 5 changed files with 58 additions and 11 deletions.
diff --git a/cloudapp/src/app/catalog/full-view-display/full-view-display.component.html b/cloudapp/src/app/catalog/full-view-display/full-view-display.component.html
@@ -8,12 +8,20 @@
         <div class="full-view-line-field-label" *ngIf="field.hasLabel()">
           {{field.getLabel()}}
         </div>
-        <a *ngIf="field.isLinkable() else noLink" (click)="onFullViewLink(field.getLink(), field.getContent())">
-          {{field.getContent()}}
-        </a>
-        <ng-template #noLink>
-          {{field.getContent()}}
-        </ng-template>
+
+        <div [ngSwitch]="field.getLinkState()">
+          <div *ngSwitchCase="linkState.NoLink">
+            {{field.getContent()}}
+          </div>
+          <a *ngSwitchCase="linkState.InternalLink" (click)="onFullViewLink(field.getLink(), field.getContent())">
+            {{field.getContent()}}
+          </a>
+          <a *ngSwitchCase="linkState.ExternalLink" [href]="field.getExternalLink()" target="_blank">
+            {{field.getContent()}}
+          </a>
+          <!-- <some-element *ngSwitchDefault>...</some-element> -->
+        </div>
+
       </div>
     </div>
   </div>

diff --git a/cloudapp/src/app/catalog/full-view-display/full-view-display.component.ts b/cloudapp/src/app/catalog/full-view-display/full-view-display.component.ts
@@ -1,5 +1,6 @@
 import { Component, Input, Output, EventEmitter } from '@angular/core';
 import { SearchType } from '../../user-controls/search-form/search-form-utils';
+import { LinkState } from '../results-types/results-common';
 
 
 @Component({
@@ -13,6 +14,7 @@ export class FullviewDisplayComponent {
   @Input() resultFullDisplay;
   @Output() onFullViewLinkSelected = new EventEmitter<FullViewLink>();
 
+  linkState: typeof LinkState = LinkState;
 
   constructor() { }
 

diff --git a/cloudapp/src/app/catalog/results-types/results-common.ts b/cloudapp/src/app/catalog/results-types/results-common.ts
@@ -176,19 +176,26 @@ export class ViewLine {
     }  
 }
 
+export enum LinkState {
+    NoLink,
+    InternalLink,
+    ExternalLink
+}
+
 export class ViewField {
 
     private label: string;
     private content: string;
     private link: string;
     private onlyLabel: boolean;
-
+    private externalLink: string;
 
     constructor(ViewFieldBuilder: ViewFieldBuilder) {
         this.label = ViewFieldBuilder.getLabel();
         this.content = ViewFieldBuilder.getContent();
         this.link = ViewFieldBuilder.getLink();
         this.onlyLabel = ViewFieldBuilder.isOnlyLabel()? true : false;
+        this.externalLink = ViewFieldBuilder.getExternalLink();
      }
 
     getLabel() {
@@ -207,17 +214,30 @@ export class ViewField {
         return this.link;
     }
 
+    getExternalLink() {
+        return this.externalLink;
+    }
+
     hasContent() {
         return (this.content != "" && this.content != undefined);
     }
 
-    isLinkable() {
+    isInternalLink() {
         return (this.link != null);
     }
 
     isOnlyLabel() {
         return this.onlyLabel;
     }
+
+    getLinkState() : LinkState {
+
+        if(this.link != null)
+            return LinkState.InternalLink;
+        if(this.externalLink != null)
+            return LinkState.ExternalLink;
+        return LinkState.NoLink;    
+    }
 }
 
 export class ViewFieldBuilder {
@@ -226,10 +246,10 @@ export class ViewFieldBuilder {
     private _content: string;
     private _link: string;
     private _onlyLabel: boolean = true;
+    private _externalLink: string;
 
     constructor() { }
 
-
     getLabel() {
         return this._label;
     }
@@ -262,6 +282,15 @@ export class ViewFieldBuilder {
         return this;
     }
 
+    externalLink(externalLink: string) {
+        this._externalLink = externalLink;
+        return this;
+    }
+
+    getExternalLink() {
+        return this._externalLink;
+    }
+
     build() {
         return new ViewField(this);
     }

diff --git a/cloudapp/src/app/catalog/results-types/serials.ts b/cloudapp/src/app/catalog/results-types/serials.ts
@@ -296,8 +296,16 @@ export class SerialFullDisplay extends IDisplayLines {
         fieldsArray = new Array<ViewField>();
             fieldsArray.push(new ViewFieldBuilder().content(this.record.PRICE).build());
         this.addLine(new ViewFieldBuilder().label("PRICE").build(), fieldsArray);
+
+        // FID external link
+        let externalLink = "https://mokuren.nii.ac.jp/cgi-bin/map/map-frame.cgi?encode=UTF-8";
+        externalLink += "&ncid=" + this.record.ID;
+        externalLink += "&fid=" + this.record.FID;
+        externalLink += "&cgi=http://ci.nii.ac.jp/ncid/";
+
         fieldsArray = new Array<ViewField>();
-            fieldsArray.push(new ViewFieldBuilder().content(this.record.FID).build());
+            fieldsArray.push(new ViewFieldBuilder().content(this.record.FID).externalLink(externalLink).build());
+
         this.addLine(new ViewFieldBuilder().label("FID").build(), fieldsArray);
         this.record.BHNT?.forEach(bhnt=>{
             fieldsArray = new Array<ViewField>();

diff --git a/cloudapp/src/app/user-controls/result-card/result-card.component.html b/cloudapp/src/app/user-controls/result-card/result-card.component.html
@@ -16,7 +16,7 @@
         <div class="card-content-field" *ngFor="let field of line.getContent()">
           <div class="card-content-field-label" *ngIf="field.hasLabel()"
           [innerHTML]="field.getLabel() | translate"></div>
-          <a class="card-content-field-content" *ngIf="field.isLinkable() else noLink"
+          <a class="card-content-field-content" *ngIf="field.isInternalLink() else noLink"
             (click)="onTitleClick(recordIndex)" 
             [innerHTML]="field.getContent() | translate"></a>
           <ng-template #noLink>