From 65e8aeda8562bba89db58f011f6b7d4c237dfbc7 Mon Sep 17 00:00:00 2001
From: Aaron Gundel <aaron.gundel@gmail.com>
Date: Tue, 10 Dec 2024 23:25:00 -0700
Subject: [PATCH 1/3] Adds scheme labels section (re: #146)

---
 arches_lingo/serializers.py                   |  16 ++
 arches_lingo/src/arches_lingo/api.ts          |  21 ++
 .../components/generic/ControlledListItem.vue |   6 +-
 .../generic/ControlledListItemViewer.vue      |   8 -
 .../components/generic/LabelViewer.vue        | 165 ++++++++++++++
 .../components/generic/MetaStringViewer.vue   | 137 ++++++++++++
 .../components/generic/NonLocalizedString.vue |   6 +-
 .../generic/ResourceInstanceRelationships.vue |  10 +-
 .../ResourceInstanceRelationshipsViewer.vue   |  15 --
 .../ControlledListItemViewer.vue              |  28 +++
 .../NonLocalizedStringEditor.vue              |   0
 .../NonLocalizedStringViewer.vue              |   0
 .../ResourceInstanceRelationshipsEditor.vue   |   0
 .../ResourceInstanceRelationshipsViewer.vue   |  31 +++
 .../components/scheme/editor/SchemeEditor.vue |  21 +-
 .../components/scheme/report/SchemeLabel.vue  | 211 ++++++++++++++----
 .../scheme/report/SchemeNamespace.vue         |  54 +++--
 .../scheme/report/SchemeSection.vue           |   5 +-
 .../scheme/report/SchemeStandard.vue          | 108 ++++++---
 arches_lingo/src/arches_lingo/constants.ts    |   1 +
 .../src/arches_lingo/pages/SchemePage.vue     |  23 +-
 arches_lingo/src/arches_lingo/routes.ts       |   2 +-
 arches_lingo/src/arches_lingo/types.ts        |  39 +++-
 arches_lingo/templates/arches_urls.htm        |   6 +-
 arches_lingo/urls.py                          |  12 +
 arches_lingo/views/api/pythonic_models.py     |  12 +
 26 files changed, 798 insertions(+), 139 deletions(-)
 delete mode 100644 arches_lingo/src/arches_lingo/components/generic/ControlledListItemViewer.vue
 create mode 100644 arches_lingo/src/arches_lingo/components/generic/MetaStringViewer.vue
 delete mode 100644 arches_lingo/src/arches_lingo/components/generic/ResourceInstanceRelationshipsViewer.vue
 create mode 100644 arches_lingo/src/arches_lingo/components/generic/controlled-list-item/ControlledListItemViewer.vue
 rename arches_lingo/src/arches_lingo/components/generic/{ => non-localized-string}/NonLocalizedStringEditor.vue (100%)
 rename arches_lingo/src/arches_lingo/components/generic/{ => non-localized-string}/NonLocalizedStringViewer.vue (100%)
 rename arches_lingo/src/arches_lingo/components/generic/{ => resource-instance-relationships}/ResourceInstanceRelationshipsEditor.vue (100%)
 create mode 100644 arches_lingo/src/arches_lingo/components/generic/resource-instance-relationships/ResourceInstanceRelationshipsViewer.vue

diff --git a/arches_lingo/serializers.py b/arches_lingo/serializers.py
index 95ca4f07..d8078f90 100644
--- a/arches_lingo/serializers.py
+++ b/arches_lingo/serializers.py
@@ -34,6 +34,22 @@ class Meta:
         fields = "__all__"
 
 
+class SchemeLabelSerializer(ArchesModelSerializer):
+    class Meta:
+        model = ResourceInstance
+        graph_slug = "scheme"
+        nodegroups = ["appellative_status"]
+        fields = "__all__"
+
+
+class SchemeLabelTileSerializer(ArchesTileSerializer):
+    class Meta:
+        model = TileModel
+        graph_slug = "scheme"
+        root_node = "appellative_status"
+        fields = "__all__"
+
+
 class TextualWorkRdmSystemSerializer(ArchesModelSerializer):
     class Meta:
         model = ResourceInstance
diff --git a/arches_lingo/src/arches_lingo/api.ts b/arches_lingo/src/arches_lingo/api.ts
index 318dfcb3..d28c04d8 100644
--- a/arches_lingo/src/arches_lingo/api.ts
+++ b/arches_lingo/src/arches_lingo/api.ts
@@ -59,6 +59,27 @@ export const fetchSchemeCreation = async (schemeId: string) => {
     return parsed;
 };
 
+export const fetchSchemeLabel = async (schemeId: string) => {
+    const response = await fetch(arches.urls.api_scheme_label(schemeId));
+    const parsed = await response.json();
+    if (!response.ok) throw new Error(parsed.message || response.statusText);
+    return parsed;
+};
+
+export const deleteSchemeLabelTile = async (tileId: string) => {
+    const response = await fetch(arches.urls.api_scheme_label_tile(tileId), {
+        method: "DELETE",
+        headers: { "X-CSRFTOKEN": getToken() },
+    });
+
+    if (!response.ok) {
+        const parsed = await response.json();
+        throw new Error(parsed.message || response.statusText);
+    } else {
+        return true;
+    }
+};
+
 export const updateSchemeCreation = async (
     schemeId: string,
     schemeInstance: SchemeInstance,
diff --git a/arches_lingo/src/arches_lingo/components/generic/ControlledListItem.vue b/arches_lingo/src/arches_lingo/components/generic/ControlledListItem.vue
index 695c0398..2dc64268 100644
--- a/arches_lingo/src/arches_lingo/components/generic/ControlledListItem.vue
+++ b/arches_lingo/src/arches_lingo/components/generic/ControlledListItem.vue
@@ -3,12 +3,12 @@ import type {
     ControlledListItem,
     DataComponentMode,
 } from "@/arches_lingo/types";
-import ControlledListItemViewer from "@/arches_lingo/components/generic/ControlledListItemViewer.vue";
+import ControlledListItemViewer from "@/arches_lingo/components/generic/controlled-list-item/ControlledListItemViewer.vue";
 import { EDIT, VIEW } from "@/arches_lingo/constants.ts";
 
-const { mode = EDIT } = defineProps<{
+const { mode = VIEW } = defineProps<{
     mode?: DataComponentMode;
-    value?: ControlledListItem;
+    value?: ControlledListItem | ControlledListItem[];
 }>();
 defineEmits(["update"]);
 </script>
diff --git a/arches_lingo/src/arches_lingo/components/generic/ControlledListItemViewer.vue b/arches_lingo/src/arches_lingo/components/generic/ControlledListItemViewer.vue
deleted file mode 100644
index 063e6465..00000000
--- a/arches_lingo/src/arches_lingo/components/generic/ControlledListItemViewer.vue
+++ /dev/null
@@ -1,8 +0,0 @@
-<script setup lang="ts">
-import type { ControlledListItem } from "@/arches_lingo/types";
-
-const props = defineProps<{ value?: ControlledListItem }>();
-</script>
-<template>
-    <p>{{ props.value?.labels }}</p>
-</template>
diff --git a/arches_lingo/src/arches_lingo/components/generic/LabelViewer.vue b/arches_lingo/src/arches_lingo/components/generic/LabelViewer.vue
index e69de29b..eea4fb6d 100644
--- a/arches_lingo/src/arches_lingo/components/generic/LabelViewer.vue
+++ b/arches_lingo/src/arches_lingo/components/generic/LabelViewer.vue
@@ -0,0 +1,165 @@
+<script setup lang="ts">
+import { ref } from "vue";
+import { useGettext } from "vue3-gettext";
+import DataTable from "primevue/datatable";
+import Column from "primevue/column";
+import Button from "primevue/button";
+import ConfirmDialog from "primevue/confirmdialog";
+import { useConfirm } from "primevue/useconfirm";
+
+import ControlledListItem from "@/arches_lingo/components/generic/ControlledListItem.vue";
+import ResourceInstanceRelationships from "@/arches_lingo/components/generic/ResourceInstanceRelationships.vue";
+
+import type { AppellativeStatus } from "@/arches_lingo/types";
+
+const { $gettext } = useGettext();
+const confirm = useConfirm();
+
+const props = defineProps<{
+    value?: AppellativeStatus[];
+}>();
+
+const emits = defineEmits(["editLabel", "deleteLabel"]);
+
+const expandedRows = ref([]);
+
+function confirmDelete(tileId: string) {
+    confirm.require({
+        header: $gettext("Confirmation"),
+        message: $gettext("Are you sure you want to delete this label?"),
+        accept: () => {
+            emits("deleteLabel", tileId);
+        },
+        rejectProps: {
+            label: "Cancel",
+            severity: "secondary",
+            outlined: true,
+        },
+        acceptProps: {
+            label: "Delete",
+            severity: "danger",
+        },
+    });
+}
+</script>
+
+<template>
+    <ConfirmDialog
+        :pt="{ root: { style: { fontFamily: 'sans-serif' } } }"
+    ></ConfirmDialog>
+    <DataTable
+        v-model:expanded-rows="expandedRows"
+        :value="props.value"
+        table-style="min-width: 50rem"
+    >
+        <Column
+            expander
+            style="width: 3rem"
+        />
+        <Column
+            field="appellative_status_ascribed_name_content"
+            :header="$gettext('Label')"
+            sortable
+        >
+            <template #body="slotProps">
+                {{
+                    (slotProps.data as AppellativeStatus)
+                        .appellative_status_ascribed_name_content
+                }}
+            </template>
+        </Column>
+        <Column
+            field="appellative_status_ascribed_relation"
+            :header="$gettext('Label Type')"
+            sortable
+        >
+            <template #body="slotProps">
+                <ControlledListItem
+                    :value="
+                        (slotProps.data as AppellativeStatus)
+                            .appellative_status_ascribed_relation
+                    "
+                >
+                </ControlledListItem>
+            </template>
+        </Column>
+        <Column
+            field="appellative_status_ascribed_name_language"
+            :header="$gettext('Label Language')"
+            sortable
+        >
+            <template #body="slotProps">
+                <ControlledListItem
+                    :value="
+                        (slotProps.data as AppellativeStatus)
+                            .appellative_status_ascribed_name_language
+                    "
+                >
+                </ControlledListItem>
+            </template>
+        </Column>
+        <Column>
+            <template #body="slotProps">
+                <div class="controls">
+                    <Button
+                        icon="pi pi-file-edit"
+                        :aria-label="$gettext('edit')"
+                        @click="
+                            () =>
+                                emits(
+                                    'editLabel',
+                                    (slotProps.data as AppellativeStatus)
+                                        .tileid,
+                                )
+                        "
+                    />
+                    <Button
+                        icon="pi pi-trash"
+                        :aria-label="$gettext('delete')"
+                        severity="danger"
+                        outlined
+                        @click="
+                            () =>
+                                confirmDelete(
+                                    (slotProps.data as AppellativeStatus)
+                                        .tileid,
+                                )
+                        "
+                    />
+                </div>
+            </template>
+        </Column>
+        <template #expansion="slotProps">
+            <div class="drawer">
+                <div>
+                    {{ $gettext("Bibliographic Sources") }}:
+                    <ResourceInstanceRelationships
+                        :value="
+                            (slotProps.data as AppellativeStatus)
+                                .appellative_status_data_assignment_object_used
+                        "
+                    ></ResourceInstanceRelationships>
+                </div>
+                <div>
+                    {{ $gettext("Contributors") }}:
+                    <ResourceInstanceRelationships
+                        :value="
+                            (slotProps.data as AppellativeStatus)
+                                .appellative_status_data_assignment_actor
+                        "
+                    ></ResourceInstanceRelationships>
+                </div>
+            </div>
+        </template>
+    </DataTable>
+</template>
+<style scoped>
+.controls {
+    display: flex;
+    flex-direction: row;
+}
+.controls button {
+    margin: 0 0.5rem;
+}
+</style>
+
diff --git a/arches_lingo/src/arches_lingo/components/generic/MetaStringViewer.vue b/arches_lingo/src/arches_lingo/components/generic/MetaStringViewer.vue
new file mode 100644
index 00000000..92cccc2a
--- /dev/null
+++ b/arches_lingo/src/arches_lingo/components/generic/MetaStringViewer.vue
@@ -0,0 +1,137 @@
+<script setup lang="ts">
+import { ref } from "vue";
+import { useGettext } from "vue3-gettext";
+import DataTable from "primevue/datatable";
+import Column from "primevue/column";
+import Button from "primevue/button";
+import ConfirmDialog from "primevue/confirmdialog";
+import { useConfirm } from "primevue/useconfirm";
+
+import type { MetaString, MetaStringText } from "@/arches_lingo/types.ts";
+import { SECONDARY } from "@/arches_lingo/constants.ts";
+import { DANGER } from "@/arches_references/constants.ts";
+
+const { $gettext } = useGettext();
+const expandedRows = ref([]);
+const confirm = useConfirm();
+
+const props = defineProps<{
+    metaStringText: MetaStringText;
+    metaStrings?: object[];
+}>();
+
+const emits = defineEmits(["editString", "deleteString"]);
+
+function confirmDelete(tileId: string) {
+    confirm.require({
+        header: $gettext("Confirmation"),
+        message: props.metaStringText.deleteConfirm,
+        accept: () => {
+            emits("deleteString", tileId);
+        },
+        rejectProps: {
+            label: $gettext("Cancel"),
+            severity: SECONDARY,
+            outlined: true,
+        },
+        acceptProps: {
+            label: $gettext("Delete"),
+            severity: DANGER,
+        },
+    });
+}
+</script>
+
+<template>
+    <ConfirmDialog
+        :pt="{ root: { style: { fontFamily: 'sans-serif' } } }"
+    ></ConfirmDialog>
+    <DataTable
+        v-model:expanded-rows="expandedRows"
+        :value="props.metaStrings"
+    >
+        <Column
+            expander
+            style="width: 3rem"
+        />
+        <Column
+            :header="props.metaStringText.name"
+            sortable
+        >
+            <template #body="slotProps">
+                <slot
+                    name="name"
+                    :row-data="slotProps.data"
+                ></slot>
+            </template>
+        </Column>
+        <Column
+            :header="props.metaStringText.type"
+            sortable
+        >
+            <template #body="slotProps">
+                <slot
+                    name="type"
+                    :row-data="slotProps.data"
+                ></slot>
+            </template>
+        </Column>
+        <Column
+            :header="props.metaStringText.language"
+            sortable
+        >
+            <template #body="slotProps">
+                <slot
+                    name="language"
+                    :row-data="slotProps.data"
+                ></slot>
+            </template>
+        </Column>
+        <Column>
+            <template #body="slotProps">
+                <div class="controls">
+                    <Button
+                        icon="pi pi-file-edit"
+                        :aria-label="$gettext('edit')"
+                        @click="
+                            () =>
+                                emits(
+                                    'editString',
+                                    (slotProps.data as MetaString).tileid,
+                                )
+                        "
+                    />
+                    <Button
+                        icon="pi pi-trash"
+                        :aria-label="$gettext('delete')"
+                        severity="danger"
+                        outlined
+                        @click="
+                            () =>
+                                confirmDelete(
+                                    (slotProps.data as MetaString).tileid,
+                                )
+                        "
+                    />
+                </div>
+            </template>
+        </Column>
+        <template #expansion="slotProps">
+            <div class="drawer">
+                <slot
+                    name="drawer"
+                    :row-data="slotProps.data"
+                ></slot>
+            </div>
+        </template>
+    </DataTable>
+</template>
+<style scoped>
+.controls {
+    display: flex;
+    flex-direction: row;
+}
+.controls button {
+    margin: 0 0.5rem;
+}
+</style>
diff --git a/arches_lingo/src/arches_lingo/components/generic/NonLocalizedString.vue b/arches_lingo/src/arches_lingo/components/generic/NonLocalizedString.vue
index cf2ae836..0f665e19 100644
--- a/arches_lingo/src/arches_lingo/components/generic/NonLocalizedString.vue
+++ b/arches_lingo/src/arches_lingo/components/generic/NonLocalizedString.vue
@@ -1,10 +1,10 @@
 <script setup lang="ts">
-import NonLocalizedStringViewer from "@/arches_lingo/components/generic/NonLocalizedStringViewer.vue";
-import NonLocalizedStringEditor from "@/arches_lingo/components/generic/NonLocalizedStringEditor.vue";
+import NonLocalizedStringViewer from "@/arches_lingo/components/generic/non-localized-string/NonLocalizedStringViewer.vue";
+import NonLocalizedStringEditor from "@/arches_lingo/components/generic/non-localized-string/NonLocalizedStringEditor.vue";
 import type { DataComponentMode } from "@/arches_lingo/types.ts";
 import { EDIT, VIEW } from "@/arches_lingo/constants.ts";
 
-const { mode = EDIT } = defineProps<{
+const { mode = VIEW } = defineProps<{
     mode?: DataComponentMode;
     value?: string;
 }>();
diff --git a/arches_lingo/src/arches_lingo/components/generic/ResourceInstanceRelationships.vue b/arches_lingo/src/arches_lingo/components/generic/ResourceInstanceRelationships.vue
index ea31ac0a..036310d0 100644
--- a/arches_lingo/src/arches_lingo/components/generic/ResourceInstanceRelationships.vue
+++ b/arches_lingo/src/arches_lingo/components/generic/ResourceInstanceRelationships.vue
@@ -1,13 +1,13 @@
 <script setup lang="ts">
-import ResourceInstanceRelationshipsViewer from "@/arches_lingo/components/generic/ResourceInstanceRelationshipsViewer.vue";
-import ResourceInstanceRelationshipsEditor from "@/arches_lingo/components/generic/ResourceInstanceRelationshipsEditor.vue";
+import ResourceInstanceRelationshipsViewer from "@/arches_lingo/components/generic/resource-instance-relationships/ResourceInstanceRelationshipsViewer.vue";
+import ResourceInstanceRelationshipsEditor from "@/arches_lingo/components/generic/resource-instance-relationships/ResourceInstanceRelationshipsEditor.vue";
 import { EDIT, VIEW } from "@/arches_lingo/constants.ts";
 import type {
     DataComponentMode,
     ResourceInstanceReference,
 } from "@/arches_lingo/types";
 
-const { mode = EDIT } = defineProps<{
+const { mode = VIEW } = defineProps<{
     mode?: DataComponentMode;
     value?: ResourceInstanceReference[];
     options?: ResourceInstanceReference[];
@@ -26,7 +26,9 @@ function onUpdate(val: string[]) {
     <div v-if="mode === EDIT">
         <ResourceInstanceRelationshipsEditor
             :options="options"
-            :val="value?.map((x) => x.resourceId) ?? []"
+            :val="
+                value?.map((referenceValue) => referenceValue.resourceId) ?? []
+            "
             @update="onUpdate"
         />
     </div>
diff --git a/arches_lingo/src/arches_lingo/components/generic/ResourceInstanceRelationshipsViewer.vue b/arches_lingo/src/arches_lingo/components/generic/ResourceInstanceRelationshipsViewer.vue
deleted file mode 100644
index cc9cdd02..00000000
--- a/arches_lingo/src/arches_lingo/components/generic/ResourceInstanceRelationshipsViewer.vue
+++ /dev/null
@@ -1,15 +0,0 @@
-<script setup lang="ts">
-import type { ResourceInstanceReference } from "@/arches_lingo/types";
-
-const props = defineProps<{ value?: ResourceInstanceReference[] }>();
-</script>
-<template>
-    <div v-if="props.value">
-        <div
-            v-for="val in props.value"
-            :key="val.resourceXresourceId"
-        >
-            {{ val.display_value }}
-        </div>
-    </div>
-</template>
diff --git a/arches_lingo/src/arches_lingo/components/generic/controlled-list-item/ControlledListItemViewer.vue b/arches_lingo/src/arches_lingo/components/generic/controlled-list-item/ControlledListItemViewer.vue
new file mode 100644
index 00000000..a863750f
--- /dev/null
+++ b/arches_lingo/src/arches_lingo/components/generic/controlled-list-item/ControlledListItemViewer.vue
@@ -0,0 +1,28 @@
+<script setup lang="ts">
+import type { ControlledListItem } from "@/arches_lingo/types";
+
+withDefaults(
+    defineProps<{
+        value?: ControlledListItem[] | ControlledListItem;
+    }>(),
+    {
+        value: () => [],
+    },
+);
+</script>
+<template>
+    <span v-if="value instanceof Array">
+        <span
+            v-for="val in value"
+            :key="val.list_id"
+        >
+            <span>{{ val.labels[0].value }}</span>
+        </span>
+    </span>
+    <span v-else-if="value">
+        <span>{{ (value as ControlledListItem).labels[0].value }}</span>
+    </span>
+    <span v-else>
+        <span>{{ $gettext("None") }}</span>
+    </span>
+</template>
diff --git a/arches_lingo/src/arches_lingo/components/generic/NonLocalizedStringEditor.vue b/arches_lingo/src/arches_lingo/components/generic/non-localized-string/NonLocalizedStringEditor.vue
similarity index 100%
rename from arches_lingo/src/arches_lingo/components/generic/NonLocalizedStringEditor.vue
rename to arches_lingo/src/arches_lingo/components/generic/non-localized-string/NonLocalizedStringEditor.vue
diff --git a/arches_lingo/src/arches_lingo/components/generic/NonLocalizedStringViewer.vue b/arches_lingo/src/arches_lingo/components/generic/non-localized-string/NonLocalizedStringViewer.vue
similarity index 100%
rename from arches_lingo/src/arches_lingo/components/generic/NonLocalizedStringViewer.vue
rename to arches_lingo/src/arches_lingo/components/generic/non-localized-string/NonLocalizedStringViewer.vue
diff --git a/arches_lingo/src/arches_lingo/components/generic/ResourceInstanceRelationshipsEditor.vue b/arches_lingo/src/arches_lingo/components/generic/resource-instance-relationships/ResourceInstanceRelationshipsEditor.vue
similarity index 100%
rename from arches_lingo/src/arches_lingo/components/generic/ResourceInstanceRelationshipsEditor.vue
rename to arches_lingo/src/arches_lingo/components/generic/resource-instance-relationships/ResourceInstanceRelationshipsEditor.vue
diff --git a/arches_lingo/src/arches_lingo/components/generic/resource-instance-relationships/ResourceInstanceRelationshipsViewer.vue b/arches_lingo/src/arches_lingo/components/generic/resource-instance-relationships/ResourceInstanceRelationshipsViewer.vue
new file mode 100644
index 00000000..f5757350
--- /dev/null
+++ b/arches_lingo/src/arches_lingo/components/generic/resource-instance-relationships/ResourceInstanceRelationshipsViewer.vue
@@ -0,0 +1,31 @@
+<script setup lang="ts">
+import { useGettext } from "vue3-gettext";
+import arches from "arches";
+import type { ResourceInstanceReference } from "@/arches_lingo/types";
+
+const { $gettext } = useGettext();
+
+withDefaults(defineProps<{ value?: ResourceInstanceReference[] }>(), {
+    value: (): ResourceInstanceReference[] => [],
+});
+</script>
+<template>
+    <span v-if="value">
+        <span
+            v-for="val in value"
+            :key="val.resourceXresourceId"
+            class="resource-instance-relationship-view"
+        >
+            <a :href="`${arches.urls.resource_editor}${val.resourceId}`">
+                {{ val.display_value }}
+            </a>
+        </span>
+    </span>
+    <span v-else>{{ $gettext("None") }}</span>
+</template>
+
+<style scoped>
+.resource-instance-relationship-view {
+    padding: 0 0.25rem;
+}
+</style>
diff --git a/arches_lingo/src/arches_lingo/components/scheme/editor/SchemeEditor.vue b/arches_lingo/src/arches_lingo/components/scheme/editor/SchemeEditor.vue
index 11ca725a..b8cf522f 100644
--- a/arches_lingo/src/arches_lingo/components/scheme/editor/SchemeEditor.vue
+++ b/arches_lingo/src/arches_lingo/components/scheme/editor/SchemeEditor.vue
@@ -1,4 +1,5 @@
 <script setup lang="ts">
+import { onBeforeUpdate, onUpdated, ref } from "vue";
 import { useGettext } from "vue3-gettext";
 import Button from "primevue/button";
 
@@ -7,19 +8,25 @@ import TabList from "primevue/tablist";
 import Tab from "primevue/tab";
 import TabPanels from "primevue/tabpanels";
 import TabPanel from "primevue/tabpanel";
-import SchemeNamespace from "../report/SchemeNamespace.vue";
-import { onBeforeUpdate, onUpdated, ref } from "vue";
-import SchemeStandard from "../report/SchemeStandard.vue";
-type sectionTypes = typeof SchemeNamespace;
+import SchemeNamespace from "@/arches_lingo/components/scheme/report/SchemeNamespace.vue";
+import SchemeStandard from "@/arches_lingo/components/scheme/report/SchemeStandard.vue";
+import SchemeLabel from "@/arches_lingo/components/scheme/report/SchemeLabel.vue";
+import type { SectionTypes } from "@/arches_lingo/types.ts";
 
 const { $gettext } = useGettext();
 const EDIT = "edit";
 const props = defineProps<{
     editorMax: boolean;
     activeTab: string;
+    tileId?: string;
 }>();
-const childRefs = ref<Array<sectionTypes>>([]);
+const childRefs = ref<Array<SectionTypes>>([]);
 const schemeComponents = [
+    {
+        component: SchemeLabel,
+        id: "label",
+        editorTabName: $gettext("Scheme Label"),
+    },
     {
         component: SchemeNamespace,
         id: "namespace",
@@ -47,7 +54,7 @@ function toggleSize() {
 }
 
 function getRef(el: object | null, index: number) {
-    if (el != null) childRefs.value[index] = el as sectionTypes;
+    if (el != null) childRefs.value[index] = el as SectionTypes;
 }
 
 async function updateScheme() {
@@ -111,7 +118,7 @@ async function updateScheme() {
                     <TabPanel :value="component.id">
                         <component
                             :is="component.component"
-                            v-bind="{ mode: EDIT }"
+                            v-bind="{ mode: EDIT, tileId: props.tileId }"
                             :ref="(el) => getRef(el, index)"
                             v-on="{ updated: onUpdated }"
                         />
diff --git a/arches_lingo/src/arches_lingo/components/scheme/report/SchemeLabel.vue b/arches_lingo/src/arches_lingo/components/scheme/report/SchemeLabel.vue
index 6b1070db..f6342444 100644
--- a/arches_lingo/src/arches_lingo/components/scheme/report/SchemeLabel.vue
+++ b/arches_lingo/src/arches_lingo/components/scheme/report/SchemeLabel.vue
@@ -1,54 +1,177 @@
 <script setup lang="ts">
 import { useGettext } from "vue3-gettext";
+import { onMounted, ref } from "vue";
+import { useRoute } from "vue-router";
+
+import { VIEW, EDIT, OPEN_EDITOR, ERROR } from "@/arches_lingo/constants.ts";
+import type {
+    AppellativeStatus,
+    DataComponentMode,
+    MetaStringText,
+    SchemeInstance,
+} from "@/arches_lingo/types.ts";
+import { deleteSchemeLabelTile, fetchSchemeLabel } from "@/arches_lingo/api.ts";
 import SchemeReportSection from "@/arches_lingo/components/scheme/report/SchemeSection.vue";
-import { ref } from "vue";
-import DataTable from "primevue/datatable";
-import Column from "primevue/column";
-const labels = ref([
-    {
-        code: "1",
-        name: "label 1",
-        category: "category 1",
-        quantity: "1",
-    },
-    {
-        code: "2",
-        name: "label 2",
-        category: "category 2",
-        quantity: "2",
-    },
+import MetaStringViewer from "@/arches_lingo/components/generic/MetaStringViewer.vue";
+import ResourceInstanceRelationships from "@/arches_lingo/components/generic/ResourceInstanceRelationships.vue";
+import ControlledListItem from "@/arches_lingo/components/generic/ControlledListItem.vue";
+import { useToast } from "primevue/usetoast";
+
+const schemeInstance = ref<SchemeInstance>();
+const { $gettext } = useGettext();
+const toast = useToast();
+const route = useRoute();
+const metaStringLabel: MetaStringText = {
+    deleteConfirm: $gettext("Are you sure you want to delete this label?"),
+    language: $gettext("Label Language"),
+    name: $gettext("Label Name"),
+    type: $gettext("Label Type"),
+};
+
+withDefaults(
+    defineProps<{
+        mode?: DataComponentMode;
+        tileId?: string | null;
+    }>(),
     {
-        code: "3",
-        name: "label 3",
-        category: "category 3",
-        quantity: "3",
+        mode: VIEW,
+        tileId: null, // editor arg specifying what tile to operate on.
     },
-]);
-const { $gettext } = useGettext();
+);
+
+defineExpose({ save, getSectionValue });
+
+const emits = defineEmits([OPEN_EDITOR]);
+
+onMounted(() => {
+    getSectionValue();
+});
+
+async function getSectionValue() {
+    try {
+        const result = await fetchSchemeLabel(route.params.id as string);
+        schemeInstance.value = {
+            appellative_status: result.appellative_status,
+        };
+    } catch (error) {
+        toast.add({
+            severity: ERROR,
+            summary: $gettext("Error"),
+            detail:
+                error instanceof Error
+                    ? error.message
+                    : $gettext("Could not fetch the labels for the resource"),
+        });
+    }
+}
+
+async function deleteSectionValue(tileId: string) {
+    let result = false;
+    try {
+        result = await deleteSchemeLabelTile(tileId);
+    } catch (error) {
+        toast.add({
+            severity: ERROR,
+            summary: $gettext("Error"),
+            detail:
+                error instanceof Error
+                    ? error.message
+                    : $gettext("Could not delete selected label"),
+        });
+    }
+
+    if (result) {
+        getSectionValue();
+    }
+}
+
+function editSectionValue(tileId: string) {
+    const appellativeStatus = schemeInstance.value?.appellative_status?.find(
+        (tile) => tile.tileid === tileId,
+    );
+    if (appellativeStatus && appellativeStatus.tileid === tileId) {
+        emits(OPEN_EDITOR, appellativeStatus.tileid);
+    } else {
+        toast.add({
+            severity: ERROR,
+            summary: $gettext("Error"),
+            detail: $gettext("Could not find the selected label to edit"),
+        });
+    }
+}
+
+async function save() {
+    // todo for Johnathan.  This function will save the values of the form back to arches.
+}
+
+// async function update() {
+//     // todo for Johnathan.  This function will handle the update emit when the user changes values in your form - you store those values in this section.
+// }
 </script>
 
 <template>
-    <SchemeReportSection :title-text="$gettext('Scheme Labels')">
-        <DataTable
-            :value="labels"
-            table-style="min-width: 50rem"
+    <div v-if="mode === VIEW">
+        <SchemeReportSection
+            :title-text="$gettext('Scheme Labels')"
+            @open-editor="emits(OPEN_EDITOR)"
         >
-            <Column
-                field="code"
-                header="Code"
-            ></Column>
-            <Column
-                field="name"
-                header="Name"
-            ></Column>
-            <Column
-                field="category"
-                header="Category"
-            ></Column>
-            <Column
-                field="quantity"
-                header="Quantity"
-            ></Column>
-        </DataTable>
-    </SchemeReportSection>
+            <MetaStringViewer
+                :meta-strings="schemeInstance?.appellative_status"
+                :meta-string-text="metaStringLabel"
+                @edit-string="editSectionValue"
+                @delete-string="deleteSectionValue"
+            >
+                <template #name="{ rowData }">
+                    {{
+                        (rowData as AppellativeStatus)
+                            .appellative_status_ascribed_name_content
+                    }}
+                </template>
+                <template #type="{ rowData }">
+                    <ControlledListItem
+                        :value="
+                            (rowData as AppellativeStatus)
+                                .appellative_status_ascribed_relation
+                        "
+                    >
+                    </ControlledListItem>
+                </template>
+                <template #language="{ rowData }">
+                    <ControlledListItem
+                        :value="
+                            (rowData as AppellativeStatus)
+                                .appellative_status_ascribed_name_language
+                        "
+                    >
+                    </ControlledListItem>
+                </template>
+                <template #drawer="{ rowData }">
+                    <div>
+                        {{ $gettext("Bibliographic Sources") }}:
+                        <ResourceInstanceRelationships
+                            :value="
+                                (rowData as AppellativeStatus)
+                                    .appellative_status_data_assignment_object_used
+                            "
+                        ></ResourceInstanceRelationships>
+                    </div>
+                    <div>
+                        {{ $gettext("Contributors") }}:
+                        <ResourceInstanceRelationships
+                            :value="
+                                (rowData as AppellativeStatus)
+                                    .appellative_status_data_assignment_actor
+                            "
+                        ></ResourceInstanceRelationships>
+                    </div>
+                </template>
+            </MetaStringViewer>
+        </SchemeReportSection>
+    </div>
+    <div v-if="mode === EDIT"><!-- todo for Johnathan-->abc</div>
 </template>
+<style scoped>
+:deep(.drawer) {
+    padding: 1rem 2rem;
+}
+</style>
diff --git a/arches_lingo/src/arches_lingo/components/scheme/report/SchemeNamespace.vue b/arches_lingo/src/arches_lingo/components/scheme/report/SchemeNamespace.vue
index c5b01449..a4733ba5 100644
--- a/arches_lingo/src/arches_lingo/components/scheme/report/SchemeNamespace.vue
+++ b/arches_lingo/src/arches_lingo/components/scheme/report/SchemeNamespace.vue
@@ -14,17 +14,19 @@ import type {
     SchemeNamespaceUpdate,
     SchemeInstance,
 } from "@/arches_lingo/types";
-import { VIEW, EDIT } from "@/arches_lingo/constants.ts";
+import { VIEW, EDIT, OPEN_EDITOR, ERROR } from "@/arches_lingo/constants.ts";
+import { useToast } from "primevue/usetoast";
 
+const toast = useToast();
 const { $gettext } = useGettext();
-const schemeNamespace = ref<SchemeInstance>();
+const schemeInstance = ref<SchemeInstance>();
 const route = useRoute();
 
 defineProps<{
     mode?: DataComponentMode;
 }>();
 
-defineEmits(["openEditor"]);
+defineEmits([OPEN_EDITOR]);
 
 defineExpose({ save, getSectionValue });
 
@@ -33,19 +35,45 @@ onMounted(async () => {
 });
 
 async function save() {
-    await updateSchemeNamespace(
-        route.params.id as string,
-        schemeNamespace.value as SchemeInstance,
-    );
+    try {
+        await updateSchemeNamespace(
+            route.params.id as string,
+            schemeInstance.value as SchemeInstance,
+        );
+    } catch (error) {
+        toast.add({
+            severity: ERROR,
+            summary: $gettext("Error"),
+            detail:
+                error instanceof Error
+                    ? error.message
+                    : $gettext(
+                          "Could not update the namespace for the resource",
+                      ),
+        });
+    }
 }
 
 async function getSectionValue() {
-    const response = await fetchSchemeNamespace(route.params.id as string);
-    schemeNamespace.value = response;
+    try {
+        const response = await fetchSchemeNamespace(route.params.id as string);
+        schemeInstance.value = response;
+    } catch (error) {
+        toast.add({
+            severity: ERROR,
+            summary: $gettext("Error"),
+            detail:
+                error instanceof Error
+                    ? error.message
+                    : $gettext(
+                          "Could not fetch the namespace for the resource",
+                      ),
+        });
+    }
 }
 
 function onNamespaceNameUpdate(val: string) {
-    const namespaceValue = schemeNamespace.value as SchemeNamespaceUpdate;
+    const namespaceValue = schemeInstance.value as SchemeNamespaceUpdate;
     if (!namespaceValue?.namespace) {
         namespaceValue.namespace = {
             namespace_name: val,
@@ -63,10 +91,10 @@ function onNamespaceNameUpdate(val: string) {
         <div v-if="!mode || mode === VIEW">
             <SchemeReportSection
                 :title-text="$gettext('Scheme Namespace')"
-                @open-editor="$emit('openEditor')"
+                @open-editor="$emit(OPEN_EDITOR)"
             >
                 <NonLocalizedString
-                    :value="schemeNamespace?.namespace?.namespace_name"
+                    :value="schemeInstance?.namespace?.namespace_name"
                     :mode="VIEW"
                 />
                 <!-- Discussion of namespace_type indicated it should not be displayed or edited manually,
@@ -75,7 +103,7 @@ function onNamespaceNameUpdate(val: string) {
         </div>
         <div v-if="mode === EDIT">
             <NonLocalizedString
-                :value="schemeNamespace?.namespace?.namespace_name ?? ''"
+                :value="schemeInstance?.namespace?.namespace_name ?? ''"
                 :mode="EDIT"
                 @update="onNamespaceNameUpdate"
             />
diff --git a/arches_lingo/src/arches_lingo/components/scheme/report/SchemeSection.vue b/arches_lingo/src/arches_lingo/components/scheme/report/SchemeSection.vue
index 04fc97da..f570f689 100644
--- a/arches_lingo/src/arches_lingo/components/scheme/report/SchemeSection.vue
+++ b/arches_lingo/src/arches_lingo/components/scheme/report/SchemeSection.vue
@@ -1,8 +1,9 @@
 <script setup lang="ts">
 import { useGettext } from "vue3-gettext";
 import Button from "primevue/button";
+import { OPEN_EDITOR } from "@/arches_lingo/constants.ts";
 
-defineEmits(["openEditor"]);
+defineEmits([OPEN_EDITOR]);
 
 const { $gettext } = useGettext();
 const props = defineProps<{
@@ -17,7 +18,7 @@ const props = defineProps<{
             <div>
                 <Button
                     :label="$gettext(`Add ${props.titleText}`)"
-                    @click="$emit('openEditor')"
+                    @click="$emit(OPEN_EDITOR)"
                 ></Button>
             </div>
         </div>
diff --git a/arches_lingo/src/arches_lingo/components/scheme/report/SchemeStandard.vue b/arches_lingo/src/arches_lingo/components/scheme/report/SchemeStandard.vue
index ea457ba1..9c382e1b 100644
--- a/arches_lingo/src/arches_lingo/components/scheme/report/SchemeStandard.vue
+++ b/arches_lingo/src/arches_lingo/components/scheme/report/SchemeStandard.vue
@@ -15,21 +15,28 @@ import {
     updateSchemeCreation,
 } from "@/arches_lingo/api.ts";
 import ResourceInstanceRelationships from "../../generic/ResourceInstanceRelationships.vue";
-import { selectedLanguageKey, VIEW, EDIT } from "@/arches_lingo/constants.ts";
+import {
+    selectedLanguageKey,
+    VIEW,
+    EDIT,
+    OPEN_EDITOR,
+    ERROR,
+} from "@/arches_lingo/constants.ts";
 import type { Language } from "@/arches_vue_utils/types.ts";
+import { useToast } from "primevue/usetoast";
 
-const OPEN_EDITOR = "openEditor";
+const toast = useToast();
 const schemeInstance = ref<SchemeInstance>();
 const textualWorkOptions = ref<ResourceInstanceReference[]>();
 const route = useRoute();
 const selectedLanguage = inject(selectedLanguageKey) as Ref<Language>;
 const { $gettext } = useGettext();
 
-defineProps<{
+const { mode = VIEW } = defineProps<{
     mode?: DataComponentMode;
 }>();
 
-const emits = defineEmits(["openEditor"]);
+const emits = defineEmits([OPEN_EDITOR]);
 
 defineExpose({ save, getSectionValue });
 
@@ -52,34 +59,83 @@ async function getOptions(): Promise<ResourceInstanceReference[]> {
 }
 
 async function save() {
-    await updateSchemeCreation(
-        route.params.id as string,
-        schemeInstance.value as SchemeInstance,
-    );
+    try {
+        await updateSchemeCreation(
+            route.params.id as string,
+            schemeInstance.value as SchemeInstance,
+        );
+    } catch (error) {
+        toast.add({
+            severity: ERROR,
+            summary: $gettext("Error"),
+            detail:
+                error instanceof Error
+                    ? error.message
+                    : $gettext("Could not save the scheme standard"),
+        });
+    }
 
     getSectionValue();
 }
 
-async function getSectionValue() {
-    const options = !textualWorkOptions.value
-        ? await getOptions()
-        : textualWorkOptions.value;
+async function getCachedOptions(): Promise<
+    ResourceInstanceReference[] | undefined
+> {
+    try {
+        const options = !textualWorkOptions.value
+            ? await getOptions()
+            : textualWorkOptions.value;
 
-    const scheme = await fetchSchemeCreation(route.params.id as string);
+        return options;
+    } catch (error) {
+        toast.add({
+            severity: ERROR,
+            summary: $gettext("Error"),
+            detail:
+                error instanceof Error
+                    ? error.message
+                    : $gettext("Could not fetch options for the standard"),
+        });
+    }
+}
 
-    const hydratedResults = options.map((option) => {
-        const savedSource = scheme.creation?.creation_sources.find(
-            (source: ResourceInstanceReference) =>
-                source.resourceId === option.resourceId,
-        );
-        if (savedSource) {
-            return savedSource;
-        } else {
-            return option;
-        }
-    });
-    textualWorkOptions.value = hydratedResults;
-    schemeInstance.value = scheme;
+async function setSchemeInstance(
+    options: ResourceInstanceReference[] | undefined,
+) {
+    try {
+        const scheme = await fetchSchemeCreation(route.params.id as string);
+
+        const hydratedResults = options?.map((option) => {
+            const savedSource = scheme.creation?.creation_sources.find(
+                (source: ResourceInstanceReference) =>
+                    source.resourceId === option.resourceId,
+            );
+            if (savedSource) {
+                return savedSource;
+            } else {
+                return option;
+            }
+        });
+        textualWorkOptions.value = hydratedResults;
+        schemeInstance.value = scheme;
+    } catch (error) {
+        toast.add({
+            severity: ERROR,
+            summary: $gettext("Error"),
+            detail:
+                error instanceof Error
+                    ? error.message
+                    : $gettext("Could not fetch the scheme standard"),
+        });
+    }
+}
+
+async function getSectionValue() {
+    const options = await getCachedOptions();
+
+    if (options) {
+        await setSchemeInstance(options);
+    }
 }
 
 function onCreationUpdate(val: string[]) {
diff --git a/arches_lingo/src/arches_lingo/constants.ts b/arches_lingo/src/arches_lingo/constants.ts
index 28f684f6..a197c2a7 100644
--- a/arches_lingo/src/arches_lingo/constants.ts
+++ b/arches_lingo/src/arches_lingo/constants.ts
@@ -8,6 +8,7 @@ export const SECONDARY = "secondary";
 export const CONTRAST = "contrast";
 export const EDIT = "edit";
 export const VIEW = "view";
+export const OPEN_EDITOR = "openEditor";
 
 export const DEFAULT_ERROR_TOAST_LIFE = 8000;
 export const SEARCH_RESULTS_PER_PAGE = 25;
diff --git a/arches_lingo/src/arches_lingo/pages/SchemePage.vue b/arches_lingo/src/arches_lingo/pages/SchemePage.vue
index 77b7f925..851007c5 100644
--- a/arches_lingo/src/arches_lingo/pages/SchemePage.vue
+++ b/arches_lingo/src/arches_lingo/pages/SchemePage.vue
@@ -2,23 +2,21 @@
 import { ref } from "vue";
 import Splitter from "primevue/splitter";
 import SplitterPanel from "primevue/splitterpanel";
+import SchemeLabel from "@/arches_lingo/components/scheme/report/SchemeLabel.vue";
 import SchemeLicense from "@/arches_lingo/components/scheme/report/SchemeLicense.vue";
 import SchemeNote from "@/arches_lingo/components/scheme/report/SchemeNote.vue";
 import SchemeNamespace from "@/arches_lingo/components/scheme/report/SchemeNamespace.vue";
 import SchemeStandard from "@/arches_lingo/components/scheme/report/SchemeStandard.vue";
 import SchemeAuthority from "@/arches_lingo/components/scheme/report/SchemeAuthority.vue";
 import SchemeEditor from "@/arches_lingo/components/scheme/editor/SchemeEditor.vue";
+import type { SectionTypes } from "@/arches_lingo/types.ts";
 
 const editorVisible = ref(false);
 const sectionVisible = ref(true);
 const editorTab = ref<string>();
-type sectionTypes =
-    | typeof SchemeNamespace
-    | typeof SchemeLicense
-    | typeof SchemeStandard
-    | typeof SchemeAuthority
-    | typeof SchemeNote;
-const childRefs = ref<Array<sectionTypes>>([]);
+const editorTileId = ref<string>();
+
+const childRefs = ref<Array<SectionTypes>>([]);
 const onMaximize = () => {
     editorVisible.value = true;
     sectionVisible.value = false;
@@ -35,10 +33,11 @@ const onClose = () => {
     sectionVisible.value = true;
 };
 
-const onOpenEditor = (tab: string) => {
+const onOpenEditor = (tab: string, tileId: string) => {
     editorTab.value = tab;
     editorVisible.value = true;
     sectionVisible.value = true;
+    editorTileId.value = tileId;
 };
 const onUpdated = () => {
     childRefs.value.forEach((ref) => {
@@ -47,6 +46,7 @@ const onUpdated = () => {
 };
 
 const components = [
+    { component: SchemeLabel, id: "label", props: {} },
     { component: SchemeNote, id: "note", props: {} },
     { component: SchemeAuthority, id: "authority", props: {} },
     { component: SchemeStandard, id: "standard", props: {} },
@@ -55,7 +55,7 @@ const components = [
 ];
 
 const getRef = (el: object | null, index: number) => {
-    if (el != null) childRefs.value[index] = el as sectionTypes;
+    if (el != null) childRefs.value[index] = el as SectionTypes;
 };
 </script>
 
@@ -74,7 +74,9 @@ const getRef = (el: object | null, index: number) => {
                     :is="component.component"
                     :ref="(el) => getRef(el, index)"
                     v-bind="component.props"
-                    @open-editor="onOpenEditor(component.id)"
+                    @open-editor="
+                        (tileId: string) => onOpenEditor(component.id, tileId)
+                    "
                 />
             </template>
         </SplitterPanel>
@@ -87,6 +89,7 @@ const getRef = (el: object | null, index: number) => {
                 v-if="editorTab"
                 :editor-max="sectionVisible"
                 :active-tab="editorTab"
+                :tile-id="editorTileId"
                 @maximize="onMaximize"
                 @side="onSide"
                 @close="onClose"
diff --git a/arches_lingo/src/arches_lingo/routes.ts b/arches_lingo/src/arches_lingo/routes.ts
index a8d0cdab..11fc9608 100644
--- a/arches_lingo/src/arches_lingo/routes.ts
+++ b/arches_lingo/src/arches_lingo/routes.ts
@@ -55,7 +55,7 @@ export const routes = [
         component: () => import("@/arches_lingo/pages/SchemePage.vue"),
         meta: {
             shouldShowNavigation: true,
-            shouldShowHierarchy: true,
+            shouldShowHierarchy: false,
             requiresAuthentication: true,
         },
     },
diff --git a/arches_lingo/src/arches_lingo/types.ts b/arches_lingo/src/arches_lingo/types.ts
index 6e7f751c..7a0721c9 100644
--- a/arches_lingo/src/arches_lingo/types.ts
+++ b/arches_lingo/src/arches_lingo/types.ts
@@ -1,7 +1,13 @@
 import type { Ref } from "vue";
 import type { TreeNode } from "primevue/treenode";
 import type { Label } from "@/arches_vue_utils/types.ts";
-import type { EDIT, VIEW } from "./constants";
+import SchemeLabel from "@/arches_lingo/components/scheme/report/SchemeLabel.vue";
+import SchemeNamespace from "@/arches_lingo/components/scheme/report/SchemeNamespace.vue";
+import SchemeLicense from "@/arches_lingo/components/scheme/report/SchemeLicense.vue";
+import SchemeStandard from "@/arches_lingo/components/scheme/report/SchemeStandard.vue";
+import SchemeAuthority from "@/arches_lingo/components/scheme/report/SchemeAuthority.vue";
+import SchemeNote from "@/arches_lingo/components/scheme/report/SchemeNote.vue";
+import type { EDIT, VIEW } from "@/constants.ts";
 
 export interface User {
     first_name: string;
@@ -63,6 +69,14 @@ interface ControlledListItemValue {
     value: string;
 }
 
+export type SectionTypes =
+    | typeof SchemeLabel
+    | typeof SchemeNamespace
+    | typeof SchemeLicense
+    | typeof SchemeStandard
+    | typeof SchemeAuthority
+    | typeof SchemeNote;
+
 export type DataComponentMode = typeof EDIT | typeof VIEW;
 
 export interface SchemeNamespaceUpdate {
@@ -72,6 +86,28 @@ export interface SchemeNamespaceUpdate {
     };
 }
 
+export interface MetaString {
+    tileid: string;
+}
+
+export interface MetaStringText {
+    name: string;
+    type: string;
+    language: string;
+    deleteConfirm: string;
+}
+
+export interface AppellativeStatus {
+    tileid: string;
+    appellative_status_ascribed_name_content: string;
+    appellative_status_ascribed_name_language?: ControlledListItem[];
+    appellative_status_ascribed_relation?: ControlledListItem[];
+    appellative_status_status_metatype?: ControlledListItem[];
+    appellative_status_status?: ControlledListItem[];
+    appellative_status_data_assignment_object_used: ResourceInstanceReference[];
+    appellative_status_data_assignment_actor: ResourceInstanceReference[];
+}
+
 export interface SchemeInstance {
     namespace?: {
         namespace_name: string;
@@ -80,6 +116,7 @@ export interface SchemeInstance {
     creation?: {
         creation_sources: ResourceInstanceReference[];
     };
+    appellative_status?: AppellativeStatus[];
 }
 
 export interface SchemeResource {
diff --git a/arches_lingo/templates/arches_urls.htm b/arches_lingo/templates/arches_urls.htm
index cbca5c15..b99e62b1 100644
--- a/arches_lingo/templates/arches_urls.htm
+++ b/arches_lingo/templates/arches_urls.htm
@@ -9,9 +9,11 @@
 <div class="arches-urls"
     api_concepts="{% url 'api-concepts' %}"
     api_search="{% url 'api-search' %}"
-    api_uri_namespace='(pluginid)=>{return "{% url "api-uri-components" "aaaaaaaa-aaaa-aaaa-aaaa-aaaaaaaaaaaa" %}".replace("aaaaaaaa-aaaa-aaaa-aaaa-aaaaaaaaaaaa", pluginid)}'
+    api_uri_namespace='(resourceid)=>{return "{% url "api-uri-components" "aaaaaaaa-aaaa-aaaa-aaaa-aaaaaaaaaaaa" %}".replace("aaaaaaaa-aaaa-aaaa-aaaa-aaaaaaaaaaaa", resourceid)}'
     api_schemes="{% url 'schemes-list-create' %}"
-    api_scheme_creation='(pluginid)=>{return "{% url "api-scheme-creation" "aaaaaaaa-aaaa-aaaa-aaaa-aaaaaaaaaaaa" %}".replace("aaaaaaaa-aaaa-aaaa-aaaa-aaaaaaaaaaaa", pluginid)}'
+    api_scheme_label='(resourceid)=>{return "{% url "api-scheme-label" "aaaaaaaa-aaaa-aaaa-aaaa-aaaaaaaaaaaa" %}".replace("aaaaaaaa-aaaa-aaaa-aaaa-aaaaaaaaaaaa", resourceid)}'
+    api_scheme_label_tile='(tileid)=>{return "{% url "api-scheme-label-tile" "aaaaaaaa-aaaa-aaaa-aaaa-aaaaaaaaaaaa" %}".replace("aaaaaaaa-aaaa-aaaa-aaaa-aaaaaaaaaaaa", tileid)}'
+    api_scheme_creation='(resourceid)=>{return "{% url "api-scheme-creation" "aaaaaaaa-aaaa-aaaa-aaaa-aaaaaaaaaaaa" %}".replace("aaaaaaaa-aaaa-aaaa-aaaa-aaaaaaaaaaaa", resourceid)}'
     api_textualwork_list="{% url 'api-textualwork-list' %}"
 ></div>
 {% endblock arches_urls %}
diff --git a/arches_lingo/urls.py b/arches_lingo/urls.py
index 2f7f96d4..ca85318a 100644
--- a/arches_lingo/urls.py
+++ b/arches_lingo/urls.py
@@ -12,6 +12,8 @@
     ConceptStatementListCreateView,
     SchemeCreationView,
     SchemeDetailView,
+    SchemeLabelTileView,
+    SchemeLabelView,
     SchemeListCreateView,
     SchemeNamespaceView,
     SchemeStatementDetailView,
@@ -53,6 +55,16 @@
         SchemeCreationView.as_view(),
         name="api-scheme-creation",
     ),
+    path(
+        "api/scheme/<uuid:pk>/label",
+        SchemeLabelView.as_view(),
+        name="api-scheme-label",
+    ),
+    path(
+        "api/scheme-label/<uuid:pk>",
+        SchemeLabelTileView.as_view(),
+        name="api-scheme-label-tile",
+    ),
     path(
         "api/textual-work",
         TextualWorkRdmSystemSerializerView.as_view(),
diff --git a/arches_lingo/views/api/pythonic_models.py b/arches_lingo/views/api/pythonic_models.py
index 7567d942..27daa1bf 100644
--- a/arches_lingo/views/api/pythonic_models.py
+++ b/arches_lingo/views/api/pythonic_models.py
@@ -10,6 +10,8 @@
 from arches_lingo.serializers import (
     ConceptSerializer,
     SchemeCreationSerializer,
+    SchemeLabelSerializer,
+    SchemeLabelTileSerializer,
     SchemeNamespaceSerializer,
     SchemeSerializer,
     ConceptStatementSerializer,
@@ -54,6 +56,16 @@ class SchemeCreationView(ArchesModelAPIMixin, RetrieveUpdateDestroyAPIView):
     serializer_class = SchemeCreationSerializer
 
 
+class SchemeLabelView(ArchesModelAPIMixin, RetrieveUpdateDestroyAPIView):
+    permission_classes = [RDMAdministrator]
+    serializer_class = SchemeLabelSerializer
+
+
+class SchemeLabelTileView(ArchesModelAPIMixin, RetrieveUpdateDestroyAPIView):
+    permission_classes = [RDMAdministrator]
+    serializer_class = SchemeLabelTileSerializer
+
+
 class TextualWorkRdmSystemSerializerView(ArchesModelAPIMixin, ListAPIView):
     permission_classes = [RDMAdministrator]
     serializer_class = TextualWorkRdmSystemSerializer

From b430b0608ea21b45bcb7456a192140cf1475c631 Mon Sep 17 00:00:00 2001
From: Aaron <aaron.gundel@gmail.com>
Date: Thu, 2 Jan 2025 13:24:02 -0700
Subject: [PATCH 2/3] adds notes section (#162)

* adds notes section

* fix naming nit

* wrap gettext in spans

* pr feedback

* pr feedback
---
 arches_lingo/serializers.py                   |  16 ++
 arches_lingo/src/arches_lingo/api.ts          |  43 ++++-
 .../components/generic/MetaStringViewer.vue   |   2 +
 .../components/scheme/editor/SchemeEditor.vue |   6 +
 .../components/scheme/report/SchemeLabel.vue  |  16 +-
 .../components/scheme/report/SchemeNote.vue   | 156 ++++++++++++++++--
 .../src/arches_lingo/pages/SchemePage.vue     |   4 +-
 arches_lingo/src/arches_lingo/types.ts        |  10 ++
 arches_lingo/templates/arches_urls.htm        |   4 +-
 arches_lingo/urls.py                          |  14 +-
 arches_lingo/views/api/pythonic_models.py     |  12 ++
 11 files changed, 258 insertions(+), 25 deletions(-)

diff --git a/arches_lingo/serializers.py b/arches_lingo/serializers.py
index d8078f90..59d0dc19 100644
--- a/arches_lingo/serializers.py
+++ b/arches_lingo/serializers.py
@@ -50,6 +50,22 @@ class Meta:
         fields = "__all__"
 
 
+class SchemeNoteSerializer(ArchesModelSerializer):
+    class Meta:
+        model = ResourceInstance
+        graph_slug = "scheme"
+        nodegroups = ["statement"]
+        fields = "__all__"
+
+
+class SchemeNoteTileSerializer(ArchesTileSerializer):
+    class Meta:
+        model = TileModel
+        graph_slug = "scheme"
+        root_node = "statement"
+        fields = "__all__"
+
+
 class TextualWorkRdmSystemSerializer(ArchesModelSerializer):
     class Meta:
         model = ResourceInstance
diff --git a/arches_lingo/src/arches_lingo/api.ts b/arches_lingo/src/arches_lingo/api.ts
index d28c04d8..f063956a 100644
--- a/arches_lingo/src/arches_lingo/api.ts
+++ b/arches_lingo/src/arches_lingo/api.ts
@@ -66,11 +66,44 @@ export const fetchSchemeLabel = async (schemeId: string) => {
     return parsed;
 };
 
-export const deleteSchemeLabelTile = async (tileId: string) => {
-    const response = await fetch(arches.urls.api_scheme_label_tile(tileId), {
-        method: "DELETE",
-        headers: { "X-CSRFTOKEN": getToken() },
-    });
+export const deleteSchemeLabelTile = async (
+    schemeId: string,
+    tileId: string,
+) => {
+    const response = await fetch(
+        arches.urls.api_scheme_label_tile(schemeId, tileId),
+        {
+            method: "DELETE",
+            headers: { "X-CSRFTOKEN": getToken() },
+        },
+    );
+
+    if (!response.ok) {
+        const parsed = await response.json();
+        throw new Error(parsed.message || response.statusText);
+    } else {
+        return true;
+    }
+};
+
+export const fetchSchemeNotes = async (schemeId: string) => {
+    const response = await fetch(arches.urls.api_scheme_note(schemeId));
+    const parsed = await response.json();
+    if (!response.ok) throw new Error(parsed.message || response.statusText);
+    return parsed;
+};
+
+export const deleteSchemeNoteTile = async (
+    schemeId: string,
+    tileId: string,
+) => {
+    const response = await fetch(
+        arches.urls.api_scheme_note_tile(schemeId, tileId),
+        {
+            method: "DELETE",
+            headers: { "X-CSRFTOKEN": getToken() },
+        },
+    );
 
     if (!response.ok) {
         const parsed = await response.json();
diff --git a/arches_lingo/src/arches_lingo/components/generic/MetaStringViewer.vue b/arches_lingo/src/arches_lingo/components/generic/MetaStringViewer.vue
index 92cccc2a..0f37a2a7 100644
--- a/arches_lingo/src/arches_lingo/components/generic/MetaStringViewer.vue
+++ b/arches_lingo/src/arches_lingo/components/generic/MetaStringViewer.vue
@@ -26,6 +26,7 @@ function confirmDelete(tileId: string) {
     confirm.require({
         header: $gettext("Confirmation"),
         message: props.metaStringText.deleteConfirm,
+        group: props.metaStringText.name,
         accept: () => {
             emits("deleteString", tileId);
         },
@@ -45,6 +46,7 @@ function confirmDelete(tileId: string) {
 <template>
     <ConfirmDialog
         :pt="{ root: { style: { fontFamily: 'sans-serif' } } }"
+        :group="metaStringText.name"
     ></ConfirmDialog>
     <DataTable
         v-model:expanded-rows="expandedRows"
diff --git a/arches_lingo/src/arches_lingo/components/scheme/editor/SchemeEditor.vue b/arches_lingo/src/arches_lingo/components/scheme/editor/SchemeEditor.vue
index b8cf522f..a113a5d4 100644
--- a/arches_lingo/src/arches_lingo/components/scheme/editor/SchemeEditor.vue
+++ b/arches_lingo/src/arches_lingo/components/scheme/editor/SchemeEditor.vue
@@ -11,6 +11,7 @@ import TabPanel from "primevue/tabpanel";
 import SchemeNamespace from "@/arches_lingo/components/scheme/report/SchemeNamespace.vue";
 import SchemeStandard from "@/arches_lingo/components/scheme/report/SchemeStandard.vue";
 import SchemeLabel from "@/arches_lingo/components/scheme/report/SchemeLabel.vue";
+import SchemeNote from "@/arches_lingo/components/scheme/report/SchemeNote.vue";
 import type { SectionTypes } from "@/arches_lingo/types.ts";
 
 const { $gettext } = useGettext();
@@ -37,6 +38,11 @@ const schemeComponents = [
         id: "standard",
         editorTabName: $gettext("Scheme Standards Followed"),
     },
+    {
+        component: SchemeNote,
+        id: "note",
+        editorTabName: $gettext("Scheme Notes"),
+    },
 ];
 
 const emit = defineEmits(["maximize", "side", "close", "updated"]);
diff --git a/arches_lingo/src/arches_lingo/components/scheme/report/SchemeLabel.vue b/arches_lingo/src/arches_lingo/components/scheme/report/SchemeLabel.vue
index f6342444..7076c69f 100644
--- a/arches_lingo/src/arches_lingo/components/scheme/report/SchemeLabel.vue
+++ b/arches_lingo/src/arches_lingo/components/scheme/report/SchemeLabel.vue
@@ -68,7 +68,7 @@ async function getSectionValue() {
 async function deleteSectionValue(tileId: string) {
     let result = false;
     try {
-        result = await deleteSchemeLabelTile(tileId);
+        result = await deleteSchemeLabelTile(route.params.id as string, tileId);
     } catch (error) {
         toast.add({
             severity: ERROR,
@@ -122,10 +122,12 @@ async function save() {
                 @delete-string="deleteSectionValue"
             >
                 <template #name="{ rowData }">
-                    {{
-                        (rowData as AppellativeStatus)
-                            .appellative_status_ascribed_name_content
-                    }}
+                    <span>
+                        {{
+                            (rowData as AppellativeStatus)
+                                .appellative_status_ascribed_name_content
+                        }}
+                    </span>
                 </template>
                 <template #type="{ rowData }">
                     <ControlledListItem
@@ -147,7 +149,7 @@ async function save() {
                 </template>
                 <template #drawer="{ rowData }">
                     <div>
-                        {{ $gettext("Bibliographic Sources") }}:
+                        <span>{{ $gettext("Bibliographic Sources:") }}</span>
                         <ResourceInstanceRelationships
                             :value="
                                 (rowData as AppellativeStatus)
@@ -156,7 +158,7 @@ async function save() {
                         ></ResourceInstanceRelationships>
                     </div>
                     <div>
-                        {{ $gettext("Contributors") }}:
+                        <span>{{ $gettext("Contributors:") }}</span>
                         <ResourceInstanceRelationships
                             :value="
                                 (rowData as AppellativeStatus)
diff --git a/arches_lingo/src/arches_lingo/components/scheme/report/SchemeNote.vue b/arches_lingo/src/arches_lingo/components/scheme/report/SchemeNote.vue
index 6483a9de..674934d0 100644
--- a/arches_lingo/src/arches_lingo/components/scheme/report/SchemeNote.vue
+++ b/arches_lingo/src/arches_lingo/components/scheme/report/SchemeNote.vue
@@ -1,20 +1,156 @@
 <script setup lang="ts">
+import { onMounted, ref } from "vue";
 import { useGettext } from "vue3-gettext";
+import { useRoute } from "vue-router";
+import { useToast } from "primevue/usetoast";
+import MetaStringViewer from "@/arches_lingo/components/generic/MetaStringViewer.vue";
 import SchemeReportSection from "@/arches_lingo/components/scheme/report/SchemeSection.vue";
+import { deleteSchemeNoteTile, fetchSchemeNotes } from "@/arches_lingo/api.ts";
+import { ERROR, OPEN_EDITOR, VIEW, EDIT } from "@/arches_lingo/constants.ts";
+import type {
+    DataComponentMode,
+    MetaStringText,
+    SchemeInstance,
+    SchemeStatement,
+} from "@/arches_lingo/types.ts";
+import ResourceInstanceRelationships from "@/arches_lingo/components/generic/ResourceInstanceRelationships.vue";
+import ControlledListItem from "@/arches_lingo/components/generic/ControlledListItem.vue";
 
-const save = () => {
-    console.log("save");
-};
-const getSectionValue = async () => {
-    console.log("update");
+const { $gettext } = useGettext();
+const schemeInstance = ref<SchemeInstance>();
+const route = useRoute();
+const toast = useToast();
+const metaStringLabel: MetaStringText = {
+    deleteConfirm: $gettext("Are you sure you want to delete this note?"),
+    language: $gettext("Note Language"),
+    name: $gettext("Note Name"),
+    type: $gettext("Note Type"),
 };
 
-defineExpose({ save, getSectionValue });
-const { $gettext } = useGettext();
+withDefaults(
+    defineProps<{
+        mode?: DataComponentMode;
+        tileId?: string | null;
+    }>(),
+    {
+        mode: VIEW,
+        tileId: null, // editor arg specifying what tile to operate on.
+    },
+);
+
+const emits = defineEmits([OPEN_EDITOR]);
+
+defineExpose({ getSectionValue });
+
+onMounted(() => {
+    getSectionValue();
+});
+
+async function getSectionValue() {
+    try {
+        const result = await fetchSchemeNotes(route.params.id as string);
+        schemeInstance.value = {
+            statement: result.statement,
+        };
+    } catch (error) {
+        toast.add({
+            severity: ERROR,
+            summary: $gettext("Error"),
+            detail:
+                error instanceof Error
+                    ? error.message
+                    : $gettext("Could not fetch the notes for the resource"),
+        });
+    }
+}
+
+async function deleteSectionValue(tileId: string) {
+    let result = false;
+    try {
+        result = await deleteSchemeNoteTile(route.params.id as string, tileId);
+    } catch (error) {
+        toast.add({
+            severity: ERROR,
+            summary: $gettext("Error"),
+            detail:
+                error instanceof Error
+                    ? error.message
+                    : $gettext("Could not delete selected note"),
+        });
+    }
+
+    if (result) {
+        getSectionValue();
+    }
+}
+
+function editSectionValue(tileId: string) {
+    const schemeStatement = schemeInstance.value?.statement?.find(
+        (tile) => tile.tileid === tileId,
+    );
+    if (schemeStatement && schemeStatement.tileid === tileId) {
+        emits(OPEN_EDITOR, schemeStatement.tileid);
+    } else {
+        toast.add({
+            severity: ERROR,
+            summary: $gettext("Error"),
+            detail: $gettext("Could not find the selected label to edit"),
+        });
+    }
+}
 </script>
 
 <template>
-    <SchemeReportSection :title-text="$gettext('Scheme Notes')">
-        abc
-    </SchemeReportSection>
+    <div v-if="mode === VIEW">
+        <SchemeReportSection
+            :title-text="$gettext('Scheme Notes')"
+            @open-editor="emits(OPEN_EDITOR)"
+        >
+            <MetaStringViewer
+                :meta-strings="schemeInstance?.statement"
+                :meta-string-text="metaStringLabel"
+                @edit-string="editSectionValue"
+                @delete-string="deleteSectionValue"
+            >
+                <template #name="{ rowData }">
+                    <span>
+                        {{ (rowData as SchemeStatement).statement_content_n1 }}
+                    </span>
+                </template>
+                <template #type="{ rowData }">
+                    <ControlledListItem
+                        :value="(rowData as SchemeStatement).statement_type_n1"
+                    />
+                </template>
+                <template #language="{ rowData }">
+                    <ControlledListItem
+                        :value="
+                            (rowData as SchemeStatement).statement_language_n1
+                        "
+                    />
+                </template>
+                <template #drawer="{ rowData }">
+                    <div>
+                        <span>{{ $gettext("Bibliographic Sources:") }}</span>
+                        <ResourceInstanceRelationships
+                            :value="
+                                (rowData as SchemeStatement)
+                                    .statement_data_assignment_object_used
+                            "
+                        />
+                    </div>
+                    <div>
+                        <span>{{ $gettext("Contributors:") }}</span>
+                        <ResourceInstanceRelationships
+                            :value="
+                                (rowData as SchemeStatement)
+                                    .statement_data_assignment_actor
+                            "
+                        />
+                    </div>
+                </template>
+            </MetaStringViewer>
+        </SchemeReportSection>
+    </div>
+    <div v-if="mode === EDIT"></div>
 </template>
diff --git a/arches_lingo/src/arches_lingo/pages/SchemePage.vue b/arches_lingo/src/arches_lingo/pages/SchemePage.vue
index 851007c5..f2113083 100644
--- a/arches_lingo/src/arches_lingo/pages/SchemePage.vue
+++ b/arches_lingo/src/arches_lingo/pages/SchemePage.vue
@@ -75,7 +75,9 @@ const getRef = (el: object | null, index: number) => {
                     :ref="(el) => getRef(el, index)"
                     v-bind="component.props"
                     @open-editor="
-                        (tileId: string) => onOpenEditor(component.id, tileId)
+                        (tileId: string) => {
+                            onOpenEditor(component.id, tileId);
+                        }
                     "
                 />
             </template>
diff --git a/arches_lingo/src/arches_lingo/types.ts b/arches_lingo/src/arches_lingo/types.ts
index 7a0721c9..ad9074fe 100644
--- a/arches_lingo/src/arches_lingo/types.ts
+++ b/arches_lingo/src/arches_lingo/types.ts
@@ -108,6 +108,15 @@ export interface AppellativeStatus {
     appellative_status_data_assignment_actor: ResourceInstanceReference[];
 }
 
+export interface SchemeStatement {
+    tileid: string;
+    statement_content_n1: string;
+    statement_language_n1?: ControlledListItem[];
+    statement_type_n1?: ControlledListItem[];
+    statement_data_assignment_object_used: ResourceInstanceReference[];
+    statement_data_assignment_actor: ResourceInstanceReference[];
+}
+
 export interface SchemeInstance {
     namespace?: {
         namespace_name: string;
@@ -117,6 +126,7 @@ export interface SchemeInstance {
         creation_sources: ResourceInstanceReference[];
     };
     appellative_status?: AppellativeStatus[];
+    statement?: SchemeStatement[];
 }
 
 export interface SchemeResource {
diff --git a/arches_lingo/templates/arches_urls.htm b/arches_lingo/templates/arches_urls.htm
index b99e62b1..ff749dea 100644
--- a/arches_lingo/templates/arches_urls.htm
+++ b/arches_lingo/templates/arches_urls.htm
@@ -12,7 +12,9 @@
     api_uri_namespace='(resourceid)=>{return "{% url "api-uri-components" "aaaaaaaa-aaaa-aaaa-aaaa-aaaaaaaaaaaa" %}".replace("aaaaaaaa-aaaa-aaaa-aaaa-aaaaaaaaaaaa", resourceid)}'
     api_schemes="{% url 'schemes-list-create' %}"
     api_scheme_label='(resourceid)=>{return "{% url "api-scheme-label" "aaaaaaaa-aaaa-aaaa-aaaa-aaaaaaaaaaaa" %}".replace("aaaaaaaa-aaaa-aaaa-aaaa-aaaaaaaaaaaa", resourceid)}'
-    api_scheme_label_tile='(tileid)=>{return "{% url "api-scheme-label-tile" "aaaaaaaa-aaaa-aaaa-aaaa-aaaaaaaaaaaa" %}".replace("aaaaaaaa-aaaa-aaaa-aaaa-aaaaaaaaaaaa", tileid)}'
+    api_scheme_label_tile='(resourceid, tileid)=>{return "{% url "api-scheme-label-tile" "aaaaaaaa-aaaa-aaaa-aaaa-aaaaaaaaaaaa" "aaaaaaaa-aaaa-aaaa-aaaa-aaaaaaaaaaab"%}".replace("aaaaaaaa-aaaa-aaaa-aaaa-aaaaaaaaaaaa", resourceid).replace("aaaaaaaa-aaaa-aaaa-aaaa-aaaaaaaaaaab", tileid)}'
+    api_scheme_note='(resourceid)=>{return "{% url "api-scheme-note" "aaaaaaaa-aaaa-aaaa-aaaa-aaaaaaaaaaaa" %}".replace("aaaaaaaa-aaaa-aaaa-aaaa-aaaaaaaaaaaa", resourceid)}'
+    api_scheme_note_tile='(resourceid, tileid)=>{return "{% url "api-scheme-note-tile" "aaaaaaaa-aaaa-aaaa-aaaa-aaaaaaaaaaaa" "aaaaaaaa-aaaa-aaaa-aaaa-aaaaaaaaaaab" %}".replace("aaaaaaaa-aaaa-aaaa-aaaa-aaaaaaaaaaaa", resourceid).replace("aaaaaaaa-aaaa-aaaa-aaaa-aaaaaaaaaaab", tileid)}'
     api_scheme_creation='(resourceid)=>{return "{% url "api-scheme-creation" "aaaaaaaa-aaaa-aaaa-aaaa-aaaaaaaaaaaa" %}".replace("aaaaaaaa-aaaa-aaaa-aaaa-aaaaaaaaaaaa", resourceid)}'
     api_textualwork_list="{% url 'api-textualwork-list' %}"
 ></div>
diff --git a/arches_lingo/urls.py b/arches_lingo/urls.py
index ca85318a..6f379680 100644
--- a/arches_lingo/urls.py
+++ b/arches_lingo/urls.py
@@ -16,6 +16,8 @@
     SchemeLabelView,
     SchemeListCreateView,
     SchemeNamespaceView,
+    SchemeNoteTileView,
+    SchemeNoteView,
     SchemeStatementDetailView,
     SchemeStatementListCreateView,
     TextualWorkRdmSystemSerializerView,
@@ -61,10 +63,20 @@
         name="api-scheme-label",
     ),
     path(
-        "api/scheme-label/<uuid:pk>",
+        "api/scheme/<uuid:resource_id>/label/<uuid:pk>",
         SchemeLabelTileView.as_view(),
         name="api-scheme-label-tile",
     ),
+    path(
+        "api/scheme/<uuid:pk>/note",
+        SchemeNoteView.as_view(),
+        name="api-scheme-note",
+    ),
+    path(
+        "api/scheme/<uuid:resource_id>/note/<uuid:pk>",
+        SchemeNoteTileView.as_view(),
+        name="api-scheme-note-tile",
+    ),
     path(
         "api/textual-work",
         TextualWorkRdmSystemSerializerView.as_view(),
diff --git a/arches_lingo/views/api/pythonic_models.py b/arches_lingo/views/api/pythonic_models.py
index 27daa1bf..439da420 100644
--- a/arches_lingo/views/api/pythonic_models.py
+++ b/arches_lingo/views/api/pythonic_models.py
@@ -13,6 +13,8 @@
     SchemeLabelSerializer,
     SchemeLabelTileSerializer,
     SchemeNamespaceSerializer,
+    SchemeNoteSerializer,
+    SchemeNoteTileSerializer,
     SchemeSerializer,
     ConceptStatementSerializer,
     SchemeStatementSerializer,
@@ -66,6 +68,16 @@ class SchemeLabelTileView(ArchesModelAPIMixin, RetrieveUpdateDestroyAPIView):
     serializer_class = SchemeLabelTileSerializer
 
 
+class SchemeNoteView(ArchesModelAPIMixin, RetrieveUpdateDestroyAPIView):
+    permission_classes = [RDMAdministrator]
+    serializer_class = SchemeNoteSerializer
+
+
+class SchemeNoteTileView(ArchesModelAPIMixin, RetrieveUpdateDestroyAPIView):
+    permission_classes = [RDMAdministrator]
+    serializer_class = SchemeNoteTileSerializer
+
+
 class TextualWorkRdmSystemSerializerView(ArchesModelAPIMixin, ListAPIView):
     permission_classes = [RDMAdministrator]
     serializer_class = TextualWorkRdmSystemSerializer

From fa5dc08ecb9de01d9d85b447831150563b267511 Mon Sep 17 00:00:00 2001
From: Aaron <aaron.gundel@gmail.com>
Date: Thu, 2 Jan 2025 13:06:25 -0700
Subject: [PATCH 3/3] Changes to allow for a single form per tile (#160)

* Changes to allow for a single form per tile

* move section types to prep for conflict

* PR feedback

* pr feedback

* purge tab

* purge more tabs
---
 .../components/generic/LabelViewer.vue        | 165 ------------------
 .../components/generic/MetaStringViewer.vue   | 155 ++++++++--------
 .../components/scheme/editor/SchemeEditor.vue |  92 ++++------
 .../scheme/report/SchemeAuthority.vue         |   8 +-
 .../components/scheme/report/SchemeLabel.vue  |   9 +-
 .../scheme/report/SchemeLicense.vue           |   2 +-
 .../scheme/report/SchemeNamespace.vue         |  23 ++-
 .../components/scheme/report/SchemeNote.vue   |   3 +-
 .../scheme/report/SchemeStandard.vue          |  27 +--
 .../components/scheme/report/SchemeUri.vue    |   2 +-
 arches_lingo/src/arches_lingo/constants.ts    |   1 +
 .../src/arches_lingo/pages/SchemePage.vue     |  10 +-
 arches_lingo/src/arches_lingo/routes.ts       |   2 +-
 arches_lingo/src/arches_lingo/types.ts        |  15 +-
 14 files changed, 175 insertions(+), 339 deletions(-)
 delete mode 100644 arches_lingo/src/arches_lingo/components/generic/LabelViewer.vue

diff --git a/arches_lingo/src/arches_lingo/components/generic/LabelViewer.vue b/arches_lingo/src/arches_lingo/components/generic/LabelViewer.vue
deleted file mode 100644
index eea4fb6d..00000000
--- a/arches_lingo/src/arches_lingo/components/generic/LabelViewer.vue
+++ /dev/null
@@ -1,165 +0,0 @@
-<script setup lang="ts">
-import { ref } from "vue";
-import { useGettext } from "vue3-gettext";
-import DataTable from "primevue/datatable";
-import Column from "primevue/column";
-import Button from "primevue/button";
-import ConfirmDialog from "primevue/confirmdialog";
-import { useConfirm } from "primevue/useconfirm";
-
-import ControlledListItem from "@/arches_lingo/components/generic/ControlledListItem.vue";
-import ResourceInstanceRelationships from "@/arches_lingo/components/generic/ResourceInstanceRelationships.vue";
-
-import type { AppellativeStatus } from "@/arches_lingo/types";
-
-const { $gettext } = useGettext();
-const confirm = useConfirm();
-
-const props = defineProps<{
-    value?: AppellativeStatus[];
-}>();
-
-const emits = defineEmits(["editLabel", "deleteLabel"]);
-
-const expandedRows = ref([]);
-
-function confirmDelete(tileId: string) {
-    confirm.require({
-        header: $gettext("Confirmation"),
-        message: $gettext("Are you sure you want to delete this label?"),
-        accept: () => {
-            emits("deleteLabel", tileId);
-        },
-        rejectProps: {
-            label: "Cancel",
-            severity: "secondary",
-            outlined: true,
-        },
-        acceptProps: {
-            label: "Delete",
-            severity: "danger",
-        },
-    });
-}
-</script>
-
-<template>
-    <ConfirmDialog
-        :pt="{ root: { style: { fontFamily: 'sans-serif' } } }"
-    ></ConfirmDialog>
-    <DataTable
-        v-model:expanded-rows="expandedRows"
-        :value="props.value"
-        table-style="min-width: 50rem"
-    >
-        <Column
-            expander
-            style="width: 3rem"
-        />
-        <Column
-            field="appellative_status_ascribed_name_content"
-            :header="$gettext('Label')"
-            sortable
-        >
-            <template #body="slotProps">
-                {{
-                    (slotProps.data as AppellativeStatus)
-                        .appellative_status_ascribed_name_content
-                }}
-            </template>
-        </Column>
-        <Column
-            field="appellative_status_ascribed_relation"
-            :header="$gettext('Label Type')"
-            sortable
-        >
-            <template #body="slotProps">
-                <ControlledListItem
-                    :value="
-                        (slotProps.data as AppellativeStatus)
-                            .appellative_status_ascribed_relation
-                    "
-                >
-                </ControlledListItem>
-            </template>
-        </Column>
-        <Column
-            field="appellative_status_ascribed_name_language"
-            :header="$gettext('Label Language')"
-            sortable
-        >
-            <template #body="slotProps">
-                <ControlledListItem
-                    :value="
-                        (slotProps.data as AppellativeStatus)
-                            .appellative_status_ascribed_name_language
-                    "
-                >
-                </ControlledListItem>
-            </template>
-        </Column>
-        <Column>
-            <template #body="slotProps">
-                <div class="controls">
-                    <Button
-                        icon="pi pi-file-edit"
-                        :aria-label="$gettext('edit')"
-                        @click="
-                            () =>
-                                emits(
-                                    'editLabel',
-                                    (slotProps.data as AppellativeStatus)
-                                        .tileid,
-                                )
-                        "
-                    />
-                    <Button
-                        icon="pi pi-trash"
-                        :aria-label="$gettext('delete')"
-                        severity="danger"
-                        outlined
-                        @click="
-                            () =>
-                                confirmDelete(
-                                    (slotProps.data as AppellativeStatus)
-                                        .tileid,
-                                )
-                        "
-                    />
-                </div>
-            </template>
-        </Column>
-        <template #expansion="slotProps">
-            <div class="drawer">
-                <div>
-                    {{ $gettext("Bibliographic Sources") }}:
-                    <ResourceInstanceRelationships
-                        :value="
-                            (slotProps.data as AppellativeStatus)
-                                .appellative_status_data_assignment_object_used
-                        "
-                    ></ResourceInstanceRelationships>
-                </div>
-                <div>
-                    {{ $gettext("Contributors") }}:
-                    <ResourceInstanceRelationships
-                        :value="
-                            (slotProps.data as AppellativeStatus)
-                                .appellative_status_data_assignment_actor
-                        "
-                    ></ResourceInstanceRelationships>
-                </div>
-            </div>
-        </template>
-    </DataTable>
-</template>
-<style scoped>
-.controls {
-    display: flex;
-    flex-direction: row;
-}
-.controls button {
-    margin: 0 0.5rem;
-}
-</style>
-
diff --git a/arches_lingo/src/arches_lingo/components/generic/MetaStringViewer.vue b/arches_lingo/src/arches_lingo/components/generic/MetaStringViewer.vue
index 0f37a2a7..a95aa3cd 100644
--- a/arches_lingo/src/arches_lingo/components/generic/MetaStringViewer.vue
+++ b/arches_lingo/src/arches_lingo/components/generic/MetaStringViewer.vue
@@ -48,85 +48,88 @@ function confirmDelete(tileId: string) {
         :pt="{ root: { style: { fontFamily: 'sans-serif' } } }"
         :group="metaStringText.name"
     ></ConfirmDialog>
-    <DataTable
-        v-model:expanded-rows="expandedRows"
-        :value="props.metaStrings"
-    >
-        <Column
-            expander
-            style="width: 3rem"
-        />
-        <Column
-            :header="props.metaStringText.name"
-            sortable
+    <div v-if="props.metaStrings?.length">
+        <DataTable
+            v-model:expanded-rows="expandedRows"
+            :value="props.metaStrings"
         >
-            <template #body="slotProps">
-                <slot
-                    name="name"
-                    :row-data="slotProps.data"
-                ></slot>
-            </template>
-        </Column>
-        <Column
-            :header="props.metaStringText.type"
-            sortable
-        >
-            <template #body="slotProps">
-                <slot
-                    name="type"
-                    :row-data="slotProps.data"
-                ></slot>
-            </template>
-        </Column>
-        <Column
-            :header="props.metaStringText.language"
-            sortable
-        >
-            <template #body="slotProps">
-                <slot
-                    name="language"
-                    :row-data="slotProps.data"
-                ></slot>
-            </template>
-        </Column>
-        <Column>
-            <template #body="slotProps">
-                <div class="controls">
-                    <Button
-                        icon="pi pi-file-edit"
-                        :aria-label="$gettext('edit')"
-                        @click="
-                            () =>
-                                emits(
-                                    'editString',
-                                    (slotProps.data as MetaString).tileid,
-                                )
-                        "
-                    />
-                    <Button
-                        icon="pi pi-trash"
-                        :aria-label="$gettext('delete')"
-                        severity="danger"
-                        outlined
-                        @click="
-                            () =>
-                                confirmDelete(
-                                    (slotProps.data as MetaString).tileid,
-                                )
-                        "
-                    />
+            <Column
+                expander
+                style="width: 3rem"
+            />
+            <Column
+                :header="props.metaStringText.name"
+                sortable
+            >
+                <template #body="slotProps">
+                    <slot
+                        name="name"
+                        :row-data="slotProps.data"
+                    ></slot>
+                </template>
+            </Column>
+            <Column
+                :header="props.metaStringText.type"
+                sortable
+            >
+                <template #body="slotProps">
+                    <slot
+                        name="type"
+                        :row-data="slotProps.data"
+                    ></slot>
+                </template>
+            </Column>
+            <Column
+                :header="props.metaStringText.language"
+                sortable
+            >
+                <template #body="slotProps">
+                    <slot
+                        name="language"
+                        :row-data="slotProps.data"
+                    ></slot>
+                </template>
+            </Column>
+            <Column>
+                <template #body="slotProps">
+                    <div class="controls">
+                        <Button
+                            icon="pi pi-file-edit"
+                            :aria-label="$gettext('edit')"
+                            @click="
+                                () =>
+                                    emits(
+                                        'editString',
+                                        (slotProps.data as MetaString).tileid,
+                                    )
+                            "
+                        />
+                        <Button
+                            icon="pi pi-trash"
+                            :aria-label="$gettext('delete')"
+                            severity="danger"
+                            outlined
+                            @click="
+                                () =>
+                                    confirmDelete(
+                                        (slotProps.data as MetaString).tileid,
+                                    )
+                            "
+                        />
+                    </div>
+                </template>
+            </Column>
+            <template #expansion="slotProps">
+                <div class="drawer">
+                    <slot
+                        name="drawer"
+                        :row-data="slotProps.data"
+                    ></slot>
                 </div>
             </template>
-        </Column>
-        <template #expansion="slotProps">
-            <div class="drawer">
-                <slot
-                    name="drawer"
-                    :row-data="slotProps.data"
-                ></slot>
-            </div>
-        </template>
-    </DataTable>
+        </DataTable>
+    </div>
+    <div v-else>{{ props.metaStringText.noRecords }}</div>
 </template>
 <style scoped>
 .controls {
diff --git a/arches_lingo/src/arches_lingo/components/scheme/editor/SchemeEditor.vue b/arches_lingo/src/arches_lingo/components/scheme/editor/SchemeEditor.vue
index a113a5d4..8beadd54 100644
--- a/arches_lingo/src/arches_lingo/components/scheme/editor/SchemeEditor.vue
+++ b/arches_lingo/src/arches_lingo/components/scheme/editor/SchemeEditor.vue
@@ -1,13 +1,7 @@
 <script setup lang="ts">
-import { onBeforeUpdate, onUpdated, ref } from "vue";
+import { onBeforeUpdate, ref, watch } from "vue";
 import { useGettext } from "vue3-gettext";
 import Button from "primevue/button";
-
-import Tabs from "primevue/tabs";
-import TabList from "primevue/tablist";
-import Tab from "primevue/tab";
-import TabPanels from "primevue/tabpanels";
-import TabPanel from "primevue/tabpanel";
 import SchemeNamespace from "@/arches_lingo/components/scheme/report/SchemeNamespace.vue";
 import SchemeStandard from "@/arches_lingo/components/scheme/report/SchemeStandard.vue";
 import SchemeLabel from "@/arches_lingo/components/scheme/report/SchemeLabel.vue";
@@ -18,33 +12,53 @@ const { $gettext } = useGettext();
 const EDIT = "edit";
 const props = defineProps<{
     editorMax: boolean;
-    activeTab: string;
+    editorForm: string;
     tileId?: string;
 }>();
+
+type SchemeComponent = {
+    component: SectionTypes;
+    id: string;
+    editorName: string;
+};
+
 const childRefs = ref<Array<SectionTypes>>([]);
+const currentEditor = ref<SchemeComponent>();
 const schemeComponents = [
     {
         component: SchemeLabel,
         id: "label",
-        editorTabName: $gettext("Scheme Label"),
+        editorName: $gettext("Scheme Label"),
     },
     {
         component: SchemeNamespace,
         id: "namespace",
-        editorTabName: $gettext("Scheme Namespace"),
+        editorName: $gettext("Scheme Namespace"),
     },
     {
         component: SchemeStandard,
         id: "standard",
-        editorTabName: $gettext("Scheme Standards Followed"),
+        editorName: $gettext("Scheme Standards Followed"),
     },
     {
         component: SchemeNote,
         id: "note",
-        editorTabName: $gettext("Scheme Notes"),
+        editorName: $gettext("Scheme Notes"),
     },
 ];
 
+watch(
+    props,
+    (newValue) => {
+        if (newValue) {
+            currentEditor.value = schemeComponents.find((component) => {
+                return component.id === newValue.editorForm;
+            });
+        }
+    },
+    { immediate: true },
+);
+
 const emit = defineEmits(["maximize", "side", "close", "updated"]);
 
 onBeforeUpdate(() => {
@@ -59,17 +73,7 @@ function toggleSize() {
     }
 }
 
-function getRef(el: object | null, index: number) {
-    if (el != null) childRefs.value[index] = el as SectionTypes;
-}
-
-async function updateScheme() {
-    await Promise.all(
-        childRefs.value.map(async (ref) => {
-            return ref.save();
-        }),
-    );
-
+function onSectionUpdate() {
     emit("updated");
 }
 </script>
@@ -104,38 +108,16 @@ async function updateScheme() {
             </div>
         </div>
     </div>
-    <div class="content">
-        <Tabs :value="activeTab">
-            <TabList>
-                <template
-                    v-for="component in schemeComponents"
-                    :key="component.id"
-                >
-                    <Tab :value="component.id">{{
-                        component.editorTabName
-                    }}</Tab>
-                </template>
-            </TabList>
-            <TabPanels>
-                <template
-                    v-for="(component, index) in schemeComponents"
-                    :key="component.id"
-                >
-                    <TabPanel :value="component.id">
-                        <component
-                            :is="component.component"
-                            v-bind="{ mode: EDIT, tileId: props.tileId }"
-                            :ref="(el) => getRef(el, index)"
-                            v-on="{ updated: onUpdated }"
-                        />
-                    </TabPanel>
-                </template>
-            </TabPanels>
-        </Tabs>
-        <Button
-            :label="$gettext('Update')"
-            @click="updateScheme"
-        ></Button>
+    <div
+        v-if="currentEditor"
+        class="content"
+    >
+        <h3>{{ currentEditor.editorName }}</h3>
+        <component
+            :is="currentEditor.component"
+            v-bind="{ mode: EDIT, tileId: tileId }"
+            v-on="{ updated: onSectionUpdate }"
+        />
     </div>
 </template>
 <style scoped>
diff --git a/arches_lingo/src/arches_lingo/components/scheme/report/SchemeAuthority.vue b/arches_lingo/src/arches_lingo/components/scheme/report/SchemeAuthority.vue
index 88912fd3..855fc798 100644
--- a/arches_lingo/src/arches_lingo/components/scheme/report/SchemeAuthority.vue
+++ b/arches_lingo/src/arches_lingo/components/scheme/report/SchemeAuthority.vue
@@ -2,17 +2,15 @@
 import { useGettext } from "vue3-gettext";
 import SchemeReportSection from "@/arches_lingo/components/scheme/report/SchemeSection.vue";
 const { $gettext } = useGettext();
-const save = () => {
-    console.log("save");
-};
+
 const getSectionValue = async () => {
     console.log("update");
 };
-defineExpose({ save, getSectionValue });
+defineExpose({ getSectionValue });
 </script>
 
 <template>
     <SchemeReportSection :title-text="$gettext('Trusted Authorities')">
-        abc
+        todo
     </SchemeReportSection>
 </template>
diff --git a/arches_lingo/src/arches_lingo/components/scheme/report/SchemeLabel.vue b/arches_lingo/src/arches_lingo/components/scheme/report/SchemeLabel.vue
index 7076c69f..29e238fa 100644
--- a/arches_lingo/src/arches_lingo/components/scheme/report/SchemeLabel.vue
+++ b/arches_lingo/src/arches_lingo/components/scheme/report/SchemeLabel.vue
@@ -26,6 +26,7 @@ const metaStringLabel: MetaStringText = {
     language: $gettext("Label Language"),
     name: $gettext("Label Name"),
     type: $gettext("Label Type"),
+    noRecords: $gettext("No scheme labels were found."),
 };
 
 withDefaults(
@@ -39,7 +40,7 @@ withDefaults(
     },
 );
 
-defineExpose({ save, getSectionValue });
+defineExpose({ getSectionValue });
 
 const emits = defineEmits([OPEN_EDITOR]);
 
@@ -100,9 +101,9 @@ function editSectionValue(tileId: string) {
     }
 }
 
-async function save() {
-    // todo for Johnathan.  This function will save the values of the form back to arches.
-}
+// async function save() {
+//     // todo for Johnathan.  This function will save the values of the form back to arches.
+// }
 
 // async function update() {
 //     // todo for Johnathan.  This function will handle the update emit when the user changes values in your form - you store those values in this section.
diff --git a/arches_lingo/src/arches_lingo/components/scheme/report/SchemeLicense.vue b/arches_lingo/src/arches_lingo/components/scheme/report/SchemeLicense.vue
index 90ba3748..02d1892e 100644
--- a/arches_lingo/src/arches_lingo/components/scheme/report/SchemeLicense.vue
+++ b/arches_lingo/src/arches_lingo/components/scheme/report/SchemeLicense.vue
@@ -14,6 +14,6 @@ const { $gettext } = useGettext();
 
 <template>
     <SchemeReportSection :title-text="$gettext('License')">
-        abc
+        todo
     </SchemeReportSection>
 </template>
diff --git a/arches_lingo/src/arches_lingo/components/scheme/report/SchemeNamespace.vue b/arches_lingo/src/arches_lingo/components/scheme/report/SchemeNamespace.vue
index a4733ba5..d50eb9da 100644
--- a/arches_lingo/src/arches_lingo/components/scheme/report/SchemeNamespace.vue
+++ b/arches_lingo/src/arches_lingo/components/scheme/report/SchemeNamespace.vue
@@ -2,20 +2,26 @@
 import { onMounted, ref } from "vue";
 import { useRoute } from "vue-router";
 import { useGettext } from "vue3-gettext";
-
+import Button from "primevue/button";
 import SchemeReportSection from "@/arches_lingo/components/scheme/report/SchemeSection.vue";
 import NonLocalizedString from "@/arches_lingo/components/generic/NonLocalizedString.vue";
 import {
     fetchSchemeNamespace,
     updateSchemeNamespace,
 } from "@/arches_lingo/api.ts";
+import {
+    VIEW,
+    EDIT,
+    OPEN_EDITOR,
+    ERROR,
+    UPDATED,
+} from "@/arches_lingo/constants.ts";
+import { useToast } from "primevue/usetoast";
 import type {
     DataComponentMode,
     SchemeNamespaceUpdate,
     SchemeInstance,
 } from "@/arches_lingo/types";
-import { VIEW, EDIT, OPEN_EDITOR, ERROR } from "@/arches_lingo/constants.ts";
-import { useToast } from "primevue/usetoast";
 
 const toast = useToast();
 const { $gettext } = useGettext();
@@ -26,9 +32,9 @@ defineProps<{
     mode?: DataComponentMode;
 }>();
 
-defineEmits([OPEN_EDITOR]);
+const emit = defineEmits([OPEN_EDITOR, UPDATED]);
 
-defineExpose({ save, getSectionValue });
+defineExpose({ getSectionValue });
 
 onMounted(async () => {
     getSectionValue();
@@ -40,6 +46,7 @@ async function save() {
             route.params.id as string,
             schemeInstance.value as SchemeInstance,
         );
+        emit(UPDATED);
     } catch (error) {
         toast.add({
             severity: ERROR,
@@ -91,7 +98,7 @@ function onNamespaceNameUpdate(val: string) {
         <div v-if="!mode || mode === VIEW">
             <SchemeReportSection
                 :title-text="$gettext('Scheme Namespace')"
-                @open-editor="$emit(OPEN_EDITOR)"
+                @open-editor="emit(OPEN_EDITOR)"
             >
                 <NonLocalizedString
                     :value="schemeInstance?.namespace?.namespace_name"
@@ -107,6 +114,10 @@ function onNamespaceNameUpdate(val: string) {
                 :mode="EDIT"
                 @update="onNamespaceNameUpdate"
             />
+            <Button
+                :label="$gettext('Update')"
+                @click="save"
+            ></Button>
         </div>
     </div>
 </template>
diff --git a/arches_lingo/src/arches_lingo/components/scheme/report/SchemeNote.vue b/arches_lingo/src/arches_lingo/components/scheme/report/SchemeNote.vue
index 674934d0..2280fe8d 100644
--- a/arches_lingo/src/arches_lingo/components/scheme/report/SchemeNote.vue
+++ b/arches_lingo/src/arches_lingo/components/scheme/report/SchemeNote.vue
@@ -25,6 +25,7 @@ const metaStringLabel: MetaStringText = {
     language: $gettext("Note Language"),
     name: $gettext("Note Name"),
     type: $gettext("Note Type"),
+    noRecords: $gettext("No scheme notes were found."),
 };
 
 withDefaults(
@@ -94,7 +95,7 @@ function editSectionValue(tileId: string) {
         toast.add({
             severity: ERROR,
             summary: $gettext("Error"),
-            detail: $gettext("Could not find the selected label to edit"),
+            detail: $gettext("Could not find the selected note to edit"),
         });
     }
 }
diff --git a/arches_lingo/src/arches_lingo/components/scheme/report/SchemeStandard.vue b/arches_lingo/src/arches_lingo/components/scheme/report/SchemeStandard.vue
index 9c382e1b..805ccd55 100644
--- a/arches_lingo/src/arches_lingo/components/scheme/report/SchemeStandard.vue
+++ b/arches_lingo/src/arches_lingo/components/scheme/report/SchemeStandard.vue
@@ -2,6 +2,7 @@
 import { inject, onMounted, ref, type Ref } from "vue";
 import { useRoute } from "vue-router";
 import { useGettext } from "vue3-gettext";
+import Button from "primevue/button";
 import type {
     DataComponentMode,
     ResourceInstanceReference,
@@ -20,6 +21,7 @@ import {
     VIEW,
     EDIT,
     OPEN_EDITOR,
+    UPDATED,
     ERROR,
 } from "@/arches_lingo/constants.ts";
 import type { Language } from "@/arches_vue_utils/types.ts";
@@ -36,9 +38,9 @@ const { mode = VIEW } = defineProps<{
     mode?: DataComponentMode;
 }>();
 
-const emits = defineEmits([OPEN_EDITOR]);
+const emit = defineEmits([OPEN_EDITOR, UPDATED]);
 
-defineExpose({ save, getSectionValue });
+defineExpose({ getSectionValue });
 
 onMounted(async () => {
     getSectionValue();
@@ -64,6 +66,9 @@ async function save() {
             route.params.id as string,
             schemeInstance.value as SchemeInstance,
         );
+
+        getSectionValue();
+        emit(UPDATED);
     } catch (error) {
         toast.add({
             severity: ERROR,
@@ -74,18 +79,13 @@ async function save() {
                     : $gettext("Could not save the scheme standard"),
         });
     }
-
-    getSectionValue();
 }
 
 async function getCachedOptions(): Promise<
     ResourceInstanceReference[] | undefined
 > {
     try {
-        const options = !textualWorkOptions.value
-            ? await getOptions()
-            : textualWorkOptions.value;
-
+        const options = textualWorkOptions.value || (await getOptions());
         return options;
     } catch (error) {
         toast.add({
@@ -134,7 +134,7 @@ async function getSectionValue() {
     const options = await getCachedOptions();
 
     if (options) {
-        await setSchemeInstance(options);
+        setSchemeInstance(options);
     }
 }
 
@@ -154,14 +154,13 @@ function onCreationUpdate(val: string[]) {
 </script>
 
 <template>
-    <div v-if="!mode || mode === VIEW">
+    <div v-if="mode === VIEW">
         <SchemeReportSection
             :title-text="$gettext('Scheme Standards Followed')"
-            @open-editor="emits(OPEN_EDITOR)"
+            @open-editor="emit(OPEN_EDITOR)"
         >
             <ResourceInstanceRelationships
                 :value="schemeInstance?.creation?.creation_sources"
-                :mode="VIEW"
             />
             <!-- Discussion of namespace_type indicated it should not be displayed or edited manually,
                  if this changes, the ControlledListItem widget can be used.-->
@@ -174,5 +173,9 @@ function onCreationUpdate(val: string[]) {
             :mode="EDIT"
             @update="onCreationUpdate"
         />
+        <Button
+            :label="$gettext('Update')"
+            @click="save"
+        ></Button>
     </div>
 </template>
diff --git a/arches_lingo/src/arches_lingo/components/scheme/report/SchemeUri.vue b/arches_lingo/src/arches_lingo/components/scheme/report/SchemeUri.vue
index b31483f3..072b92c2 100644
--- a/arches_lingo/src/arches_lingo/components/scheme/report/SchemeUri.vue
+++ b/arches_lingo/src/arches_lingo/components/scheme/report/SchemeUri.vue
@@ -6,6 +6,6 @@ const { $gettext } = useGettext();
 
 <template>
     <SchemeReportSection :title-text="$gettext('Scheme URI')">
-        abc
+        todo
     </SchemeReportSection>
 </template>
diff --git a/arches_lingo/src/arches_lingo/constants.ts b/arches_lingo/src/arches_lingo/constants.ts
index a197c2a7..c1b4c758 100644
--- a/arches_lingo/src/arches_lingo/constants.ts
+++ b/arches_lingo/src/arches_lingo/constants.ts
@@ -9,6 +9,7 @@ export const CONTRAST = "contrast";
 export const EDIT = "edit";
 export const VIEW = "view";
 export const OPEN_EDITOR = "openEditor";
+export const UPDATED = "updated";
 
 export const DEFAULT_ERROR_TOAST_LIFE = 8000;
 export const SEARCH_RESULTS_PER_PAGE = 25;
diff --git a/arches_lingo/src/arches_lingo/pages/SchemePage.vue b/arches_lingo/src/arches_lingo/pages/SchemePage.vue
index f2113083..ba9f2d93 100644
--- a/arches_lingo/src/arches_lingo/pages/SchemePage.vue
+++ b/arches_lingo/src/arches_lingo/pages/SchemePage.vue
@@ -13,7 +13,7 @@ import type { SectionTypes } from "@/arches_lingo/types.ts";
 
 const editorVisible = ref(false);
 const sectionVisible = ref(true);
-const editorTab = ref<string>();
+const editorForm = ref<string>();
 const editorTileId = ref<string>();
 
 const childRefs = ref<Array<SectionTypes>>([]);
@@ -33,8 +33,8 @@ const onClose = () => {
     sectionVisible.value = true;
 };
 
-const onOpenEditor = (tab: string, tileId: string) => {
-    editorTab.value = tab;
+const onOpenEditor = (form: string, tileId: string) => {
+    editorForm.value = form;
     editorVisible.value = true;
     sectionVisible.value = true;
     editorTileId.value = tileId;
@@ -88,9 +88,9 @@ const getRef = (el: object | null, index: number) => {
             :min-size="33"
         >
             <SchemeEditor
-                v-if="editorTab"
+                v-if="editorForm"
                 :editor-max="sectionVisible"
-                :active-tab="editorTab"
+                :editor-form="editorForm"
                 :tile-id="editorTileId"
                 @maximize="onMaximize"
                 @side="onSide"
diff --git a/arches_lingo/src/arches_lingo/routes.ts b/arches_lingo/src/arches_lingo/routes.ts
index 11fc9608..a8d0cdab 100644
--- a/arches_lingo/src/arches_lingo/routes.ts
+++ b/arches_lingo/src/arches_lingo/routes.ts
@@ -55,7 +55,7 @@ export const routes = [
         component: () => import("@/arches_lingo/pages/SchemePage.vue"),
         meta: {
             shouldShowNavigation: true,
-            shouldShowHierarchy: false,
+            shouldShowHierarchy: true,
             requiresAuthentication: true,
         },
     },
diff --git a/arches_lingo/src/arches_lingo/types.ts b/arches_lingo/src/arches_lingo/types.ts
index ad9074fe..b44443fe 100644
--- a/arches_lingo/src/arches_lingo/types.ts
+++ b/arches_lingo/src/arches_lingo/types.ts
@@ -1,13 +1,13 @@
 import type { Ref } from "vue";
 import type { TreeNode } from "primevue/treenode";
 import type { Label } from "@/arches_vue_utils/types.ts";
-import SchemeLabel from "@/arches_lingo/components/scheme/report/SchemeLabel.vue";
-import SchemeNamespace from "@/arches_lingo/components/scheme/report/SchemeNamespace.vue";
-import SchemeLicense from "@/arches_lingo/components/scheme/report/SchemeLicense.vue";
-import SchemeStandard from "@/arches_lingo/components/scheme/report/SchemeStandard.vue";
-import SchemeAuthority from "@/arches_lingo/components/scheme/report/SchemeAuthority.vue";
-import SchemeNote from "@/arches_lingo/components/scheme/report/SchemeNote.vue";
-import type { EDIT, VIEW } from "@/constants.ts";
+import type { EDIT, VIEW } from "./constants";
+import SchemeNamespace from "@/arches_lingo/src/arches_lingo/components/scheme/report/SchemeNamespace.vue";
+import SchemeLabel from "@/arches_lingo/src/arches_lingo/components/scheme/report/SchemeLabel.vue";
+import SchemeLicense from "@/arches_lingo/src/arches_lingo/components/scheme/report/SchemeLicense.vue";
+import SchemeStandard from "@/arches_lingo/src/arches_lingo/components/scheme/report/SchemeStandard.vue";
+import SchemeAuthority from "@/arches_lingo/src/arches_lingo/components/scheme/report/SchemeAuthority.vue";
+import SchemeNote from "@/arches_lingo/src/arches_lingo/components/scheme/report/SchemeNote.vue";
 
 export interface User {
     first_name: string;
@@ -95,6 +95,7 @@ export interface MetaStringText {
     type: string;
     language: string;
     deleteConfirm: string;
+    noRecords: string;
 }
 
 export interface AppellativeStatus {