From 9e12a95bfe51a318ea71980c45291880b8eefd28 Mon Sep 17 00:00:00 2001
From: Solomon Laing <solomonlaing@pm.me>
Date: Wed, 7 Jul 2021 14:52:51 +0930
Subject: [PATCH] added basic filter to projects so gitlab and uncategorized
 are separate

---
 src/app/projects/projects.component.html |  4 +++-
 src/app/projects/projects.component.ts   | 29 ++++++++++++++++++++++--
 2 files changed, 30 insertions(+), 3 deletions(-)

diff --git a/src/app/projects/projects.component.html b/src/app/projects/projects.component.html
index 4a04f43..4611afb 100644
--- a/src/app/projects/projects.component.html
+++ b/src/app/projects/projects.component.html
@@ -1,8 +1,10 @@
 <h2>Projects on git</h2>
 <p>These are my projects as can be found on my <a href="https://gitlab.inkletblot.com/explore">gitlab</a>. Mainly my programming projects that are quality enough for me to be happy for the world to see them. There are more in the works but they are currently private.</p>
+<app-project-card *ngFor="let project of gitlabProjects()" [project]="project">
+</app-project-card>
 
 <h2>Projects of a personal nature</h2>
 <p>This is (will be) a summary of my personal projects be they my homelab, general electronics projects, or anything else.</p>
 
-<app-project-card *ngFor="let project of uncategorizedProjects" [project]="project">
+<app-project-card *ngFor="let project of uncategorizedProjects()" [project]="project">
 </app-project-card>
\ No newline at end of file
diff --git a/src/app/projects/projects.component.ts b/src/app/projects/projects.component.ts
index 6da1e8b..cc5c319 100644
--- a/src/app/projects/projects.component.ts
+++ b/src/app/projects/projects.component.ts
@@ -14,7 +14,9 @@ import { ProjectsService } from './projects.service';
 export class ProjectsComponent implements OnInit, OnDestroy {
   _unsubscribe$: Subject<boolean> = new Subject();
 
-  uncategorizedProjects: Array<Project>;
+  allProjects: Array<Project>;
+  private _gitlabProjects: Array<Project> = new Array<Project>();
+  private _uncategorizedProjects: Array<Project> = new Array<Project>();
 
   constructor(private navService: NavService, private projectsService: ProjectsService) { }
 
@@ -24,8 +26,9 @@ export class ProjectsComponent implements OnInit, OnDestroy {
     this.projectsService.allProjects$
         .pipe(takeUntil(this._unsubscribe$))
         .subscribe((result: Project[]) => {
-            this.uncategorizedProjects = result;
+          this.allProjects = result;
         });
+
     this.projectsService.getProjects();
   }
 
@@ -34,4 +37,26 @@ export class ProjectsComponent implements OnInit, OnDestroy {
       this._unsubscribe$.complete();
   }
 
+  filterProjects(): void {
+    this._gitlabProjects = [];
+    this._uncategorizedProjects = [];
+    this.allProjects.forEach((project) => {
+      if (project.category === 'gitlab') {
+        this._gitlabProjects.push(project);
+      } else {
+        this._uncategorizedProjects.push(project);
+      }
+    })
+  }
+
+  gitlabProjects(): Array<Project> { 
+    this.filterProjects();
+    return this._gitlabProjects; 
+  }
+  
+  uncategorizedProjects(): Array<Project> { 
+    this.filterProjects();
+    return this._uncategorizedProjects; 
+  }
+
 }