updates with components for individual sections

arches_lingo/src/arches_lingo/api.ts

@@ -37,21 +37,6 @@ export const fetchUser = async () => {
     return parsed;
 };
 
-export const fetchSchemeResource = async (id: string | string[]) => {
-    const resourceRequest = await fetch(
-        `${arches.urls.api_resources(id)}?format=json&v=beta&hide_empty_nodes=false`,
-    );
-    try {
-        const resource = await resourceRequest.json();
-        if (resourceRequest.ok) {
-            return resource;
-        }
-        throw new Error(resource.message);
-    } catch (error) {
-        throw new Error((error as Error).message || resourceRequest.statusText);
-    }
-};
-
 export const fetchSearchResults = async (
     searchTerm: string,
     items: number,

arches_lingo/src/arches_lingo/components/scheme/report/SchemeAuthority.vue

@@ -0,0 +1,11 @@
+<script setup lang="ts">
+import { useGettext } from "vue3-gettext";
+import SchemeReportSection from "@/arches_lingo/components/scheme/report/SchemeSection.vue";
+const { $gettext } = useGettext();
+</script>
+
+<template>
+    <SchemeReportSection :title-text="$gettext('Trusted Authorities')">
+        abc
+    </SchemeReportSection>
+</template>

arches_lingo/src/arches_lingo/components/scheme/report/SchemeLicense.vue

@@ -0,0 +1,11 @@
+<script setup lang="ts">
+import { useGettext } from "vue3-gettext";
+import SchemeReportSection from "@/arches_lingo/components/scheme/report/SchemeSection.vue";
+const { $gettext } = useGettext();
+</script>
+
+<template>
+    <SchemeReportSection :title-text="$gettext('License')">
+        abc
+    </SchemeReportSection>
+</template>

arches_lingo/src/arches_lingo/components/scheme/report/SchemeNote.vue

@@ -0,0 +1,11 @@
+<script setup lang="ts">
+import { useGettext } from "vue3-gettext";
+import SchemeReportSection from "@/arches_lingo/components/scheme/report/SchemeSection.vue";
+const { $gettext } = useGettext();
+</script>
+
+<template>
+    <SchemeReportSection :title-text="$gettext('Scheme Notes')">
+        abc
+    </SchemeReportSection>
+</template>

arches_lingo/src/arches_lingo/components/scheme/report/SchemeSection.vue

@@ -0,0 +1,45 @@
+<script setup lang="ts">
+import { useGettext } from "vue3-gettext";
+import Button from "primevue/button";
+
+const { $gettext } = useGettext();
+const props = defineProps<{
+    titleText: string;
+}>();
+
+const buttonText = $gettext(`Add ${props.titleText}`);
+</script>
+
+<template>
+    <div class="section">
+        <div class="header">
+            <h2>{{ props.titleText }}</h2>
+            <div>
+                <Button
+                    :label="buttonText"
+                    @click="$emit('openEditor')"
+                ></Button>
+            </div>
+        </div>
+        <div class="content">
+            <slot></slot>
+        </div>
+    </div>
+</template>
+
+<style scoped>
+.section {
+    margin: 0 1rem;
+}
+.section .header {
+    display: flex;
+    align-items: center;
+    border-bottom: 1px solid #ddd;
+}
+.section .header h2 {
+    flex: 1;
+}
+.content {
+    margin: 1rem 0;
+}
+</style>

arches_lingo/src/arches_lingo/components/scheme/report/SchemeStandard.vue

@@ -0,0 +1,11 @@
+<script setup lang="ts">
+import { useGettext } from "vue3-gettext";
+import SchemeReportSection from "@/arches_lingo/components/scheme/report/SchemeSection.vue";
+const { $gettext } = useGettext();
+</script>
+
+<template>
+    <SchemeReportSection :title-text="$gettext('Scheme Standards Followed')">
+        abc
+    </SchemeReportSection>
+</template>

arches_lingo/src/arches_lingo/components/scheme/report/SchemeUri.vue

@@ -0,0 +1,11 @@
+<script setup lang="ts">
+import { useGettext } from "vue3-gettext";
+import SchemeReportSection from "@/arches_lingo/components/scheme/report/SchemeSection.vue";
+const { $gettext } = useGettext();
+</script>
+
+<template>
+    <SchemeReportSection :title-text="$gettext('Scheme URI')">
+        abc
+    </SchemeReportSection>
+</template>

arches_lingo/src/arches_lingo/pages/SchemeReport.vue

@@ -1,31 +1,23 @@
 <script setup lang="ts">
-import { onMounted, ref } from "vue";
-import { useRoute } from "vue-router";
-import { fetchSchemeResource } from "@/arches_lingo/api.ts";
-import type { SchemeResource } from "@/arches_lingo/types.ts";
-import SchemeSection from "@/arches_lingo/components/detail/SchemeSection.vue";
-
-const route = useRoute();
-const schemeResource = ref<SchemeResource | null>(null);
-
-onMounted(async () => {
-    const resource = (await fetchSchemeResource(
-        route.params.id,
-    )) as SchemeResource;
-    schemeResource.value = resource;
-});
+import Splitter from "primevue/splitter";
+import SplitterPanel from "primevue/splitterpanel";
+import SchemeLicense from "@/arches_lingo/components/scheme/report/SchemeLicense.vue";
+import SchemeNote from "@/arches_lingo/components/scheme/report/SchemeNote.vue";
+import SchemeUri from "@/arches_lingo/components/scheme/report/SchemeUri.vue";
+import SchemeStandard from "@/arches_lingo/components/scheme/report/SchemeStandard.vue";
+import SchemeAuthority from "@/arches_lingo/components/scheme/report/SchemeAuthority.vue";
 </script>
 
 <template>
-    <div v-if="schemeResource">
-        <div
-            v-for="(section, resourceKey) in schemeResource.resource"
-            :key="resourceKey"
-        >
-            <SchemeSection
-                :section="section"
-                :resource-key="resourceKey"
-            />
-        </div>
+    <div>
+        <Splitter>
+            <SplitterPanel>
+                <SchemeNote />
+                <SchemeAuthority />
+                <SchemeStandard />
+                <SchemeLicense />
+                <SchemeUri />
+            </SplitterPanel>
+        </Splitter>
     </div>
 </template>

arches_lingo/src/arches_lingo/types.ts

@@ -30,13 +30,6 @@ export interface Scheme {
     top_concepts: Concept[];
 }
 
-export interface SchemeResource {
-    [key: string]: object;
-    resource: {
-        [key: string]: Array<object>;
-    };
-}
-
 export interface NodeAndParentInstruction {
     node: TreeNode;
     shouldHideSiblings: boolean;