ActivityFeed

Visa vem som gjorde vad och när, nyast först och grupperat per dag, med en ikon eller initialer för varje aktör.

Varför det hjälper

• Grupperat per dag
• Aktörsikoner
• Tydlig historik

Var det passar

• Granskningsspår
• Projekt
• Konton

Exempel

<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))
    ];
}

Ett kort utdrag. Lägg till @using RayCraft.Blazor.Components på din sida och använd ett interaktivt renderingsläge.

Ingår i RayCraft Free. Fungerande exempel finns i GitHub-arkiv (MIT); det innehåller exempel- och demokod, inte bibliotekets kod.

Alla kontroller · Dokumentation