Skip to content
Snippets Groups Projects
Commit 884dfb03 authored by Ina Martini's avatar Ina Martini
Browse files

chore: run format check

parent 2758d5eb
No related branches found
No related tags found
3 merge requests!66Final merge,!57General cleanup of application,!4Pipeline fix
Hide whitespace changes
Inline Side-by-side
src/views/ManageGoalView.vue
+ 108
− 101
View file @ 884dfb03
......@@ -164,120 +164,127 @@ const confirmCancel = () => {
</script>
<template>
<div class="flex md:flex-row flex-col justify-center md:items-start items-center">
<h1 class="font-bold" v-text="pageTitle" />
<div class="flex flex-col gap-5 items-center justify-center">
<div class="flex flex-col">
<p class="mx-4">Tittel*</p>
<input v-model="goalInstance.title" placeholder="Skriv en tittel" type="text" />
</div>
<div class="flex flex-col">
<p class="mx-4">Beskrivelse (valgfri)</p>
<textarea
v-model="goalInstance.description"
class="w-80 h-20 no-rezise"
placeholder="Beskriv sparemålet"
/>
</div>
<div class="flex flex-col sm:flex-row gap-3">
<div class="relative flex-1 min-h-screen">
<h1 class="font-bold flex justify-center items-center" v-text="pageTitle" />
<div class="flex md:flex-row flex-col justify-center md:items-start items-center">
<div class="flex flex-col gap-5 items-center justify-center">
<div class="flex flex-col">
<p class="mx-4">Kroner spart💸</p>
<input
v-model="goalInstance.saved"
class="w-40 text-right"
placeholder="Sparebeløp"
type="number"
/>
<p class="mx-4">Tittel*</p>
<input v-model="goalInstance.title" placeholder="Skriv en tittel" type="text" />
</div>
<div class="flex flex-col">
<p class="mx-4">Av målbeløp💯*</p>
<input
v-model="goalInstance.target"
class="w-40 text-right"
placeholder="Målbeløp"
type="number"
<p class="mx-4">Beskrivelse (valgfri)</p>
<textarea
v-model="goalInstance.description"
class="w-80 h-20 no-rezise"
placeholder="Beskriv sparemålet"
/>
</div>
</div>
<ProgressBar :completion="completion" />
<div class="flex flex-row gap-4">
<div class="flex flex-col">
<p class="mx-4">Forfallsdato*</p>
<input
:min="minDate"
v-model="selectedDate"
placeholder="Forfallsdato"
type="date"
/>
<div class="flex flex-col sm:flex-row gap-3">
<div class="flex flex-col">
<p class="mx-4">Kroner spart💸</p>
<input
v-model="goalInstance.saved"
class="w-40 text-right"
placeholder="Sparebeløp"
type="number"
/>
</div>
<div class="flex flex-col">
<p class="mx-4">Av målbeløp💯*</p>
<input
v-model="goalInstance.target"
class="w-40 text-right"
placeholder="Målbeløp"
type="number"
/>
</div>
</div>
<div class="flex flex-col">
<p>Last opp ikon for utfordringen📸</p>
<button
class="mt-2 font-bold cursor-pointer transition-transform duration-300 ease-in-out hover:scale-110 hover:opacity-90"
>
💾
</button>
<ProgressBar :completion="completion" />
<div class="flex flex-row gap-4">
<div class="flex flex-col">
<p class="mx-4">Forfallsdato*</p>
<input
:min="minDate"
v-model="selectedDate"
placeholder="Forfallsdato"
type="date"
/>
</div>
<div class="flex flex-col">
<p>Last opp ikon for utfordringen📸</p>
<button
class="mt-2 font-bold cursor-pointer transition-transform duration-300 ease-in-out hover:scale-110 hover:opacity-90"
>
💾
</button>
</div>
</div>
</div>
<div class="flex flex-row justify-between w-full">
<button
v-if="isEdit"
class="ml-2 primary danger"
@click="deleteGoal"
v-text="'Slett'"
/>
<button
v-else
class="ml-2 primary danger"
@click="cancelCreation"
v-text="'Avbryt'"
/>
<button class="primary" @click="submitAction" v-text="submitButton" />
</div>
<ModalComponent
:title="modalTitle"
:message="modalMessage"
:isModalOpen="errorModalOpen"
@close="errorModalOpen = false"
>
<template v-slot:input>
<div class="flex justify-center items-center">
<div class="flex flex-col gap-5">
<button class="primary" @click="errorModalOpen = false">Lukk</button>
<div class="flex flex-row justify-between w-full">
<button
v-if="isEdit"
class="ml-2 primary danger"
@click="deleteGoal"
v-text="'Slett'"
/>
<button
v-else
class="ml-2 primary danger"
@click="cancelCreation"
v-text="'Avbryt'"
/>
<button class="primary" @click="submitAction" v-text="submitButton" />
</div>
<ModalComponent
:title="modalTitle"
:message="modalMessage"
:isModalOpen="errorModalOpen"
@close="errorModalOpen = false"
>
<template v-slot:input>
<div class="flex justify-center items-center">
<div class="flex flex-col gap-5">
<button class="primary" @click="errorModalOpen = false">Lukk</button>
</div>
</div>
</div>
</template>
</ModalComponent>
</template>
</ModalComponent>
<ModalComponent
:title="modalTitle"
:message="modalMessage"
:isModalOpen="confirmModalOpen"
@close="confirmModalOpen = false"
>
<template v-slot:input>
<div class="flex justify-center items-center">
<div class="flex flex-col gap-5">
<button class="primary" @click="confirmCancel">Bekreft</button>
<button class="primary danger" @click="confirmModalOpen = false">
Avbryt
</button>
<ModalComponent
:title="modalTitle"
:message="modalMessage"
:isModalOpen="confirmModalOpen"
@close="confirmModalOpen = false"
>
<template v-slot:input>
<div class="flex justify-center items-center">
<div class="flex flex-col gap-5">
<button class="primary" @click="confirmCancel">Bekreft</button>
<button class="primary danger" @click="confirmModalOpen = false">
Avbryt
</button>
</div>
</div>
</div>
</template>
</ModalComponent>
</div>
<div class="md:w-1/4 mt-10 p-5">
<InteractiveSpare
:png-size="10"
:speech="['Her kan du lage et sparemål!', `Trenger du hjelp? Trykk på ❓ nede i høyre hjørne!`]"
direction="left"
/>
</template>
</ModalComponent>
</div>
<div
class="lg:absolute right-5 lg:top-1/4 max-lg:bottom-0 max-lg:mt-44 transform -translate-y-1/2 lg:w-1/4 lg:max-w-xs"
>
<InteractiveSpare
:png-size="10"
:speech="[
'Her kan du lage et sparemål! 💎',
`Trenger du hjelp? Trykk på ❓ nede i høyre hjørne!`
]"
direction="left"
/>
</div>
</div>
</div>
</template>
......
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment