UPschooling/Nextcloud-App
4
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

finish ticket page looks wise

Browse source
This commit is contained in:
Finn 2021-08-22 16:37:12 +02:00
parent 347181f21a
commit d88bd657ef
1 changed files with 28 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

33
src/Ticket.vue
View file

@ -1,23 +1,32 @@
<template>
<div class="single-ticket">
<div class="header-bar">
<button>
{{ t('upschooling', 'Ticket Schließen') }}
</button>
<button>
{{ t('upschooling', 'Speichern') }}
</button>
</div>
<h2>Ticket "ding"</h2>
<HeaderlessKeyValueTable :data-rows="{Name: 'Bernd', Status: 'Offen', Ablaufdatum: 'gestern'}" />
<KeyValueTable :data-rows="{Name: 'Bernd', Status: 'Offen', Ablaufdatum: 'gestern'}" />
<br>
<label for="description">Beschreibung</label>
<textarea id="description" v-model.trim.lazy="description" />
<label for="description">{{ t('upschooling', 'Beschreibung') }}</label>
<textarea id="description" v-model.trim.lazy="description" rows="15" />
<br>
<button @click="save">
Speichern
</button>
<hr>
<div class="placeholder" />
</div>
</template>
<script>
import HeaderlessKeyValueTable from './components/HeaderlessKeyValueTable'
import KeyValueTable from './components/KeyValueTable'
export default {
name: 'Ticket',
components: { HeaderlessKeyValueTable },
components: { KeyValueTable },
data() {
return {
description: '',
@ -32,5 +41,19 @@ export default {
<style scoped>
textarea {
width: 100%;
margin: 0;
resize: vertical;
}
.placeholder {
height: 400px;
width: 100%;
background: #f0f0f0;
}
.header-bar {
display: flex;
width: 100%;
flex-direction: row-reverse;
}
</style>