Scheme Label Editor & Reference Datatype Widget

arches_lingo/serializers.py

@@ -1,3 +1,7 @@
+from rest_framework.exceptions import ValidationError
+
+from arches_references.models import ListItem
+
 from arches.app.models.models import ResourceInstance, TileModel
 from arches.app.models.serializers import ArchesModelSerializer, ArchesTileSerializer
 
@@ -49,6 +53,35 @@ class Meta:
         root_node = "appellative_status"
         fields = "__all__"
 
+    def validate(self, data):
+        data = super().validate(data)
+        graph_slug = self.Meta.graph_slug
+        PREF_LABEL_LIST_ITEM = ListItem.objects.get(list_item_values__value="prefLabel")
+
+        if data:
+            new_label_language = data["appellative_status_ascribed_name_language"][0]
+            new_label_type = data["appellative_status_ascribed_relation"][0]
+
+            resource_instance_id = self.instance.resourceinstance.pk
+            resource_instance = self.instance.resourceinstance.__class__.as_model(
+                graph_slug, resource_ids=[resource_instance_id]
+            ).get(pk=resource_instance_id)
+            current_labels = resource_instance.appellative_status
+
+            for label in current_labels:
+                label_language = label.appellative_status_ascribed_name_language[0]
+                label_type = label.appellative_status_ascribed_relation[0]
+                if (
+                    data["tileid"] != label.tileid
+                    and new_label_type["uri"] == PREF_LABEL_LIST_ITEM.uri
+                    and label_type["uri"] == PREF_LABEL_LIST_ITEM.uri
+                    and label_language["uri"] == new_label_language["uri"]
+                ):
+                    raise ValidationError(
+                        "A preferred label with the same language already exists for this scheme."
+                    )
+        return data
+
 
 class SchemeNoteSerializer(ArchesModelSerializer):
     class Meta:
@@ -88,3 +121,19 @@ class Meta:
         graph_slug = "concept"
         nodegroups = "__all__"
         fields = "__all__"
+
+
+class PersonRdmSystemSerializer(ArchesModelSerializer):
+    class Meta:
+        model = ResourceInstance
+        graph_slug = "person"
+        nodegroups = "__all__"
+        fields = "__all__"
+
+
+class GroupRdmSystemSerializer(ArchesModelSerializer):
+    class Meta:
+        model = ResourceInstance
+        graph_slug = "group"
+        nodegroups = "__all__"
+        fields = "__all__"

arches_lingo/src/arches_lingo/api.ts

@@ -1,7 +1,6 @@
 import arches from "arches";
 import Cookies from "js-cookie";
-
-import type { SchemeInstance } from "@/arches_lingo/types";
+import type { AppellativeStatus, SchemeInstance } from "@/arches_lingo/types";
 
 function getToken() {
     const token = Cookies.get("csrftoken");
@@ -53,6 +52,20 @@ export const fetchTextualWorkRdmSystemList = async () => {
     return parsed;
 };
 
+export const fetchGroupRdmSystemList = async () => {
+    const response = await fetch(arches.urls.api_group_list);
+    const parsed = await response.json();
+    if (!response.ok) throw new Error(parsed.message || response.statusText);
+    return parsed;
+};
+
+export const fetchPersonRdmSystemList = async () => {
+    const response = await fetch(arches.urls.api_person_list);
+    const parsed = await response.json();
+    if (!response.ok) throw new Error(parsed.message || response.statusText);
+    return parsed;
+};
+
 export const fetchSchemeCreation = async (schemeId: string) => {
     const response = await fetch(arches.urls.api_scheme_creation(schemeId));
     const parsed = await response.json();
@@ -67,6 +80,26 @@ export const fetchSchemeLabel = async (schemeId: string) => {
     return parsed;
 };
 
+export const createSchemeLabel = async (
+    schemeId: string,
+    appellative_status: AppellativeStatus,
+) => {
+    const response = await fetch(arches.urls.api_scheme_label_list_create, {
+        method: "POST",
+        headers: {
+            "X-CSRFTOKEN": getToken(),
+            "Content-Type": "application/json",
+        },
+        body: JSON.stringify({
+            resourceinstance: schemeId,
+            ...appellative_status,
+        }),
+    });
+    const parsed = await response.json();
+    if (!response.ok) throw new Error(parsed.message || response.statusText);
+    return parsed;
+};
+
 export const deleteSchemeLabelTile = async (
     schemeId: string,
     tileId: string,
@@ -87,6 +120,30 @@ export const deleteSchemeLabelTile = async (
     }
 };
 
+export const updateSchemeLabel = async (
+    schemeId: string,
+    tileId: string,
+    appellative_status: AppellativeStatus,
+) => {
+    const response = await fetch(
+        arches.urls.api_scheme_label_tile(schemeId, tileId),
+        {
+            method: "PATCH",
+            headers: {
+                "X-CSRFTOKEN": getToken(),
+                "Content-Type": "application/json",
+            },
+            body: JSON.stringify(appellative_status),
+        },
+    );
+    const parsed = await response.json();
+    if (!response.ok)
+        throw new Error(
+            parsed.non_field_errors || parsed.message || response.statusText,
+        );
+    return parsed;
+};
+
 export const fetchSchemeNotes = async (schemeId: string) => {
     const response = await fetch(arches.urls.api_scheme_note(schemeId));
     const parsed = await response.json();
@@ -193,3 +250,10 @@ export const fetchSchemes = async () => {
     if (!response.ok) throw new Error(parsed.message || response.statusText);
     return parsed;
 };
+
+export const fetchControlledListOptions = async (controlledListId: string) => {
+    const response = await fetch(arches.urls.controlled_list(controlledListId));
+    const parsed = await response.json();
+    if (!response.ok) throw new Error(parsed.message || response.statusText);
+    return parsed;
+};

arches_lingo/src/arches_lingo/components/generic/DateDatatype.vue

@@ -0,0 +1,46 @@
+<script setup lang="ts">
+import DateDatatypeViewer from "@/arches_lingo/components/generic/date-datatype/DateDatatypeViewer.vue";
+import DateDatatypeEditor from "@/arches_lingo/components/generic/date-datatype/DateDatatypeEditor.vue";
+
+import { EDIT, VIEW } from "@/arches_lingo/constants.ts";
+
+import type { DataComponentMode } from "@/arches_lingo/types.ts";
+
+interface Props {
+    dateFormat?: string;
+    mode?: DataComponentMode;
+    value?: string;
+    ptAriaLabeledBy?: string;
+}
+
+withDefaults(defineProps<Props>(), {
+    dateFormat: "yy-mm-dd",
+    mode: VIEW,
+    value: "",
+});
+
+const emits = defineEmits(["update"]);
+
+const onUpdate = (val: string) => {
+    emits("update", val);
+};
+</script>
+
+<template>
+    <div>
+        <div v-if="mode === VIEW">
+            <DateDatatypeViewer
+                :date-format="dateFormat"
+                :value="value"
+            />
+        </div>
+        <div v-if="mode === EDIT">
+            <DateDatatypeEditor
+                :date-format="dateFormat"
+                :value="value"
+                :pt-aria-labeled-by="ptAriaLabeledBy"
+                @update="onUpdate"
+            />
+        </div>
+    </div>
+</template>