Add KPI table component

Epsilon.Abstractions/Component/KpiTable.cs

@@ -0,0 +1,131 @@
+using DocumentFormat.OpenXml;
+using DocumentFormat.OpenXml.Packaging;
+using DocumentFormat.OpenXml.Wordprocessing;
+
+namespace Epsilon.Abstractions.Component;
+
+public record KpiTable(
+    IDictionary<int, KpiTableEntry> KpiTableEntries
+) : IWordCompetenceComponent
+{
+    public void AddToWordDocument(MainDocumentPart mainDocumentPart)
+    {
+        var body = new Body();
+
+        // Create a table to display outcomes, assignments, and grades
+        var table = new Table();
+
+        // Define column header texts
+        var columnsHeaders = new Dictionary<string, string> { { "KPI", "3000" }, { "Assignments", "5000" }, { "Grades", "1000" }, }; 
+
+        // Create the table header row
+        var headerRow = new TableRow();
+
+        // Create the header cells
+        foreach (var columnHeader in columnsHeaders)
+        {
+            headerRow.AppendChild(CreateTableCellWithBorders(columnHeader.Value, new Paragraph(new Run(new Text(columnHeader.Key)))));
+        }
+
+        // Add the header row to the table
+        table.AppendChild(headerRow);
+
+        // Create the table body rows and cells
+        foreach (var entry in KpiTableEntries.ToList().OrderByDescending(static e => e.Value.Kpi))
+        {
+            var tableRow = new TableRow();
+
+            // Outcome (KPI) column
+            tableRow.AppendChild(CreateTableCellWithBorders("3000", new Paragraph(new Run(new Text(entry.Value.Kpi)))));
+
+            // Assignments column
+            var assignmentsParagraph = new Paragraph();
+            var assignmentsRun = assignmentsParagraph.AppendChild(new Run());
+
+            foreach (var assignment in entry.Value.Assignments)
+            {
+                var rel = mainDocumentPart.AddHyperlinkRelationship(assignment.Link, true);
+                var relationshipId = rel.Id;
+
+                var runProperties = new RunProperties(
+                    new Underline { Val = UnderlineValues.Single, });
+
+                assignmentsRun.AppendChild(new Hyperlink(new Run(runProperties, new Text(assignment.Name)))
+                {
+                    History = OnOffValue.FromBoolean(true),
+                    Id = relationshipId,
+                });
+
+                assignmentsRun.AppendChild(new Break());
+            }
+
+            tableRow.AppendChild(CreateTableCellWithBorders("5000", assignmentsParagraph));
+
+            // Grades column
+            var grades = entry.Value.Assignments.Select(static a => a.Grade);
+            var gradesParagraph = new Paragraph();
+            var gradesRun = gradesParagraph.AppendChild(new Run());
+
+            foreach (var grade in grades)
+            {
+                gradesRun.AppendChild(new Text(grade));
+                gradesRun.AppendChild(new Break());
+            }
+
+            tableRow.AppendChild(CreateTableCellWithBorders("1000", gradesParagraph));
+
+            // Add the row to the table
+            table.AppendChild(tableRow);
+        }
+
+        // Newline to separate the table from the rest of the document
+        body.Append(new Paragraph(new Run(new Text(""))));
+
+        // Add the table to the document
+        body.AppendChild(table);
+
+        mainDocumentPart.Document.AppendChild(body);
+    }
+
+    private static TableCell CreateTableCellWithBorders(string? width, params OpenXmlElement[] elements)
+    {
+        var cell = new TableCell();
+        var cellProperties = new TableCellProperties();
+        var borders = new TableCellBorders(
+            new LeftBorder
+            {
+                Val = BorderValues.Single,
+            },
+            new RightBorder
+            {
+                Val = BorderValues.Single,
+            },
+            new TopBorder
+            {
+                Val = BorderValues.Single,
+            },
+            new BottomBorder
+            {
+                Val = BorderValues.Single,
+            });
+
+        foreach (var element in elements)
+        {
+            cell.Append(element);
+        }
+
+        if (width != null)
+        {
+            cellProperties.Append(new TableCellWidth
+            {
+                Type = TableWidthUnitValues.Dxa,
+                Width = width,
+            });
+        }
+
+        cellProperties.Append(borders);
+        cell.PrependChild(cellProperties);
+
+        return cell;
+    }
+}

