-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
* adds notes section * fix naming nit * wrap gettext in spans * pr feedback * pr feedback
- Loading branch information
1 parent
65e8aed
commit b430b06
Showing
11 changed files
with
258 additions
and
25 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
156 changes: 146 additions & 10 deletions
156
arches_lingo/src/arches_lingo/components/scheme/report/SchemeNote.vue
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -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> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Oops, something went wrong.