format frontend files
This commit is contained in:
parent
7fc8c37037
commit
757f149dea
2 changed files with 5 additions and 19 deletions
|
|
@ -79,10 +79,7 @@ export const useElementsStore = defineStore('elements', () => {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
async function updateElement(
|
async function updateElement(elementId: string, input: UpdateElementInput): Promise<boolean> {
|
||||||
elementId: string,
|
|
||||||
input: UpdateElementInput,
|
|
||||||
): Promise<boolean> {
|
|
||||||
saveError.value = null
|
saveError.value = null
|
||||||
isSaving.value = true
|
isSaving.value = true
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -16,9 +16,7 @@ interface ElementForm {
|
||||||
|
|
||||||
const route = useRoute()
|
const route = useRoute()
|
||||||
const elementsStore = useElementsStore()
|
const elementsStore = useElementsStore()
|
||||||
const { element, isLoading, error, isSaving, saveError } = storeToRefs(
|
const { element, isLoading, error, isSaving, saveError } = storeToRefs(elementsStore)
|
||||||
elementsStore,
|
|
||||||
)
|
|
||||||
const savedMessage = ref<string | null>(null)
|
const savedMessage = ref<string | null>(null)
|
||||||
|
|
||||||
const form = reactive<ElementForm>({
|
const form = reactive<ElementForm>({
|
||||||
|
|
@ -103,9 +101,7 @@ async function handleSubmit(): Promise<void> {
|
||||||
<h1 class="admin-element-page__heading">Edit Element</h1>
|
<h1 class="admin-element-page__heading">Edit Element</h1>
|
||||||
</header>
|
</header>
|
||||||
|
|
||||||
<p v-if="isLoading" class="admin-element-page__status">
|
<p v-if="isLoading" class="admin-element-page__status">Loading element...</p>
|
||||||
Loading element...
|
|
||||||
</p>
|
|
||||||
<p
|
<p
|
||||||
v-else-if="error"
|
v-else-if="error"
|
||||||
class="admin-element-page__status admin-element-page__status--error"
|
class="admin-element-page__status admin-element-page__status--error"
|
||||||
|
|
@ -113,11 +109,7 @@ async function handleSubmit(): Promise<void> {
|
||||||
>
|
>
|
||||||
{{ error }}
|
{{ error }}
|
||||||
</p>
|
</p>
|
||||||
<form
|
<form v-else-if="element" class="admin-element-page__form" @submit.prevent="handleSubmit">
|
||||||
v-else-if="element"
|
|
||||||
class="admin-element-page__form"
|
|
||||||
@submit.prevent="handleSubmit"
|
|
||||||
>
|
|
||||||
<label class="admin-element-page__field">
|
<label class="admin-element-page__field">
|
||||||
<span class="admin-element-page__label">Title</span>
|
<span class="admin-element-page__label">Title</span>
|
||||||
<input
|
<input
|
||||||
|
|
@ -189,10 +181,7 @@ async function handleSubmit(): Promise<void> {
|
||||||
</button>
|
</button>
|
||||||
<p
|
<p
|
||||||
v-if="statusMessage !== null"
|
v-if="statusMessage !== null"
|
||||||
:class="[
|
:class="['admin-element-page__status', 'admin-element-page__status--inline']"
|
||||||
'admin-element-page__status',
|
|
||||||
'admin-element-page__status--inline',
|
|
||||||
]"
|
|
||||||
data-cy="admin-element-status"
|
data-cy="admin-element-status"
|
||||||
aria-live="polite"
|
aria-live="polite"
|
||||||
>
|
>
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue