change layout
This commit is contained in:
parent
abcfcc305d
commit
ee71045dd1
52
index.html
52
index.html
@ -44,51 +44,41 @@
|
|||||||
<div id="termine">
|
<div id="termine">
|
||||||
|
|
||||||
<div class="" v-if="shifts.length > 0">
|
<div class="" v-if="shifts.length > 0">
|
||||||
<div class="">
|
|
||||||
<h3 class="title">Termine</h3>
|
<h3 class="title">Termine</h3>
|
||||||
<table class="highlight" >
|
<table class="highlight">
|
||||||
<thead class="">
|
<thead>
|
||||||
<tr>
|
<tr>
|
||||||
<th>Datum</th>
|
<th>Datum</th>
|
||||||
<th>Wochentag</th>
|
|
||||||
<th>Titel</th>
|
|
||||||
<th>Dauer</th>
|
<th>Dauer</th>
|
||||||
|
<th>Info</th>
|
||||||
<th></th>
|
<th></th>
|
||||||
</tr>
|
</tr>
|
||||||
</thead>
|
</thead>
|
||||||
<tbody>
|
<tbody>
|
||||||
<tr v-for="s in shifts" :key="s.id">
|
<template v-for="g in groupedTermine">
|
||||||
<td class="text-xs-right align-middle">
|
<tr v-for="(s,i) in g">
|
||||||
|
<th v-if="i == 0" :rowspan="g.length">
|
||||||
{{s.FormattedDatum}}
|
{{s.FormattedDatum}}
|
||||||
|
</th>
|
||||||
|
<td>{{ s.Beginn }} - {{ s.Ende }} Uhr</td>
|
||||||
|
<td>
|
||||||
|
<h6>{{ s.VEventTitle }}</h6>
|
||||||
|
<p v-if="s.Ort!=''">
|
||||||
|
<i class="material-icons red-text">location_on</i>
|
||||||
|
{{ s.Ort }}
|
||||||
|
</p>
|
||||||
|
<blockquote v-if="s.Ort != s.Beschreibung">
|
||||||
|
{{ s.Beschreibung }}
|
||||||
|
</blockquote>
|
||||||
</td>
|
</td>
|
||||||
<td class="">
|
<td>
|
||||||
{{s.Wochentag}}
|
<button class="btn-flat" @click="removeShift(s)">löschen</button>
|
||||||
</td>
|
<button class="btn-flat" @click="selectShift(s)">bearbeiten</button>
|
||||||
<td class="">
|
|
||||||
{{s.VEventTitle}}
|
|
||||||
<small v-if="s.Ort != ''">
|
|
||||||
<i class="tiny material-icons red-text">location_on</i>{{ s.Ort }}
|
|
||||||
</small>
|
|
||||||
</td>
|
|
||||||
<td class="" v-if="s.Beginn !== '00:00'">
|
|
||||||
{{s.Beginn}} - {{s.Ende}}
|
|
||||||
</td>
|
|
||||||
<td class="" v-else>
|
|
||||||
ganzer Tag
|
|
||||||
</td>
|
|
||||||
<td class="">
|
|
||||||
<a class="btn-flat small red-waves waves-effect" @click.stop="removeShift(s)"><i class="material-icons">delete</i></a>
|
|
||||||
<a class="btn-flat small waves-effect" @click.stop="selectShift(s)"><i class="material-icons">edit</i></a>
|
|
||||||
</td>
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
|
</template>
|
||||||
</tbody>
|
</tbody>
|
||||||
<tfoot>
|
|
||||||
<tr>
|
|
||||||
<th colspan="5" class="right-align"> {{shifts.length }} Dienste</th>
|
|
||||||
</tr>
|
|
||||||
</tfoot>
|
|
||||||
</table>
|
</table>
|
||||||
</div>
|
|
||||||
<div class="card-action">
|
<div class="card-action">
|
||||||
<button class="btn-flat waves-effect"
|
<button class="btn-flat waves-effect"
|
||||||
@click="createDownloadFile"
|
@click="createDownloadFile"
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user