chrosey/orchesterdienstplan
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

slight changes in layout

Browse Source
This commit is contained in:
Christian Seyfferth 2019-01-15 12:17:01 +01:00
parent 0cad7ccab4
commit 921bc18061
1 changed files with 74 additions and 48 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

122
index.html
View File

@ -37,55 +37,81 @@
</div>
<div id="body">
<main class="container">
<div class="card" id="Dienste">
<div class="card-content" v-if="shifts.length > 0">
<h3 class="card-title">Dienste</h3>
<table class="highlight" >
<thead class="">
<tr>
<th>Datum</th>
<th>Wochentag</th>
<th>Titel</th>
<th>Dauer</th>
<th></th>
</tr>
</thead>
<tbody>
<tr v-for="s in shifts" :key="s.id" @click="selectShift(s)">
<td class="text-xs-right align-middle">
{{s.FormattedDatum}}
</td>
<td class="">
{{s.Wochentag}}
</td>
<td class="">
{{s.VEventTitle}}
</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 red-text waves-effect" @click.stop="removeShift(s)"><i class="material-icons">delete</i></a>
</td>
</tr>
</tbody>
<tfoot>
<tr>
<th colspan="5" class="text-right"> {{shifts.length }} Dienste</th>
</tr>
</tfoot>
</table>
<div id="Dienste">
<div class="card" v-if="shifts.length > 0">
<div class="card-content">
<h3 class="card-title">Dienste</h3>
<table class="highlight" >
<thead class="">
<tr>
<th>Datum</th>
<th>Wochentag</th>
<th>Titel</th>
<th>Dauer</th>
<th></th>
</tr>
</thead>
<tbody>
<tr v-for="s in shifts" :key="s.id" @click="selectShift(s)">
<td class="text-xs-right align-middle">
{{s.FormattedDatum}}
</td>
<td class="">
{{s.Wochentag}}
</td>
<td class="">
{{s.VEventTitle}}
</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 red-text waves-effect" @click.stop="removeShift(s)"><i class="material-icons">delete</i></a>
</td>
</tr>
</tbody>
<tfoot>
<tr>
<th colspan="5" class="text-right"> {{shifts.length }} Dienste</th>
</tr>
</tfoot>
</table>
</div>
<div class="card-action">
<button class="btn-flat waves-effect"
@click="createDownloadFile"
:disabled=" (remaining > 0) ? null : 'disabled'">
Kalenderdatei erstellen
</button>
<a class="btn-flat waves-effect"
:href="icsFile"
:class="[ icsFile ? '' : 'disabled']"
download="dienstplan.ics"
@click="downloadFile">
Kalenderdatei herunterladen
</a>
<a class="btn-flat red-text waves-effect"
@click="cleanStorage"
:disabled=" (remaining > 0) ? null : 'disabled'">
Dienste löschen
</a>
</div>
</div>
<div class="card-content" v-if="shifts.length < 1">
Noch keine Dienste da.
</div>
<div class="card-action" v-if="shifts.length < 1">
<label class="btn green" data-position="left" data-tooltip="Dienstplan einlesen" for="fileInput">
<i class="material-icons">publish</i>
</label>
<div class="card" v-else>
<div class="card-content center-align" style="height:100px;">
<h3 class="card-title">
Noch keine Dienste da
</h3>
</div>
<div class="card-action">
<label class="btn-flat waves-effect waves-green" data-position="left" data-tooltip="Dienstplan einlesen" for="fileInput">
Datei auswählen
</label>
</div>
</div>
</div>
<div class="fixed-action-btn">