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>
<div id="body"> <div id="body">
<main class="container"> <main class="container">
<div class="card" id="Dienste"> <div id="Dienste">
<div class="card-content" v-if="shifts.length > 0"> <div class="card" v-if="shifts.length > 0">
<h3 class="card-title">Dienste</h3> <div class="card-content">
<table class="highlight" > <h3 class="card-title">Dienste</h3>
<thead class=""> <table class="highlight" >
<tr> <thead class="">
<th>Datum</th> <tr>
<th>Wochentag</th> <th>Datum</th>
<th>Titel</th> <th>Wochentag</th>
<th>Dauer</th> <th>Titel</th>
<th></th> <th>Dauer</th>
</tr> <th></th>
</thead> </tr>
<tbody> </thead>
<tr v-for="s in shifts" :key="s.id" @click="selectShift(s)"> <tbody>
<td class="text-xs-right align-middle"> <tr v-for="s in shifts" :key="s.id" @click="selectShift(s)">
{{s.FormattedDatum}} <td class="text-xs-right align-middle">
</td> {{s.FormattedDatum}}
<td class=""> </td>
{{s.Wochentag}} <td class="">
</td> {{s.Wochentag}}
<td class=""> </td>
{{s.VEventTitle}} <td class="">
</td> {{s.VEventTitle}}
<td class="" v-if="s.Beginn !== '00:00'"> </td>
{{s.Beginn}} - {{s.Ende}} <td class="" v-if="s.Beginn !== '00:00'">
</td> {{s.Beginn}} - {{s.Ende}}
<td class="" v-else> </td>
ganzer Tag <td class="" v-else>
</td> ganzer Tag
<td class=""> </td>
<a class="btn-flat red-text waves-effect" @click.stop="removeShift(s)"><i class="material-icons">delete</i></a> <td class="">
</td> <a class="btn-flat red-text waves-effect" @click.stop="removeShift(s)"><i class="material-icons">delete</i></a>
</tr> </td>
</tbody> </tr>
<tfoot> </tbody>
<tr> <tfoot>
<th colspan="5" class="text-right"> {{shifts.length }} Dienste</th> <tr>
</tr> <th colspan="5" class="text-right"> {{shifts.length }} Dienste</th>
</tfoot> </tr>
</table> </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>
<div class="card-content" v-if="shifts.length < 1"> <div class="card" v-else>
Noch keine Dienste da. <div class="card-content center-align" style="height:100px;">
</div> <h3 class="card-title">
<div class="card-action" v-if="shifts.length < 1"> Noch keine Dienste da
<label class="btn green" data-position="left" data-tooltip="Dienstplan einlesen" for="fileInput"> </h3>
<i class="material-icons">publish</i>
</label> </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> </div>
<div class="fixed-action-btn"> <div class="fixed-action-btn">