mgr/dashboard: add support for toast alert panel

fixes: https://tracker.ceph.com/issues/72250

Signed-off-by: Naman Munet <[email protected]>

Author: Naman Munet

src/pybind/mgr/dashboard/frontend/src/app/shared/components/alert-panel/alert-panel.component.ts

@@ -38,6 +38,8 @@ export class AlertPanelComponent implements OnInit {
   actionName = '';
   @Input()
   lowContrast = true;
+  @Input()
+  variant: 'toast' | 'inline' = 'inline';
 
   /**
    * The event that is triggered when the close button (x) has been
@@ -83,7 +85,8 @@ export class AlertPanelComponent implements OnInit {
       actionsTemplate: this.actionTpl,
       showClose: this.dismissible,
       title: this.showTitle ? this.title : '',
-      lowContrast: this.lowContrast
+      lowContrast: this.lowContrast,
+      variant: this.variant
     };
   }