opdavies/decoupling-drupal-vuejs
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

Display a confirmation message

Browse source
This commit is contained in:
Oliver Davies 2019-06-04 21:31:43 +01:00
parent 2ed3ca469a
commit 988748899e
1 changed files with 12 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
src/components/SessionForm.vue
View file

@ -2,6 +2,12 @@
<section class="mt-8"> <section class="mt-8">
<h3 class="text-2xl font-semibold mb-4">Submit a Session</h3> <h3 class="text-2xl font-semibold mb-4">Submit a Session</h3>
<div v-if="messages.length" class="bg-green-100 border border-green-300 p-4 mb-6">
<ul class="list-disc list-inside ml-3">
<li v-for="message in messages" :key="message">{{ message }}</li>
</ul>
</div>
<div v-if="errors.length" class="bg-red-100 border border-red-300 p-4 mb-6"> <div v-if="errors.length" class="bg-red-100 border border-red-300 p-4 mb-6">
<ul class="list-disc list-inside ml-3"> <ul class="list-disc list-inside ml-3">
<li v-for="error in errors" :key="error.detail">{{ error.detail }}</li> <li v-for="error in errors" :key="error.detail">{{ error.detail }}</li>
@ -36,7 +42,8 @@ export default {
field_session_status: 'accepted', field_session_status: 'accepted',
field_session_type: 'full', field_session_type: 'full',
title: '' title: ''
} },
messages: []
} }
}, },
@ -68,7 +75,10 @@ export default {
'Content-Type': 'application/vnd.api+json' 'Content-Type': 'application/vnd.api+json'
} }
}) })
.then(response => { .then(({ data }) => {
const title = data.data.attributes.title
this.messages.push(`Session ${title} has been created.`)
this.form.body = '' this.form.body = ''
this.form.title = '' this.form.title = ''
}) })