From: Kyle Huckins <khuckins@catalyte.io>
Date: Fri, 6 Dec 2019 08:30:04 +0000 (+0000)
Subject: Angular Catalog Course Links Course Page Integration
X-Git-Url: https://old-git.evergreen-ils.org/?a=commitdiff_plain;h=b9960168ce7296c467e8831e2b63c8db9433adbd;p=working%2FEvergreen.git

Angular Catalog Course Links Course Page Integration

- Change links in Angular Catalog to navigate the user to the
Admin Course Page.

Signed-off-by: Kyle Huckins <khuckins@catalyte.io>

 Changes to be committed:
	modified:   Open-ILS/src/eg2/src/app/staff/catalog/record/copies.component.html
	modified:   Open-ILS/src/eg2/src/app/staff/catalog/result/record.component.html
	modified:   Open-ILS/src/eg2/src/app/staff/catalog/result/record.component.ts
	modified:   Open-ILS/src/eg2/src/app/staff/share/bib-summary/bib-summary.component.html
---

diff --git a/Open-ILS/src/eg2/src/app/staff/catalog/record/copies.component.html b/Open-ILS/src/eg2/src/app/staff/catalog/record/copies.component.html
index ab44c6cb33..21b8d9fa96 100644
--- a/Open-ILS/src/eg2/src/app/staff/catalog/record/copies.component.html
+++ b/Open-ILS/src/eg2/src/app/staff/catalog/record/copies.component.html
@@ -36,7 +36,11 @@
 </ng-template>
 
 <ng-template #courseTemplate let-copy="row">
-  <div *ngFor="let course of copy._courses">{{course.course_number()}}</div>
+  <div *ngFor="let course of copy._courses">
+    <a routerLink="/staff/admin/local/asset/course_list/{{course.id()}}">
+      {{course.course_number()}}
+    </a>
+  </div>
 </ng-template>
 
 <div class='eg-copies w-100 mt-3'>
diff --git a/Open-ILS/src/eg2/src/app/staff/catalog/result/record.component.html b/Open-ILS/src/eg2/src/app/staff/catalog/result/record.component.html
index fa83758754..27a0d545ec 100644
--- a/Open-ILS/src/eg2/src/app/staff/catalog/result/record.component.html
+++ b/Open-ILS/src/eg2/src/app/staff/catalog/result/record.component.html
@@ -127,7 +127,12 @@
               </ng-container>
               <ng-container *ngIf="has_course">
                 <div i18n>Associated Courses:
-                  {{courseNames.join(', ')}}</div>
+                  <span *ngFor="let course of courses; let isLast=last">
+                    <a routerLink="/staff/admin/local/asset/course_list/{{course.id()}}">
+                      {{course.name()}} ({{course.course_number()}})
+                    </a>{{isLast ? '' : ', '}}
+                  </span>
+                </div>
               </ng-container>
             </div>
           </div>
diff --git a/Open-ILS/src/eg2/src/app/staff/catalog/result/record.component.ts b/Open-ILS/src/eg2/src/app/staff/catalog/result/record.component.ts
index 5e777d5246..d587f5a0ba 100644
--- a/Open-ILS/src/eg2/src/app/staff/catalog/result/record.component.ts
+++ b/Open-ILS/src/eg2/src/app/staff/catalog/result/record.component.ts
@@ -31,7 +31,7 @@ export class ResultRecordComponent implements OnInit, OnDestroy {
     isRecordSelected: boolean;
     basketSub: Subscription;
     has_course: boolean;
-    courseNames: any[] = [];
+    courses: any[] = [];
 
     constructor(
         private router: Router,
@@ -67,8 +67,7 @@ export class ResultRecordComponent implements OnInit, OnDestroy {
             if (res) {
                 this.course.fetchCopiesInCourseFromRecord(recordId).then(course_list => {
                     Object.keys(course_list).forEach(key => {
-                        this.courseNames.push(course_list[key].name() +
-                          "(" + course_list[key].course_number() + ")");
+                        this.courses.push(course_list[key]);
                     });
                     this.has_course = true;
                 });
diff --git a/Open-ILS/src/eg2/src/app/staff/share/bib-summary/bib-summary.component.html b/Open-ILS/src/eg2/src/app/staff/share/bib-summary/bib-summary.component.html
index 0dea4ba486..a8e39532d3 100644
--- a/Open-ILS/src/eg2/src/app/staff/share/bib-summary/bib-summary.component.html
+++ b/Open-ILS/src/eg2/src/app/staff/share/bib-summary/bib-summary.component.html
@@ -100,7 +100,11 @@
             <li class="list-group-item" *ngFor="let course of courses">
               <div class="d-flex">
                 <div class="flex-1 font-weight-bold" i18n>Course Name:</div>
-                <div class="flex-3">{{course.name()}}</div>
+                <div class="flex-3">
+                  <a routerLink="/staff/admin/local/asset/course_list/{{course.id()}}">
+                    {{course.name()}}
+                  </a>
+                </div>
                 <div class="flex-1 font-weight-bold" i18n>Course Number:</div>
                 <div class="flex-1">{{course.course_number()}}</div>
                 <div class="flex-1 font-weight-bold" i18n>Section Number:</div>