Epsilon.Abstractions/Component/KpiTableEntry.cs

@@ -0,0 +1,9 @@
+using Epsilon.Abstractions.Model;
+
+namespace Epsilon.Abstractions.Component;
+
+public record KpiTableEntry(
+    string Kpi,
+    MasteryLevel MasteryLevel,
+    IEnumerable<KpiTableEntryAssignment> Assignments
+);

Epsilon.Abstractions/Component/KpiTableEntryAssignment.cs

@@ -0,0 +1,7 @@
+namespace Epsilon.Abstractions.Component;
+
+public record KpiTableEntryAssignment(
+    string Name,
+    string Grade,
+    Uri Link
+);

Epsilon.Canvas.Abstractions/Model/GraphQl/AssessmentRating.cs

@@ -8,4 +8,13 @@ public record AssessmentRating(
 )
 {
     public bool IsMastery => Points >= Criterion?.MasteryPoints;
+
+    public string? Grade => Points switch
+    {
+        >= 5.0 => "Outstanding",
+        >= 4.0 => "Good",
+        >= 3.0 => "Sufficient",
+        >= 0.0 => "Insufficient",
+        _ => null,
+    };
 }

Epsilon.Canvas.Abstractions/Model/GraphQl/Assignment.cs

@@ -4,6 +4,7 @@ namespace Epsilon.Canvas.Abstractions.Model.GraphQl;
 
 public record Assignment(
     [property: JsonPropertyName("name")] string? Name, 
+    [property: JsonPropertyName("htmlUrl")] Uri? HtmlUrl,
     [property: JsonPropertyName("modules")] IEnumerable<Module>? Modules ,
     [property: JsonPropertyName("rubric")] Rubric? Rubric 
 );

Epsilon.Host.Frontend/src/components/KpiTable.vue

@@ -0,0 +1,68 @@
+<script lang="ts" setup>
+import { Api } from "../logic/Api"
+import { Ref, ref } from "vue"
+
+const api = new Api()
+const today = new Date()
+const otherMonth = new Date()
+otherMonth.setMonth(otherMonth.getMonth() - 3)
+
+const data: Ref<unknown> = ref<unknown>()
+const Kpis: Ref<unknown> = ref<unknown>([])
+
+api.component
+    .componentDetail("kpi_table", {
+        startDate: formatDate(otherMonth),
+        endDate: formatDate(today),
+    })
+    .then((result) => {
+        data.value = result.data
+        Kpis.value = result.data.entries
+    })
+
+function formatDate(date: Date): string {
+    const year = date.getFullYear()
+    const month = `${date.getMonth() + 1}`.padStart(2, "0")
+    const day = date.getDate()
+    return `${year}-${month}-${day}`
+}
+</script>
+
+<template>
+    <table v-if="data">
+        <tr>
+            <th>KPI</th>
+            <th>Assignments</th>
+            <th>Grades</th>
+        </tr>
+        <tr v-for="KPI of Kpis" :key="KPI">
+            <td
+                :style="{
+                    border: '3px solid ' + KPI.masteryLevel.color,
+                }">
+                {{ KPI.kpi }}
+            </td>
+            <td>
+                <div
+                    v-for="assignment of KPI.assignments"
+                    :key="assignment"
+                    :style="{ textAlign: 'start' }">
+                    <a :href="assignment.link">{{ assignment.name }}</a>
+                </div>
+            </td>
+            <td>
+                <div v-for="assignment of KPI.assignments" :key="assignment">
+                    {{ assignment.grade }}
+                </div>
+            </td>
+        </tr>
+    </table>
+</template>
+
+<style scoped>
+td,
+th {
+    border: 2px solid;
+    padding: 1rem;
+}
+</style>

Epsilon.Host.Frontend/src/views/PerformanceDashboard.vue

