init page projet
This commit is contained in:
@@ -0,0 +1,38 @@
|
||||
import { Component, signal } from '@angular/core';
|
||||
|
||||
type Project = {
|
||||
id: number;
|
||||
name: string;
|
||||
owner: string;
|
||||
status: 'Actif' | 'En attente' | 'Nouveau';
|
||||
progress: number;
|
||||
};
|
||||
|
||||
@Component({
|
||||
selector: 'app-projects',
|
||||
imports: [],
|
||||
templateUrl: './projects.html',
|
||||
styleUrl: './projects.css',
|
||||
})
|
||||
export class Projects {
|
||||
protected readonly projects = signal<Project[]>([
|
||||
{ id: 1, name: 'Refonte Interface', owner: 'Marie', status: 'Actif', progress: 70 },
|
||||
{ id: 2, name: 'API Inventaire', owner: 'Nabil', status: 'En attente', progress: 45 },
|
||||
{ id: 3, name: 'Pipeline CI', owner: 'Sonia', status: 'Actif', progress: 90 },
|
||||
]);
|
||||
|
||||
private nextId = 4;
|
||||
|
||||
protected createProject(): void {
|
||||
const newProject: Project = {
|
||||
id: this.nextId,
|
||||
name: `Nouveau projet ${this.nextId}`,
|
||||
owner: 'A definir',
|
||||
status: 'Nouveau',
|
||||
progress: 0,
|
||||
};
|
||||
|
||||
this.projects.update((currentProjects) => [...currentProjects, newProject]);
|
||||
this.nextId += 1;
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user