import { Component } from '@angular/core';
import {NotifInfo} from "../../interfaces/notif.interface";
import {
    NzListComponent,
    NzListItemComponent,
    NzListItemExtraComponent, NzListItemMetaAvatarComponent,
    NzListItemMetaComponent, NzListItemMetaDescriptionComponent, NzListItemMetaTitleComponent
} from "ng-zorro-antd/list";
import {NzIconDirective} from "ng-zorro-antd/icon";

@Component({
  selector: 'app-notif-list',
    imports: [
        NzListComponent,
        NzListItemComponent,
        NzListItemMetaComponent,
        NzListItemExtraComponent,
        NzListItemMetaDescriptionComponent,
        NzListItemMetaAvatarComponent,
        NzListItemMetaTitleComponent,
        NzIconDirective
    ],
  templateUrl: './notif-list.html',
  styleUrl: './notif-list.css',
})
export class NotifList {
    notifList: NotifInfo[] = [
        {
            author: 'Admin',
            title: 'Information system',
            content: 'L\'utilisateur à bien été crée.'
        },
        {
            author: 'Admin',
            title: 'Information system',
            content: 'L\'utilisateur à bien été crée.'
        },
        {
            author: 'Admin',
            title: 'Information system',
            content: 'L\'utilisateur à bien été crée.'
        },
        {
            author: 'Admin',
            title: 'Information system',
            content: 'L\'utilisateur à bien été crée.'
        },
        {
            author: 'Admin',
            title: 'Information system',
            content: 'L\'utilisateur à bien été crée.'
        },
        {
            author: 'Admin',
            title: 'Information system',
            content: 'L\'utilisateur à bien été crée.'
        },
        {
            author: 'Admin',
            title: 'Information system',
            content: 'L\'utilisateur à bien été crée.'
        },
        {
            author: 'Admin',
            title: 'Information system',
            content: 'L\'utilisateur à bien été crée.'
        },
        {
            author: 'Admin',
            title: 'Information system',
            content: 'L\'utilisateur à bien été crée.'
        },
        {
            author: 'Admin',
            title: 'Information system',
            content: 'L\'utilisateur à bien été crée.'
        },
        {
            author: 'Admin',
            title: 'Information system',
            content: 'L\'utilisateur à bien été crée.'
        }
    ];

    delete() {
        this.notifList = [];
    }

    addContent(author: string, title: string, content: string) {
        this.notifList.push({ author, title, content });
    }
}