ekzyis
/
delphi.market
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Add error handling in market form

This commit is contained in:
ekzyis 2023-11-26 23:45:07 +01:00
parent e5e9ae0667
commit afba1c2bfb
1 changed files with 6 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
vue/src/components/MarketForm.vue
View File

@ -10,6 +10,7 @@
<button type="submit">submit</button> <button type="submit">submit</button>
</div> </div>
</form> </form>
<div v-if="err" class="red text-center">{{ err }}</div>
</template> </template>
<script setup> <script setup>
@ -22,6 +23,7 @@ const router = useRouter()
const form = ref(null) const form = ref(null)
const description = ref(null) const description = ref(null)
const endDate = ref(null) const endDate = ref(null)
const err = ref(null)
const parseEndDate = endDate => { const parseEndDate = endDate => {
const [yyyy, mm, dd] = endDate.split('-') const [yyyy, mm, dd] = endDate.split('-')
@ -33,6 +35,10 @@ const submitForm = async () => {
const body = JSON.stringify({ description: description.value, endDate: parseEndDate(endDate.value) }) const body = JSON.stringify({ description: description.value, endDate: parseEndDate(endDate.value) })
const res = await fetch(url, { method: 'post', headers: { 'Content-type': 'application/json' }, body }) const res = await fetch(url, { method: 'post', headers: { 'Content-type': 'application/json' }, body })
const resBody = await res.json() const resBody = await res.json()
if (res.status !== 402) {
err.value = `error: server responded with HTTP ${resBody.status}`
return
}
const invoiceId = resBody.id const invoiceId = resBody.id
router.push('/invoice/' + invoiceId) router.push('/invoice/' + invoiceId)
} }