feat: create user group model table component

backend/iam/migrations/0002_purge_validator.py

@@ -0,0 +1,28 @@
+# Generated by Django 5.0.2 on 2024-03-05 13:51
+
+from django.db import migrations
+
+def purge_validator(apps, schema_editor):
+    """
+    Purge the validator role since it has been replaced by approver.
+    """
+    UserGroup = apps.get_model("iam", "UserGroup")
+    validator_user_group = UserGroup.objects.filter(name="BI-UG-GVA")
+    if validator_user_group.exists():
+        validator_user_group.delete()
+    Role = apps.get_model("iam", "Role")
+    validator_role = Role.objects.filter(name="BI-RL-VAL")
+    if validator_role.exists():
+        validator_role.delete()
+
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ('iam', '0001_initial'),
+    ]
+
+    operations = [
+        migrations.RunPython(purge_validator),
+    ]

frontend/src/lib/components/ModelTable/ModelTable.svelte

@@ -231,8 +231,6 @@
                   {/if}
                 {:else if value && value.hexcolor}
                   <p class="flex w-fit min-w-24 justify-center px-2 py-1 rounded-md ml-2 whitespace-nowrap" style="background-color: {value.hexcolor}">{value.name ?? value.str ?? '-'}</p>
-				<!-- {:else if value && value.role}
-				  {value.folder} - {localItems(languageTag())[toCamelCase(value.role)]} -->
 				{:else if ISO_8601_REGEX.test(value)}
 					{new Date(value).toLocaleString(languageTag())}
                 {:else}

frontend/src/lib/components/ModelTable/UserGroupNameDisplay.svelte

@@ -0,0 +1,9 @@
+<script lang="ts">
+    import { localItems, toCamelCase } from "$lib/utils/locales";
+    import { languageTag } from "$paraglide/runtime";
+
+    export let cell: { folder: string; role: string };
+    export const meta: any = undefined;
+</script>
+
+<span>{cell.folder} - {localItems(languageTag())[toCamelCase(cell.role)]}</span>

frontend/src/lib/utils/crud.ts

@@ -3,6 +3,7 @@ import { BASE_API_URL } from './constants';
 import EvidenceFilePreview from '$lib/components/ModelTable/EvidenceFilePreview.svelte';
 import LanguageDisplay from '$lib/components/ModelTable/LanguageDisplay.svelte';
 import LibraryActions from '$lib/components/ModelTable/LibraryActions.svelte';
+import UserGroupNameDisplay from '$lib/components/ModelTable/UserGroupNameDisplay.svelte';
 
 type GetOptionsParams = {
 	objects: any[];
@@ -366,6 +367,9 @@ export const FIELD_COMPONENT_MAP = {
 	libraries: {
 		locale: LanguageDisplay,
 		actions: LibraryActions
+	},
+	'user-groups': {
+		'localization_dict': UserGroupNameDisplay
 	}
 };
 

frontend/src/lib/utils/table.ts

@@ -66,7 +66,7 @@ export const listViewFields = {
 	},
 	'user-groups': {
 		head: ['name'],
-		body: ['name'],
+		body: ['localization_dict'],
 		meta: ['id', 'builtin']
 	},
 	roles: {