Pidp 1002/1098 add user notification for reasons cards are inaccessible

workspace/apps/pidp/src/app/core/services/toast.service.ts

@@ -81,4 +81,8 @@ export class ToastService {
   ): void {
     this.snackBar.open(message, action, config);
   }
+
+  public closeToast(): void {
+    this.snackBar.dismiss();
+  }
 }

workspace/apps/pidp/src/app/features/access/components/access-request-card/access-request-card.component.html

@@ -1,9 +1,5 @@
 <div class="container" uiPidpInjectViewportCss>
-  <div
-    class="card-container"
-    [ngClass]="{ 'cursor-default': actionDisabled }"
-    (click)="actionDisabled ? '' : onAction()"
-    (keyup)="actionDisabled ? '' : onAction()">
+  <div class="card-container" (click)="onAction()" (keyup)="onAction()">
     <div class="card-header">
       <div class="card-header-icon">
         <fa-icon
@@ -16,7 +12,7 @@
     <div class="card-body">
       {{ description }}
       <div>
-        <button class="learn-more" uiTextButton [disabled]="actionDisabled">
+        <button class="learn-more" uiTextButton>
           <span [ngClass]="{ 'grey-out': actionDisabled }"
             ><u>Learn more</u><span class="arrow-right">></span></span
           >

workspace/apps/pidp/src/app/features/access/components/access-request-card/access-request-card.component.ts

@@ -4,6 +4,7 @@ import { Component, EventEmitter, Input, Output } from '@angular/core';
 import { FaIconComponent } from '@fortawesome/angular-fontawesome';
 import { IconProp } from '@fortawesome/fontawesome-svg-core';
 import { faFileLines } from '@fortawesome/free-solid-svg-icons';
+import { ToastService } from '@app/core/services/toast.service';
 
 import {
   InjectViewportCssClassDirective,
@@ -31,12 +32,30 @@ export class AccessRequestCardComponent {
   @Input() public completed?: boolean;
   public faFileLines = faFileLines;
 
-  public constructor() {
+  public constructor(private toastService: ToastService) {
     this.icon = faFileLines;
     this.action = new EventEmitter<void>();
   }
 
   public onAction(): void {
-    this.action.emit();
+    if (
+      this.actionDisabled &&
+      this.heading === 'Driver Fitness Practitioner Portal'
+    ) {
+      this.toastService.openInfoToast(
+        'Insufficient college licensing to request enrolment.',
+        'close',
+        { duration: 100000, panelClass: 'close-icon' },
+      );
+    } else if (this.actionDisabled) {
+      this.toastService.openInfoToast(
+        'Incorrect credential type being used to request enrolment.',
+        'close',
+        { duration: 100000, panelClass: 'close-icon' },
+      );
+    } else {
+      this.toastService.closeToast();
+      this.action.emit();
+    }
   }
 }