Feature/add paper ref (#115)

Author: manuwei

src/app/core/component/edit-url-dialog/edit-url-dialog.component.html

@@ -8,6 +8,11 @@ <h1 mat-dialog-title>Edit Title or Icon for {{data.pattern.name}}</h1>
     <mat-label>Adjust Icon URL</mat-label>
     <input matInput placeholder={{data.pattern.iconUrl}} [(ngModel)]="data.icon">
   </mat-form-field>
+  <mat-form-field>
+    <mat-label>Adjust Paper Reference</mat-label>
+    <input matInput placeholder={{data.pattern.patternRef}} [(ngModel)]="data.paperRef">
+  </mat-form-field>
+
 </div>
 <mat-dialog-actions align="end">
   <button mat-button (click)="onNoClick()">Cancel</button>

src/app/core/default-pattern-renderer/default-pattern-renderer.component.html

@@ -1,13 +1,22 @@
 <mat-progress-spinner *ngIf="isLoading" mode="indeterminate"></mat-progress-spinner>
 <mat-card class="pattern-card mat-elevation-z5">
   <mat-card-header (mouseenter)="showActionButtons = true" (mouseleave)="showActionButtons = false">
-    <pp-action-button-bar [displayText]="pattern?.name" [firstAddButton]="false" [iconEdit]="true"
+    <pp-action-button-bar [displayText]="pattern?.name" [firstAddButton]="false"
+                          [iconEdit]="true"
                           [iconUrl]="pattern?.iconUrl" (iconEditClicked)="editIcon()">
     </pp-action-button-bar>
     <span> <button mat-stroked-button style="margin-left: 5px" color="primary" *ngIf="showActionButtons"
                    (click)="editIcon()" matTooltip="Edit"><i class="material-icons">mode_edit</i></button>
   </span>
   </mat-card-header>
+
+  <span class="copyright" *ngIf="pattern?.paperRef"> <i class="material-icons">copyright</i>
+    <!--    Display either a textual reference for yet unpublished papers or a html link -->
+    {{pattern?.paperRef.startsWith('http') ?
+      "The original publication of this pattern can be found in&nbsp;" :
+      "This pattern is originally published in " + pattern?.paperRef}}
+    <a *ngIf="pattern?.paperRef.startsWith('http')" href="{{pattern?.paperRef}}">here</a>
+  </span>
   <div>
     <ng-template ppPatternProperty></ng-template>
   </div>

src/app/core/default-pattern-renderer/default-pattern-renderer.component.scss

@@ -17,3 +17,9 @@
 .mat-stroked-button {
   margin-top: 12px;
 }
+
+.copyright {
+  margin-left: 3em;
+  display: flex;
+  align-items: center;
+}

src/app/core/default-pattern-renderer/default-pattern-renderer.component.ts

@@ -242,12 +242,15 @@ export class DefaultPatternRendererComponent implements AfterViewInit, OnDestroy
   editIcon() {
     const dialogRef = this.dialog.open(EditUrlDialogComponent, {
       width: '50%',
-      data: { pattern: this.pattern, icon: this.pattern.iconUrl, name: this.pattern.name }
+      data: {
+        pattern: this.pattern, icon: this.pattern.iconUrl, name: this.pattern.name, paperRef: this.pattern.paperRef
+      }
     });
     dialogRef.afterClosed().subscribe(result => {
       if (result !== undefined) {
         this.pattern.iconUrl = result.icon;
         this.pattern.name = result.name;
+        this.pattern.paperRef = result.paperRef;
         this.patternService.updatePattern(this.pattern._links.self.href, this.pattern).subscribe();
       }
     });

src/app/core/model/hal/pattern.model.ts

@@ -17,6 +17,7 @@ import { HalLink } from './hal-link.interface';
 
 class Pattern extends UriEntity {
   iconUrl?: string;
+  paperRef?: string;
   content: any;
   renderedContent: any;
   patternLanguageId: string;