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

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
src/App.vue
View File

@ -2,10 +2,10 @@
<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>
<AppContent> <AppContent>
<div v-if="currentTicket"> <div v-if="currentTicket">
@ -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>

148
src/components/TicketList.vue
View File

@ -1,63 +1,63 @@
<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') }}
</button> </button>
</div> </div>
<table <table
id="ticketlist" id="ticketlist"
class="list-container has-controls"> class="list-container has-controls">
<thead> <thead>
<tr> <tr>
<th id="headerName" class="column-name"> <th id="headerName" class="column-name">
<div id="headerName-container"> <div id="headerName-container">
<a class="name sort columntitle" data-sort="name"> <a class="name sort columntitle" data-sort="name">
<span>{{ t('upschooling', 'Titel (#Ticket-Nummer)') }}</span> <span>{{ t('upschooling', 'Titel (#Ticket-Nummer)') }}</span>
<span class="sort-indicator icon-triangle-n" /> <span class="sort-indicator icon-triangle-n" />
</a>
</div>
</th>
<th id="headerStatus" class="column-status">
<a class="status sort columntitle" data-sort="status">
<span>{{ t('upschooling', 'Status') }}</span>
<span class="sort-indicator hidden icon-triangle-s" />
</a> </a>
</div> </th>
</th> <th id="headerDate" class="column-mtime">
<th id="headerStatus" class="column-status"> <a id="modified" class="columntitle" data-sort="mtime">
<a class="status sort columntitle" data-sort="status"> <span>{{ t('upschooling', 'Zuletzt Geändert') }}</span>
<span>{{ t('upschooling', 'Status') }}</span> <span class="sort-indicator hidden icon-triangle-s" />
<span class="sort-indicator hidden icon-triangle-s" /> </a>
</a> </th>
</th> </tr>
<th id="headerDate" class="column-mtime"> </thead>
<a id="modified" class="columntitle" data-sort="mtime"> <tbody id="tickettbody">
<span>{{ t('upschooling', 'Zuletzt Geändert') }}</span> <tr v-for="item in tickets" :key="item.ticketId">
<span class="sort-indicator hidden icon-triangle-s" /> <td class="filename ui-draggable ui-draggable-handle">
</a> <a class="name" :href="'#ticket-' + item.ticketId" @click="openTicket(item.ticketId)">
</th> <span class="nametext">
</tr> <span class="innernametext">{{ item.title }}</span>
</thead> <span class="ticket-number"> (<span class="icon icon-ticket" />#{{ item.ticketId }})</span>
<tbody id="tickettbody"> </span>
<tr v-for="item in tickets" :key="item.ticketId"> </a>
<td class="filename ui-draggable ui-draggable-handle"> </td>
<a class="name" :href="'#ticket-' + item.ticketId" @click="openTicket(item.ticketId)"> <td class="status">
<span class="nametext"> {{ item.status }}
<span class="innernametext">{{ item.title }}</span> </td>
<span class="ticket-number"> (<span class="icon icon-ticket" />#{{ item.ticketId }})</span> <td class="date">
<span
class="modified live-relative-timestamp"
:title="toLocaleDate(item.lastModified)"
:data-timestamp="item.lastModified"
style="color:rgb(81,81,81)">
{{ toLocaleDate(item.lastModified) }}
</span> </span>
</a> </td>
</td> </tr>
<td class="status"> </tbody>
{{ item.status }} </table>
</td> </div>
<td class="date">
<span
class="modified live-relative-timestamp"
:title="toLocaleDate(item.lastModified)"
:data-timestamp="item.lastModified"
style="color:rgb(81,81,81)">
{{ toLocaleDate(item.lastModified) }}
</span>
</td>
</tr>
</tbody>
</table>
</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 {
width: 100%;
}
table { td {
width: 100%; border-bottom: solid #000 1px;
} }
td { tr:nth-child(2n) {
border-bottom: solid #000 1px; background: #f0f0f0;
} }
tr:nth-child(2n) { a .ticket-number {
background: #f0f0f0; opacity: 0.5;
} }
a .ticket-number { a:hover .ticket-number, a:focus .ticket-number, a:active .ticket-number {
opacity: 0.5; opacity: 1;
} }
a:hover .ticket-number, a:focus .ticket-number, a:active .ticket-number { .header-bar {
opacity: 1;
}
.header-bar {
display: flex; display: flex;
width: 100%; width: 100%;
flex-direction: row-reverse; flex-direction: row-reverse;