Fix indentation/formatting
This commit is contained in:
parent
c282b438e4
commit
6f855e22c4
12
src/App.vue
12
src/App.vue
|
@ -2,8 +2,8 @@
|
||||||
<div id="content" class="app-upschooling">
|
<div id="content" class="app-upschooling">
|
||||||
<AppNavigation>
|
<AppNavigation>
|
||||||
<AppNavigationCaption title="Meine Support-Tickets" />
|
<AppNavigationCaption title="Meine Support-Tickets" />
|
||||||
<template>
|
<template v-for="item in tickets">
|
||||||
<AppNavigationItem v-for="item in tickets" :key="item.ticketId" v-bind:title="item.title" @click="openTicket(item.ticketId)" />
|
<AppNavigationItem :key="item.ticketId" :title="item.title" @click="openTicket(item.ticketId)" />
|
||||||
<!-- TODO: show only proper tickets -->
|
<!-- TODO: show only proper tickets -->
|
||||||
</template>
|
</template>
|
||||||
</AppNavigation>
|
</AppNavigation>
|
||||||
|
@ -36,7 +36,7 @@ export default {
|
||||||
AppContent,
|
AppContent,
|
||||||
AppNavigation,
|
AppNavigation,
|
||||||
AppNavigationItem,
|
AppNavigationItem,
|
||||||
AppNavigationCaption
|
AppNavigationCaption,
|
||||||
},
|
},
|
||||||
|
|
||||||
data() {
|
data() {
|
||||||
|
@ -110,9 +110,9 @@ export default {
|
||||||
deselectTicket() {
|
deselectTicket() {
|
||||||
this.currentTicket = null
|
this.currentTicket = null
|
||||||
},
|
},
|
||||||
newTicket(){
|
newTicket() {
|
||||||
//TODO generate new empty ticket
|
// TODO: generate new empty ticket
|
||||||
}
|
},
|
||||||
},
|
},
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
|
@ -1,5 +1,5 @@
|
||||||
<template>
|
<template>
|
||||||
<div class="ticketlist">
|
<div class="ticketlist">
|
||||||
<div class="header-bar">
|
<div class="header-bar">
|
||||||
<button @click="newTicket">
|
<button @click="newTicket">
|
||||||
{{ t('upschooling', 'Neues Ticket') }}
|
{{ t('upschooling', 'Neues Ticket') }}
|
||||||
|
@ -57,7 +57,7 @@
|
||||||
</tr>
|
</tr>
|
||||||
</tbody>
|
</tbody>
|
||||||
</table>
|
</table>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
|
@ -81,33 +81,33 @@ export default {
|
||||||
},
|
},
|
||||||
newTicket() {
|
newTicket() {
|
||||||
this.$emit('new-ticket')
|
this.$emit('new-ticket')
|
||||||
}
|
},
|
||||||
},
|
},
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style scoped>
|
<style scoped>
|
||||||
|
table {
|
||||||
table {
|
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
td {
|
td {
|
||||||
border-bottom: solid #000 1px;
|
border-bottom: solid #000 1px;
|
||||||
}
|
}
|
||||||
|
|
||||||
tr:nth-child(2n) {
|
tr:nth-child(2n) {
|
||||||
background: #f0f0f0;
|
background: #f0f0f0;
|
||||||
}
|
}
|
||||||
|
|
||||||
a .ticket-number {
|
a .ticket-number {
|
||||||
opacity: 0.5;
|
opacity: 0.5;
|
||||||
}
|
}
|
||||||
|
|
||||||
a:hover .ticket-number, a:focus .ticket-number, a:active .ticket-number {
|
a:hover .ticket-number, a:focus .ticket-number, a:active .ticket-number {
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
}
|
}
|
||||||
.header-bar {
|
|
||||||
|
.header-bar {
|
||||||
display: flex;
|
display: flex;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
flex-direction: row-reverse;
|
flex-direction: row-reverse;
|
||||||
|
|
Loading…
Reference in a new issue