Compare commits
No commits in common. "2252a494675b4af4131b359ba81a819a76a3008b" and "347181f21a22717ccfdb3f7750cb107a3ab09ee4" have entirely different histories.
2252a49467
...
347181f21a
|
@ -1,6 +1,7 @@
|
||||||
<template>
|
<template>
|
||||||
<div id="content" class="app-upschooling">
|
<div id="content" class="app-upschooling">
|
||||||
<AppNavigation />
|
<AppNavigation>
|
||||||
|
</AppNavigation>
|
||||||
<AppContent>
|
<AppContent>
|
||||||
<Ticket />
|
<Ticket />
|
||||||
</AppContent>
|
</AppContent>
|
||||||
|
|
|
@ -1,32 +1,23 @@
|
||||||
<template>
|
<template>
|
||||||
<div class="single-ticket">
|
<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>
|
<h2>Ticket "ding"</h2>
|
||||||
<KeyValueTable :data-rows="{Name: 'Bernd', Status: 'Offen', Ablaufdatum: 'gestern'}" />
|
<HeaderlessKeyValueTable :data-rows="{Name: 'Bernd', Status: 'Offen', Ablaufdatum: 'gestern'}" />
|
||||||
<br>
|
<br>
|
||||||
<label for="description">{{ t('upschooling', 'Beschreibung') }}</label>
|
<label for="description">Beschreibung</label>
|
||||||
<textarea id="description" v-model.trim.lazy="description" rows="15" />
|
<textarea id="description" v-model.trim.lazy="description" />
|
||||||
<br>
|
<br>
|
||||||
<button @click="save">
|
<button @click="save">
|
||||||
Speichern
|
Speichern
|
||||||
</button>
|
</button>
|
||||||
<hr>
|
<hr>
|
||||||
<div class="placeholder" />
|
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import KeyValueTable from './components/KeyValueTable'
|
import HeaderlessKeyValueTable from './components/HeaderlessKeyValueTable'
|
||||||
export default {
|
export default {
|
||||||
name: 'Ticket',
|
name: 'Ticket',
|
||||||
components: { KeyValueTable },
|
components: { HeaderlessKeyValueTable },
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
description: '',
|
description: '',
|
||||||
|
@ -41,19 +32,5 @@ export default {
|
||||||
<style scoped>
|
<style scoped>
|
||||||
textarea {
|
textarea {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
margin: 0;
|
|
||||||
resize: vertical;
|
|
||||||
}
|
|
||||||
|
|
||||||
.placeholder {
|
|
||||||
height: 400px;
|
|
||||||
width: 100%;
|
|
||||||
background: #f0f0f0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.header-bar {
|
|
||||||
display: flex;
|
|
||||||
width: 100%;
|
|
||||||
flex-direction: row-reverse;
|
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
Loading…
Reference in a new issue