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 ab44c6c..21b8d9f 100644 (file)
--- 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 fa83758..27a0d54 100644 (file)
--- 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 5e777d5..d587f5a 100644 (file)
--- 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 0dea4ba..a8e3953 100644 (file)
--- 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>