janishutz-legacy/batu-ui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

reorganize form

Browse Source
This commit is contained in:
Janis Hutz
2024-10-14 10:55:03 +02:00
parent 8c0b333340
commit b84f8ca40b
1 changed files with 6 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
ui/src/components/formView.vue
View File

@@ -238,12 +238,6 @@
</div> </div>
<div v-if="hasSelectedDate" class="main-interface"> <div v-if="hasSelectedDate" class="main-interface">
<div class="input-element">
<p>How many cigarettes did you smoke on that day?</p>
<input type="number" class="input" v-model="cigaretCount">
</div>
<div class="input-element"> <div class="input-element">
<p>How many hours of sleep did you get approximately?</p> <p>How many hours of sleep did you get approximately?</p>
<input type="number" class="input" v-model="sleepHours"> <input type="number" class="input" v-model="sleepHours">
@@ -268,6 +262,12 @@
<p>That day, I had {{ freeTime >= 0 ? freeTimeLevels[ freeTime ] : '...' }}</p> <p>That day, I had {{ freeTime >= 0 ? freeTimeLevels[ freeTime ] : '...' }}</p>
<stopSlider slider-id="freeTime" style="width: 50vw;" @slider-pos="( pos ) => setFreeTime( pos )" ref="freeTimeSlider" @ready="setUpFreeTimeSlider()"></stopSlider> <stopSlider slider-id="freeTime" style="width: 50vw;" @slider-pos="( pos ) => setFreeTime( pos )" ref="freeTimeSlider" @ready="setUpFreeTimeSlider()"></stopSlider>
</div> </div>
<div class="input-element">
<p>How many cigarettes did you smoke on that day?</p>
<input type="number" class="input" v-model="cigaretCount">
<i>Prediction: coming soon<sup>TM</sup></i>
</div>
<button @click="submitForm()" class="fancy-button" style="margin-top: 20px;">Submit</button> <button @click="submitForm()" class="fancy-button" style="margin-top: 20px;">Submit</button>
</div> </div>
</div> </div>