feat: Add hyperlinks in monitoring

DSD-DBS · Sep 29, 2023 · 4a7bad2 · 4a7bad2
1 parent 5c30276
commit 4a7bad2
Show file tree

Hide file tree

Showing 2 changed files with 34 additions and 8 deletions.
diff --git a/frontend/src/app/app-routing.module.ts b/frontend/src/app/app-routing.module.ts
@@ -121,8 +121,16 @@ const routes: Routes = [
                         `/project/${data.project?.slug}`,
                     },
                     component: ModelWrapperComponent,
-
                     children: [
+                      {
+                        path: '',
+                        data: {
+                          breadcrumb: 'Configure Model',
+                          redirect: (data: Data) =>
+                            `/project/${data.project?.slug}/model/${data.model?.slug}/metadata`,
+                        },
+                        component: ModelDescriptionComponent,
+                      },
                       {
                         path: 'modelsources',
                         data: {

diff --git a/frontend/src/app/settings/core/pipelines-overview/pipelines-overview.component.html b/frontend/src/app/settings/core/pipelines-overview/pipelines-overview.component.html
@@ -62,8 +62,13 @@ <h2>Projects monitoring</h2>
   <div *ngFor="let projectStatus of projectStatuses">
     <mat-card class="project-card">
       <b>Project</b> <br />
-      <span class="title">{{ projectStatus.project_slug }}</span
-      ><br />
+      <a
+        target="_blank"
+        [href]="'project/' + projectStatus.project_slug"
+        class="title flex gap-1 mb-1"
+        >{{ projectStatus.project_slug }}
+        <mat-icon inline>open_in_new</mat-icon></a
+      >
       <div *ngFor="let warning of projectStatus.warnings" class="warning">
         <mat-icon class="mat-icon-position top">warning</mat-icon>
         {{ warning }}
@@ -97,12 +102,25 @@ <h2>Models monitoring</h2>
   <div *ngFor="let modelStatus of toolmodelStatuses">
     <mat-card class="models-card">
       <b>Project</b> <br />
-      <span class="title">{{ modelStatus.project_slug }}</span>
-      <br />
+      <a
+        target="_blank"
+        [href]="'project/' + modelStatus.project_slug"
+        class="title flex gap-1 mb-1"
+        >{{ modelStatus.project_slug }}
+        <mat-icon inline>open_in_new</mat-icon></a
+      >
       <b>Model</b> <br />
-      <span class="title">{{ modelStatus.model_slug }}</span>
-      <br />
-
+      <a
+        target="_blank"
+        [href]="
+          'project/' +
+          modelStatus.project_slug +
+          '/model/' +
+          modelStatus.model_slug
+        "
+        class="title flex gap-1 mb-1"
+        >{{ modelStatus.model_slug }} <mat-icon inline>open_in_new</mat-icon></a
+      >
       <div>
         <!-- git model status -->
         <div