slight changes in layout
This commit is contained in:
parent
0cad7ccab4
commit
921bc18061
40
index.html
40
index.html
@ -37,8 +37,9 @@
|
||||
</div>
|
||||
<div id="body">
|
||||
<main class="container">
|
||||
<div class="card" id="Dienste">
|
||||
<div class="card-content" v-if="shifts.length > 0">
|
||||
<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="">
|
||||
@ -79,15 +80,40 @@
|
||||
</tfoot>
|
||||
</table>
|
||||
</div>
|
||||
<div class="card-content" v-if="shifts.length < 1">
|
||||
Noch keine Dienste da.
|
||||
<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 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>
|
||||
</div>
|
||||
<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">
|
||||
<a class="btn-floating btn-large orange darken-2 waves-effect">
|
||||
<i class="large material-icons">work</i>
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user