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