inkletblot/inkletblot-com-v2
Archived
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

added basic filter to projects so gitlab and uncategorized are separate

Browse Source
This commit is contained in:
Solomon Laing 2021-07-07 14:52:51 +09:30
parent 8789390c67
commit 9e12a95bfe
2 changed files with 30 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/app/projects/projects.component.html
View File

@ -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>

29
src/app/projects/projects.component.ts
View File

@ -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;
}
}