neviyn/ObservationDatabase
1
0
Fork 0
Code Issues Pull Requests Releases 1 Wiki Activity

Can now transition from home to observation page properly.

Browse Source
This commit is contained in:
neviyn 2018-09-20 16:49:39 +01:00
parent 0b2bbb1dbe
commit 2f3f65a3d7
1 changed files with 50 additions and 39 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

89
frontend/src/views/Home.vue
View File

@ -1,45 +1,47 @@
<template> <template>
<b-container class="home" align-h="center"> <b-container class="home" align-h="center">
<h1>Training Observations</h1> <h1>Training Observations</h1>
<b-row align-h="center"> <b-form @submit="onSubmit" id="submission-form" novalidate>
<b-col> <b-row align-h="center">
<b-form-group label="Site"> <b-col>
<b-form-select :value="site" @input="setSite" :options="siteOptions"></b-form-select> <b-form-group label="Site">
</b-form-group> <b-form-select :value="site" @input="setSite" :options="siteOptions" style="text-align:center;"></b-form-select>
</b-col> </b-form-group>
</b-row> </b-col>
<b-row align-h="center"> </b-row>
<b-col> <b-row align-h="center">
<b-form-group label="Description"> <b-col>
<b-form-input :value="description" @input="setDescription" type="text"></b-form-input> <b-form-group label="Description">
</b-form-group> <b-form-input :value="description" @input="setDescription" type="text" style="text-align:center;"></b-form-input>
</b-col> </b-form-group>
</b-row> </b-col>
<b-row align-h="center"> </b-row>
<b-col> <b-row align-h="center">
<b-form-group label="Type"> <b-col>
<b-form-select :value="type" @input="setType"> <b-form-group label="Type">
<option :value=null>Select a training type</option> <b-form-select :value="type" @input="setType" style="text-align:center;">
<option value="INITIAL">INITIAL</option> <option :value=null>Select a training type</option>
<option value="CONTINUING">CONTINUING</option> <option value="INITIAL">INITIAL</option>
</b-form-select> <option value="CONTINUING">CONTINUING</option>
</b-form-group> </b-form-select>
</b-col> </b-form-group>
</b-row> </b-col>
<b-row align-h="center"> </b-row>
<b-col> <b-row align-h="center">
<b-form-group label="Tutor(s)"> <b-col>
<p v-if="site == null">Select a site first.</p> <b-form-group label="Tutor(s)">
<v-icon name="spinner" spin v-if="loadingTutors" /> <p v-if="site == null">Select a site first.</p>
<b-form-checkbox-group :value="tutors" @input="setTutors" :options="tutorOptions"></b-form-checkbox-group> <v-icon name="spinner" spin v-if="loadingTutors" />
</b-form-group> <b-form-checkbox-group :value="tutors" @input="setTutors" :options="tutorOptions"></b-form-checkbox-group>
</b-col> </b-form-group>
</b-row> </b-col>
<b-row align-h="center"> </b-row>
<b-col> <b-row align-h="center">
<b-button>Start</b-button> <b-col>
</b-col> <b-button type="submit" size="lg" variant="primary">Start</b-button>
</b-row> </b-col>
</b-row>
</b-form>
</b-container> </b-container>
</template> </template>
@ -81,6 +83,15 @@ export default {
this.loadingTutors = false; this.loadingTutors = false;
}); });
} }
},
onSubmit: function(e) {
console.log("submit");
e.preventDefault();
e.stopPropagation();
var form = document.getElementById("submission-form");
if (form.checkValidity()) {
this.$router.push("/observation");
}
} }
} }
}; };