@@ -82,6 +82,11 @@ onMounted(() => {
     height: 64px;
 }
 
+.loading-icon {
+    width: 64px;
+    height: 64px;
+}
+
 @media screen and (min-width: 580px) {
     .performance-dashboard {
         display: grid;

Epsilon.Host.WebApi/Program.cs

@@ -21,6 +21,7 @@
 });
 
 builder.Services.AddControllers();
+
 builder.Services.AddRouting(static options => options.LowercaseUrls = true);
 
 // Learn more about configuring Swagger/OpenAPI at https://aka.ms/aspnetcore/swashbuckle
@@ -37,12 +38,14 @@
         { "persona_page", services.GetRequiredService<ICompetenceComponentFetcher<PersonaPage>>() },
         { "competence_profile", services.GetRequiredService<ICompetenceComponentFetcher<CompetenceProfile>>() },
         { "kpi_matrix", services.GetRequiredService<ICompetenceComponentFetcher<KpiMatrixCollection>>() },
+        { "kpi_table", services.GetRequiredService<ICompetenceComponentFetcher<KpiTable>>() },
     }
 ));
 
 builder.Services.AddScoped<ICompetenceComponentFetcher<PersonaPage>, PersonaPageComponentFetcher>();
 builder.Services.AddScoped<ICompetenceComponentFetcher<CompetenceProfile>, CompetenceProfileComponentFetcher>();
 builder.Services.AddScoped<ICompetenceComponentFetcher<KpiMatrixCollection>, KpiMatrixComponentFetcher>();
+builder.Services.AddScoped<ICompetenceComponentFetcher<KpiTable>, KpiTableComponentFetcher>();
 
 var app = builder.Build();
 
@@ -66,7 +69,6 @@
     });
 });
 
-
 app.UseHttpsRedirection();
 
 app.UseCors();

Epsilon/Component/CompetenceProfileComponentFetcher.cs

@@ -73,19 +73,17 @@ IHboIDomain domain
 
         if (queryResponse.Data != null)
         {
-            foreach (var course in queryResponse.Data.Courses)
+            foreach (var course in queryResponse.Data.Courses!)
             {
-                foreach (var submissionsConnection in course.SubmissionsConnection.Nodes)
+                foreach (var submission in course.SubmissionsConnection!.Nodes.Select(static sm => sm.SubmissionsHistories.Nodes
+                                                                                              .Where(static h => h.RubricAssessments.Nodes.Any())
+                                                                                              .MaxBy(static h => h.Attempt)))
                 {
-                    var submission = submissionsConnection.SubmissionsHistories.Nodes
-                        .Where(static h => h.RubricAssessments.Nodes.Any())
-                        .MaxBy(static h => h.Attempt);
-
                     if (submission != null)
                     {
-                        var rubricAssessments = submission.RubricAssessments.Nodes;
+                        var rubricAssessments = submission.RubricAssessments?.Nodes;
 
-                        foreach (var assessmentRating in rubricAssessments.SelectMany(static rubricAssessment => rubricAssessment.AssessmentRatings.Where(static ar =>
+                        foreach (var assessmentRating in rubricAssessments?.SelectMany(static rubricAssessment => rubricAssessment.AssessmentRatings.Where(static ar =>
                                      ar is { Points: not null, Criterion.MasteryPoints: not null, Criterion.Outcome: not null, } && ar.Points >= ar.Criterion.MasteryPoints)))
                         {
                             if (FhictConstants.ProfessionalTasks.TryGetValue(assessmentRating.Criterion.Outcome.Id, out var professionalTask))

Epsilon/Component/KpiMatrixComponentFetcher.cs

@@ -72,14 +72,12 @@ public override async Task<KpiMatrixCollection> Fetch(DateTime startDate, DateTi
 
 
         var assignments = new List<KpiMatrixAssignment>();
-        foreach (var course in outcomes.Data!.Courses!)
+        foreach (var course in outcomes!.Data!.Courses!)
         {
-            foreach (var submissionsConnection in course.SubmissionsConnection!.Nodes)
+            foreach (var submission in course.SubmissionsConnection!.Nodes.Select(sm => sm.SubmissionsHistories.Nodes
+                                                                                          .Where(sub => sub.SubmittedAt > startDate && sub.SubmittedAt < endDate)
+                                                                                          .MaxBy(static h => h.Attempt)))
             {
-                var submission = submissionsConnection.SubmissionsHistories.Nodes
-                    .Where(sub => sub.SubmittedAt > startDate && sub.SubmittedAt < endDate)
-                    .MaxBy(static h => h.Attempt);
-
                 if (submission is
                     {
                         Assignment.Rubric: not null,