Show job assignee from quality reports in UI

changelog.d/20240705_121059_mzhiltso_assignee_from_quality_reports_in_ui.md

@@ -0,0 +1,5 @@
+### Changed
+
+- Quality analytics page will now report job assignees from quality reports
+  instead of current job assignees
+  (<https://github.com/cvat-ai/cvat/pull/8123>)

cvat-core/src/quality-report.ts

@@ -3,6 +3,7 @@
 // SPDX-License-Identifier: MIT
 
 import { SerializedQualityReportData } from './server-response-types';
+import User from './user';
 
 export interface QualitySummary {
     frameCount: number;
@@ -36,6 +37,7 @@ export default class QualityReport {
     #target: string;
     #createdDate: string;
     #gtLastUpdated: string;
+    #assignee: User | null;
     #summary: Partial<SerializedQualityReportData['summary']>;
 
     constructor(initialData: SerializedQualityReportData) {
@@ -47,6 +49,12 @@ export default class QualityReport {
         this.#gtLastUpdated = initialData.gt_last_updated;
         this.#createdDate = initialData.created_date;
         this.#summary = initialData.summary;
+
+        if (initialData.assignee) {
+            this.#assignee = new User(initialData.assignee);
+        } else {
+            this.#assignee = null;
+        }
     }
 
     get id(): number {
@@ -77,6 +85,10 @@ export default class QualityReport {
         return this.#createdDate;
     }
 
+    get assignee(): User | null {
+        return this.#assignee;
+    }
+
     get summary(): QualitySummary {
         return {
             frameCount: this.#summary.frame_count,

cvat-core/src/server-response-types.ts

@@ -296,6 +296,7 @@ export interface SerializedQualityReportData {
     target: string;
     created_date?: string;
     gt_last_updated?: string;
+    assignee?: SerializedUser | null;
     summary?: {
         frame_count: number;
         frame_share: number;

cvat-ui/src/components/analytics-page/task-quality/job-list.tsx

@@ -67,12 +67,12 @@ function JobListComponent(props: Props): JSX.Element {
     function collectUsers(path: string): ColumnFilterItem[] {
         return Array.from<string | null>(
             new Set(
-                jobs.map((job: any) => {
-                    if (job[path] === null) {
+                Object.values(jobsReports).map((report: QualityReport) => {
+                    if (report[path] === null) {
                         return null;
                     }
 
-                    return job[path].username;
+                    return report[path].username;
                 }),
             ),
         ).map((value: string | null) => ({ text: value || 'Is Empty', value: value || false }));
@@ -127,8 +127,8 @@ function JobListComponent(props: Props): JSX.Element {
             dataIndex: 'assignee',
             key: 'assignee',
             className: 'cvat-job-item-assignee',
-            render: (jobInstance: any): JSX.Element => (
-                <Text>{jobInstance?.assignee?.username}</Text>
+            render: (report: QualityReport): JSX.Element => (
+                <Text>{report?.assignee?.username}</Text>
             ),
             sorter: sorter('assignee.assignee.username'),
             filters: collectUsers('assignee'),
@@ -232,7 +232,7 @@ function JobListComponent(props: Props): JSX.Element {
             job: job.id,
             download: job,
             stage: job,
-            assignee: job,
+            assignee: report,
             quality: report,
             conflicts: report,
             frame_intersection: report,