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] 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 {