Vis, hvem der gjorde hvad og hvornår, nyeste først og grupperet efter dag, med et ikon eller initialer for hver aktør.
Hvorfor det hjælper
- Grupperet efter dag
- Aktørikoner
- Tydelig historik
Hvor det passer
- Revisionsspor
- Projekter
- Konti
Eksempel
<ActivityFeed Label="Project activity" Items="_items" PageSize="5" />
@code {
private readonly ActivityItem[] _items =
[
new("Ivan Petrov", "merged the pull request", DateTime.Now.AddMinutes(-12), "Add export to the report page", IconName.Check, Severity.Success),
new("Maria Georgieva", "commented on the design review", DateTime.Now.AddHours(-1), "The spacing of the toolbar needs one more pass."),
new("Build server", "failed the nightly build", DateTime.Now.AddHours(-3), null, IconName.ErrorCircle, Severity.Error),
new("Georgi Dimitrov", "created the milestone Autumn release", DateTime.Now.AddHours(-6)),
new("Elena Stoyanova", "closed 4 issues", DateTime.Now.AddDays(-1).AddHours(-2), null, IconName.Check, Severity.Success),
new("Nikolay Kolev", "assigned you to the invoice task", DateTime.Now.AddDays(-1).AddHours(-5)),
new("Desislava Ivanova", "uploaded 3 files", DateTime.Now.AddDays(-2), null, IconName.Upload),
new("Stefan Angelov", "changed the due date of the audit", DateTime.Now.AddDays(-3)),
new("Plamen Hristov", "joined the project", DateTime.Now.AddDays(-4))
];
}Et kort uddrag. Tilføj @using RayCraft.Blazor.Components til din side, og brug en interaktiv gengivelsestilstand.
Inkluderet i RayCraft Free. Fungerende eksempler findes i GitHub-lager (MIT); det indeholder eksempel- og demokode, ikke bibliotekets kode.