44 lines
1 KiB
Vue
44 lines
1 KiB
Vue
<template>
|
|
<section class="mt-8">
|
|
<h3 class="text-2xl font-semibold mb-4">Submit a Session</h3>
|
|
|
|
<form action="" @submit.prevent="submit">
|
|
<label class="block mb-4">
|
|
Title
|
|
<input name="title" type="text" class="w-full border border-gray-400 p-2 mt-1" v-model="form.title" required/>
|
|
</label>
|
|
|
|
<label class="block mb-4">
|
|
Abstract
|
|
<textarea name="title" rows="5" class="w-full border border-gray-400 p-2 mt-1" v-model="form.body" required/>
|
|
</label>
|
|
|
|
<input class="cursor-pointer bg-blue-500 hover:bg-blue-700 focus:bg-blue-700 text-gray-100 px-4 py-2 rounded" type="submit" value="Submit session">
|
|
</form>
|
|
</section>
|
|
</template>
|
|
|
|
<script>
|
|
import axios from 'axios'
|
|
|
|
export default {
|
|
data () {
|
|
return {
|
|
form: {
|
|
body: '',
|
|
title: '',
|
|
field_session_status: 'accepted'
|
|
}
|
|
}
|
|
},
|
|
|
|
methods: {
|
|
submit () {
|
|
this.$emit('submit', _.clone(this.form))
|
|
|
|
this.form.body = ''
|
|
this.form.title = ''
|
|
}
|
|
}
|
|
}
|
|
</script>
|