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

40
index.html
View File

@ -37,8 +37,9 @@
</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">
<div class="card-content">
<h3 class="card-title">Dienste</h3> <h3 class="card-title">Dienste</h3>
<table class="highlight" > <table class="highlight" >
<thead class=""> <thead class="">
@ -79,15 +80,40 @@
</tfoot> </tfoot>
</table> </table>
</div> </div>
<div class="card-content" v-if="shifts.length < 1"> <div class="card-action">
Noch keine Dienste da. <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-action" v-if="shifts.length < 1"> </div>
<label class="btn green" data-position="left" data-tooltip="Dienstplan einlesen" for="fileInput"> <div class="card" v-else>
<i class="material-icons">publish</i> <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> </label>
</div> </div>
</div> </div>
</div>
<div class="fixed-action-btn"> <div class="fixed-action-btn">
<a class="btn-floating btn-large orange darken-2 waves-effect"> <a class="btn-floating btn-large orange darken-2 waves-effect">
<i class="large material-icons">work</i> <i class="large material-icons">work</i>