nit #209

archesproject · Feb 27, 2025 · a281dd4 · a281dd4
1 parent 525c922
commit a281dd4
Show file tree

Hide file tree

Showing 12 changed files with 41 additions and 53 deletions.
diff --git a/arches_lingo/src/arches_lingo/components/generic/MetaStringViewer.vue b/arches_lingo/src/arches_lingo/components/generic/MetaStringViewer.vue
@@ -27,8 +27,8 @@ const confirm = useConfirm();
 
 const openEditor =
     inject<(componentName: string, tileid?: string) => void>("openEditor");
-const forceSectionRefresh = inject<(componentName: string) => void>(
-    "forceSectionRefresh",
+const refreshReportSection = inject<(componentName: string) => void>(
+    "refreshReportSection",
 );
 
 const expandedRows = ref([]);
@@ -57,7 +57,7 @@ async function deleteSectionValue(tileId: string) {
     try {
         await deleteLingoTile(props.graphSlug, props.nodegroupAlias, tileId);
 
-        forceSectionRefresh!(props.componentName);
+        refreshReportSection!(props.componentName);
         openEditor!(props.componentName, undefined);
     } catch (error) {
         console.error(error);

diff --git a/arches_lingo/src/arches_lingo/components/scheme/SchemeLabel/components/SchemeLabelEditor.vue b/arches_lingo/src/arches_lingo/components/scheme/SchemeLabel/components/SchemeLabelEditor.vue
@@ -31,8 +31,8 @@ const router = useRouter();
 const schemeEditorFormRef = inject<Ref<Component | null>>(
     "schemeEditorFormRef",
 );
-const forceSectionRefresh = inject<(componentName: string) => void>(
-    "forceSectionRefresh",
+const refreshReportSection = inject<(componentName: string) => void>(
+    "refreshReportSection",
 );
 
 const formRef = useTemplateRef("form");
@@ -72,15 +72,15 @@ async function save(e: FormSubmitEvent) {
             );
         }
 
-        forceSectionRefresh!(props.componentName);
+        refreshReportSection!(props.componentName);
     } catch (error) {
         console.error(error);
     }
 }
 </script>
 
 <template>
-    <h4>{{ props.sectionTitle }}</h4>
+    <h3>{{ props.sectionTitle }}</h3>
 
     <Form
         ref="form"

diff --git a/arches_lingo/src/arches_lingo/components/scheme/SchemeLabel/components/SchemeLabelViewer.vue b/arches_lingo/src/arches_lingo/components/scheme/SchemeLabel/components/SchemeLabelViewer.vue
@@ -42,12 +42,10 @@ const metaStringLabel: MetaStringText = {
     <div class="section-header">
         <h2>{{ props.sectionTitle }}</h2>
 
-        <div>
-            <Button
-                :label="$gettext('Add New Scheme Label')"
-                @click="openEditor!(props.componentName)"
-            ></Button>
-        </div>
+        <Button
+            :label="$gettext('Add New Scheme Label')"
+            @click="openEditor!(props.componentName)"
+        ></Button>
     </div>
 
     <MetaStringViewer

diff --git a/...o/src/arches_lingo/components/scheme/SchemeNamespace/components/SchemeNamespaceEditor.vue b/...o/src/arches_lingo/components/scheme/SchemeNamespace/components/SchemeNamespaceEditor.vue
@@ -27,8 +27,8 @@ const props = defineProps<{
 const schemeEditorFormRef = inject<Ref<Component | null>>(
     "schemeEditorFormRef",
 );
-const forceSectionRefresh = inject<(componentName: string) => void>(
-    "forceSectionRefresh",
+const refreshReportSection = inject<(componentName: string) => void>(
+    "refreshReportSection",
 );
 
 const formRef = useTemplateRef("form");
@@ -68,15 +68,15 @@ async function save(e: FormSubmitEvent) {
             );
         }
 
-        forceSectionRefresh!(props.componentName);
+        refreshReportSection!(props.componentName);
     } catch (error) {
         console.error(error);
     }
 }
 </script>
 
 <template>
-    <h4>{{ props.sectionTitle }}</h4>
+    <h3>{{ props.sectionTitle }}</h3>
 
     <Form
         ref="form"

diff --git a/...o/src/arches_lingo/components/scheme/SchemeNamespace/components/SchemeNamespaceViewer.vue b/...o/src/arches_lingo/components/scheme/SchemeNamespace/components/SchemeNamespaceViewer.vue
@@ -37,14 +37,10 @@ const buttonLabel = computed(() => {
     <div class="section-header">
         <h2>{{ props.sectionTitle }}</h2>
 
-        <div>
-            <Button
-                :label="buttonLabel"
-                @click="
-                    openEditor!(props.componentName, props.tileData?.tileid)
-                "
-            ></Button>
-        </div>
+        <Button
+            :label="buttonLabel"
+            @click="openEditor!(props.componentName, props.tileData?.tileid)"
+        ></Button>
     </div>
 
     <NonLocalizedStringWidget

diff --git a/arches_lingo/src/arches_lingo/components/scheme/SchemeNote/components/SchemeNoteEditor.vue b/arches_lingo/src/arches_lingo/components/scheme/SchemeNote/components/SchemeNoteEditor.vue
@@ -32,8 +32,8 @@ const router = useRouter();
 const schemeEditorFormRef = inject<Ref<Component | null>>(
     "schemeEditorFormRef",
 );
-const forceSectionRefresh = inject<(componentName: string) => void>(
-    "forceSectionRefresh",
+const refreshReportSection = inject<(componentName: string) => void>(
+    "refreshReportSection",
 );
 
 const formRef = useTemplateRef("form");
@@ -73,15 +73,15 @@ async function save(e: FormSubmitEvent) {
             );
         }
 
-        forceSectionRefresh!(props.componentName);
+        refreshReportSection!(props.componentName);
     } catch (error) {
         console.error(error);
     }
 }
 </script>
 
 <template>
-    <h4>{{ props.sectionTitle }}</h4>
+    <h3>{{ props.sectionTitle }}</h3>
 
     <Form
         ref="form"

diff --git a/arches_lingo/src/arches_lingo/components/scheme/SchemeNote/components/SchemeNoteViewer.vue b/arches_lingo/src/arches_lingo/components/scheme/SchemeNote/components/SchemeNoteViewer.vue
@@ -38,12 +38,10 @@ const metaStringLabel: MetaStringText = {
     <div class="section-header">
         <h2>{{ props.sectionTitle }}</h2>
 
-        <div>
-            <Button
-                :label="$gettext('Add New Scheme Note')"
-                @click="openEditor!(props.componentName)"
-            ></Button>
-        </div>
+        <Button
+            :label="$gettext('Add New Scheme Note')"
+            @click="openEditor!(props.componentName)"
+        ></Button>
     </div>
 
     <MetaStringViewer

diff --git a/arches_lingo/src/arches_lingo/components/scheme/SchemeStandard/SchemeStandard.vue b/arches_lingo/src/arches_lingo/components/scheme/SchemeStandard/SchemeStandard.vue
@@ -26,7 +26,7 @@ const props = defineProps<{
 }>();
 
 const isLoading = ref(false);
-const tileData = ref<SchemeCreation[]>([]);
+const tileData = ref<SchemeCreation>();
 
 const shouldCreateNewTile = Boolean(props.mode === EDIT && !props.tileId);
 

diff --git a/...ngo/src/arches_lingo/components/scheme/SchemeStandard/components/SchemeStandardEditor.vue b/...ngo/src/arches_lingo/components/scheme/SchemeStandard/components/SchemeStandardEditor.vue
@@ -27,8 +27,8 @@ const props = defineProps<{
 const schemeEditorFormRef = inject<Ref<Component | null>>(
     "schemeEditorFormRef",
 );
-const forceSectionRefresh = inject<(componentName: string) => void>(
-    "forceSectionRefresh",
+const refreshReportSection = inject<(componentName: string) => void>(
+    "refreshReportSection",
 );
 
 const formRef = useTemplateRef("form");
@@ -68,15 +68,15 @@ async function save(e: FormSubmitEvent) {
             );
         }
 
-        forceSectionRefresh!(props.componentName);
+        refreshReportSection!(props.componentName);
     } catch (error) {
         console.error(error);
     }
 }
 </script>
 
 <template>
-    <h4>{{ props.sectionTitle }}</h4>
+    <h3>{{ props.sectionTitle }}</h3>
 
     <Form
         ref="form"

diff --git a/...ngo/src/arches_lingo/components/scheme/SchemeStandard/components/SchemeStandardViewer.vue b/...ngo/src/arches_lingo/components/scheme/SchemeStandard/components/SchemeStandardViewer.vue
@@ -37,14 +37,10 @@ const buttonLabel = computed(() => {
     <div class="section-header">
         <h2>{{ props.sectionTitle }}</h2>
 
-        <div>
-            <Button
-                :label="buttonLabel"
-                @click="
-                    openEditor!(props.componentName, props.tileData?.tileid)
-                "
-            ></Button>
-        </div>
+        <Button
+            :label="buttonLabel"
+            @click="openEditor!(props.componentName, props.tileData?.tileid)"
+        ></Button>
     </div>
 
     <ResourceInstanceMultiSelectWidget

diff --git a/arches_lingo/src/arches_lingo/components/scheme/editor/SchemeEditor.vue b/arches_lingo/src/arches_lingo/components/scheme/editor/SchemeEditor.vue
@@ -35,7 +35,7 @@ function resetForm() {
 <template>
     <div class="container">
         <div class="header">
-            <h3>{{ $gettext("Editor Tools") }}</h3>
+            <h2>{{ $gettext("Editor Tools") }}</h2>
 
             <div>
                 <Button

diff --git a/arches_lingo/src/arches_lingo/pages/SchemePage.vue b/arches_lingo/src/arches_lingo/pages/SchemePage.vue
@@ -23,9 +23,6 @@ import {
     VIEW,
 } from "@/arches_lingo/constants.ts";
 
-provide("openEditor", openEditor);
-provide("forceSectionRefresh", forceSectionRefresh);
-
 const route = useRoute();
 const { $gettext } = useGettext();
 
@@ -106,7 +103,7 @@ function minimizeEditor() {
     editorState.value = MINIMIZED;
 }
 
-function forceSectionRefresh(componentName: string) {
+function refreshReportSection(componentName: string) {
     const componentDatum = componentData.value.find((componentDatum) => {
         return componentDatum.componentName === componentName;
     });
@@ -115,6 +112,9 @@ function forceSectionRefresh(componentName: string) {
         componentDatum.key += 1;
     }
 }
+
+provide("openEditor", openEditor);
+provide("refreshReportSection", refreshReportSection);
 </script>
 
 <template>