Skip to content
Snippets Groups Projects
Commit 2a172805 authored by Thilo Wischmeyer's avatar Thilo Wischmeyer Committed by Thilo Wischmeyer
Browse files

Made comment form look somewhat less broken

parent 7b4c92dd
No related branches found
No related tags found
1 merge request!247Resolve "Update Vuetify"
<template>
<v-row>
<v-col
class="mr-1"
lg="12"
md="12"
sm="12"
>
<v-textarea
v-model="currentFeedback"
name="feedback-input"
label="Please provide your feedback here"
rows="2"
outlined
autofocus
auto-grow
hide-details
@keyup.enter.ctrl.exact="submitFeedback"
@keyup.esc="collapseTextField"
@focus="selectInput($event)"
/>
</v-col>
<v-col
class="my-2"
lg="10"
md="8"
sm="8"
>
<label-selector
id="comment-label-selector"
:assigned-to-feedback="false"
:line-no="lineNo"
:labels-unchanged="labelsUnchanged"
:labels-added="labelsAdded"
:labels-removed="labelsRemoved"
@label-added="labelAdded"
@label-removed="labelRemoved"
@submit-shortcut="submitFeedback"
/>
</v-col>
<v-col
class="ma-0"
lg="2"
>
<v-btn
id="submit-comment"
color="success"
@click="submitFeedback"
>
<v-icon>check</v-icon>Submit
</v-btn>
<v-btn
id="cancel-comment"
@click="collapseTextField"
>
<v-icon>cancel</v-icon>cancel
</v-btn>
</v-col>
</v-row>
<v-container>
<v-row>
<v-col>
<v-textarea
v-model="currentFeedback"
name="feedback-input"
label="Please provide your feedback here"
rows="2"
outlined
autofocus
auto-grow
hide-details
@keyup.enter.ctrl.exact="submitFeedback"
@keyup.esc="collapseTextField"
@focus="selectInput($event)"
/>
</v-col>
</v-row>
<v-row>
<v-col>
<label-selector
id="comment-label-selector"
:assigned-to-feedback="false"
:line-no="lineNo"
:labels-unchanged="labelsUnchanged"
:labels-added="labelsAdded"
:labels-removed="labelsRemoved"
@label-added="labelAdded"
@label-removed="labelRemoved"
@submit-shortcut="submitFeedback"
/>
</v-col>
</v-row>
<v-row>
<v-col>
<v-btn
id="submit-comment"
color="success"
@click="submitFeedback"
>
<v-icon>check</v-icon>Submit
</v-btn>
<v-btn
id="cancel-comment"
@click="collapseTextField"
>
<v-icon>cancel</v-icon>cancel
</v-btn>
</v-col>
</v-row>
</v-container>
</template>
<script lang="ts">
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment