feat: show an icon in the project

So they're marked as training.
DSD-DBS · Oct 24, 2023 · d998ee5 · d998ee5
1 parent 9900e9a
commit d998ee5
Show file tree

Hide file tree

Showing 6 changed files with 10 additions and 4 deletions.
diff --git a/frontend/src/app/projects/create-project/create-project.component.ts b/frontend/src/app/projects/create-project/create-project.component.ts
@@ -54,6 +54,7 @@ export class CreateProjectComponent implements OnInit, OnDestroy {
           name: this.form.value.name!,
           description: this.form.value.description!,
           visibility: this.form.value.visibility! as ProjectVisibility,
+          type: 'general',
         })
         .subscribe((project) => {
           this.toastService.showSuccess(

diff --git a/.../src/app/projects/models/backup-settings/view-logs-dialog/view-logs-dialog.component.html b/.../src/app/projects/models/backup-settings/view-logs-dialog/view-logs-dialog.component.html
@@ -4,7 +4,7 @@
  -->
 
 <div *ngIf="pipelineRunService.pipelineRun$ | async">
-  <div class="header">
+  <div class="header flex-col">
     <h1>
       Logs for pipeline run
       {{ (pipelineRunService.pipelineRun$ | async)?.id }}

diff --git a/...src/app/projects/models/diagrams/model-diagram-dialog/model-diagram-dialog.component.html b/...src/app/projects/models/diagrams/model-diagram-dialog/model-diagram-dialog.component.html
@@ -3,7 +3,7 @@
  ~ SPDX-License-Identifier: Apache-2.0
  -->
 <div class="dialog">
-  <div class="header">
+  <div class="header flex-col">
     <h2>View diagrams</h2>
     <span
       >Last update:

diff --git a/frontend/src/app/projects/project-overview/project-overview.component.html b/frontend/src/app/projects/project-overview/project-overview.component.html
@@ -27,7 +27,12 @@
         matRipple
         class="mat-card-overview"
       >
-        <div class="header">{{ project.name }}</div>
+        <div class="header flex-row">
+          <mat-icon class="mr-1" *ngIf="project.type === 'training'"
+            >school</mat-icon
+          >
+          <span class="">{{ project.name }}</span>
+        </div>
         <div class="p-3">
           <div>
             <div *ngIf="project.description; else elseBlock">

diff --git a/frontend/src/app/projects/service/project.service.ts b/frontend/src/app/projects/service/project.service.ts
@@ -131,6 +131,7 @@ export type PostProject = {
   name: string;
   description: string;
   visibility: ProjectVisibility;
+  type: ProjectType;
 };
 
 export type PatchProject = Partial<PostProject> & {

diff --git a/frontend/src/styles.css b/frontend/src/styles.css
@@ -248,7 +248,6 @@ Angular Material Card Styles
   color: white;
   border-radius: 5px 5px 0 0;
   display: flex;
-  flex-direction: column;
   padding: 10px 20px;
   font-size: 1.5em;
 }