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

Observation entry is now full width.

Browse Source
This commit is contained in:
neviyn 2018-11-14 11:08:40 +00:00
parent a1724d2437
commit 380260dc2d
1 changed files with 8 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
frontend/src/views/Observation.vue
View File

@ -1,6 +1,6 @@
<template> <template>
<b-container> <b-container fluid>
<b-container v-if="description != null && type != null && whom != null && site != null && tutors != null"> <b-container v-if="description != null && type != null && whom != null && site != null && tutors != null" fluid style="padding-left: 130px;">
<h3> <h3>
<v-icon name="tag" scale="1.5"/> <v-icon name="tag" scale="1.5"/>
{{type}}&nbsp;/&nbsp;{{description}} {{type}}&nbsp;/&nbsp;{{description}}
@ -70,9 +70,9 @@
</b-row> </b-row>
<br /> <br />
<b-form @submit="onSubmit" id="submission-form" novalidate> <b-form @submit="onSubmit" id="submission-form" novalidate>
<b-container v-for="(item, index) in observations" v-bind:key="index" class="border bottom-buffer"> <b-container v-for="(item, index) in observations" v-bind:key="index" class="border bottom-buffer" fluid>
<b-row class="top-buffer"> <b-row class="top-buffer">
<b-col cols="3"> <b-col cols="2">
<b-form-group label="Type"> <b-form-group label="Type">
<b-form-select v-bind:value="item.type" @change="changeType(index, $event)" required> <b-form-select v-bind:value="item.type" @change="changeType(index, $event)" required>
<option :value=null>Please select an option</option> <option :value=null>Please select an option</option>
@ -100,19 +100,17 @@
</b-col> </b-col>
<b-col> <b-col>
<b-form-group label="Strengths"> <b-form-group label="Strengths">
<b-form-textarea v-model="item.strengths" placeholder="Enter Strengths" :rows="3" <b-form-textarea v-model="item.strengths" placeholder="Enter Strengths" :rows="1"
:max-rows="6" required no-resize> :max-rows="2" required no-resize>
</b-form-textarea> </b-form-textarea>
</b-form-group> </b-form-group>
<b-form-group label="Areas of Improvement"> <b-form-group label="Areas of Improvement">
<b-form-textarea v-model="item.improvements" placeholder="Enter Areas of Improvement" <b-form-textarea v-model="item.improvements" placeholder="Enter Areas of Improvement"
:rows="3" :max-rows="6" required no-resize> :rows="1" :max-rows="2" required no-resize>
</b-form-textarea> </b-form-textarea>
</b-form-group> </b-form-group>
</b-col> </b-col>
</b-row> <b-col cols="1" align-self="center">
<b-row class="bottom-buffer">
<b-col>
<b-button v-on:click="deleteObservation(index)">Delete</b-button> <b-button v-on:click="deleteObservation(index)">Delete</b-button>
</b-col> </b-col>
</b-row> </b-row>