Fix indentation/formatting

This commit is contained in:
Ben 2022-07-21 13:00:12 +02:00
parent c282b438e4
commit 6f855e22c4
Signed by: ben
GPG key ID: 0F54A7ED232D3319
2 changed files with 82 additions and 82 deletions

View file

@ -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>

View file

@ -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;