This commit is contained in:
Christian Seyfferth 2021-03-12 22:23:17 +01:00
parent bddbb24bfe
commit 1e7454bc64
2 changed files with 25 additions and 25 deletions

2
app.js
View File

@ -203,6 +203,8 @@ var app = new Vue({
'use strict'; 'use strict';
shiftStorage.save(shifts); shiftStorage.save(shifts);
this.remaining = shifts.length; this.remaining = shifts.length;
this.icsFile = null;
this.blob = null;
this.makeToast("Änderungen gespeichert."); this.makeToast("Änderungen gespeichert.");
}, },
deep: true deep: true

View File

@ -52,18 +52,6 @@
</a> </a>
</div> </div>
</div> </div>
</li>
<li class="step">
<div class="step-title waves-effect">Dateiformat erkennen</div>
<div class="step-content">
<div v-if="format">Erkanntes Format: {{format}}</div>
<div v-else>keine neue Datei eingelesen</div>
<div class="step-actions">
<button class="waves-effect waves-dark btn next-step">Weiter</button>
</div>
</div>
</li> </li>
<li class="step"> <li class="step">
<div class="step-title waves-effect" data-step-label="Termin-Dauer-Bestimmung"> <div class="step-title waves-effect" data-step-label="Termin-Dauer-Bestimmung">
@ -97,8 +85,9 @@
</a> </a>
</div> </div>
<div class="step-actions"> <div class="step-actions">
<button class="waves-effect waves-dark btn-flat" @click.prevent="applyRules">Regeln <button class="waves-effect waves-dark btn-flat" @click.prevent="applyRules">
anwenden</button> Regeln anwenden
</button>
<button class="waves-effect waves-dark btn next-step">Weiter</button> <button class="waves-effect waves-dark btn next-step">Weiter</button>
</div> </div>
</div> </div>
@ -121,10 +110,17 @@
<th v-if="i == 0" :rowspan="g.length"> <th v-if="i == 0" :rowspan="g.length">
{{s.FormattedDatum}} {{s.FormattedDatum}}
</th> </th>
<td>{{ s.Beginn }} - {{ s.Ende }} Uhr</td> <td>
<button class="waves-effect waves-light btn-small btn-flat" @click.prevent="updateBeginn(s, -1)" title="1 Stunde früher">
<i class="material-icons">skip_previous</i>
</button>
{{ s.Beginn }} - {{ s.Ende }} Uhr
<button class="waves-effect waves-light btn-small btn-flat" @click.prevent="updateBeginn(s, 1)" title="1 Stunde später">
<i class="material-icons">skip_next</i>
</button>
</td>
<td> <td>
<h6>{{ s.VEventTitle }}</h6> <h6>{{ s.VEventTitle }}</h6>
{{ s.Dauer }}
<p v-if="s.Ort!=''"> <p v-if="s.Ort!=''">
<i class="material-icons red-text">location_on</i> <i class="material-icons red-text">location_on</i>
{{ s.Ort }} {{ s.Ort }}
@ -138,8 +134,7 @@
@click.prevent="removeShift(s)">löschen</button> @click.prevent="removeShift(s)">löschen</button>
<button class="btn-flat" <button class="btn-flat"
@click.prevent="selectShift(s)">bearbeiten</button> @click.prevent="selectShift(s)">bearbeiten</button>
<button class="waves-effect waves-dark btn blue" @click.prevent="updateBeginn(s, -1)">1 h früher</button>
<button class="waves-effect waves-dark btn blue" @click.prevent="updateBeginn(s, 1)">1 h später</button>
</td> </td>
</tr> </tr>
</template> </template>
@ -147,10 +142,6 @@
</table> </table>
<div class="step-actions"> <div class="step-actions">
<button class="btn-flat waves-effect" @click.prevent="createDownloadFile"
:disabled=" (remaining > 0) ? null : 'disabled'">
Kalenderdatei erstellen
</button>
<button class="waves-effect waves-dark btn blue" @click.prevent="changeTime(-1)">alle 1 h früher</button> <button class="waves-effect waves-dark btn blue" @click.prevent="changeTime(-1)">alle 1 h früher</button>
<button class="waves-effect waves-dark btn blue" @click.prevent="changeTime(1)">alle 1 h später</button> <button class="waves-effect waves-dark btn blue" @click.prevent="changeTime(1)">alle 1 h später</button>
<button class="waves-effect waves-dark btn next-step">Weiter</button> <button class="waves-effect waves-dark btn next-step">Weiter</button>
@ -160,8 +151,15 @@
<li class="step"> <li class="step">
<div class="step-title waves-effect">Kalenderdatei speichern</div> <div class="step-title waves-effect">Kalenderdatei speichern</div>
<div class="step-content"> <div class="step-content">
<p>
Erst die Kalenderdatei erstellen. Danach kann sie gespeichert werden.
</p>
<div class="step-actions"> <div class="step-actions">
<a class="btn-flat waves-effect" :href="icsFile" :class="[ icsFile ? '' : 'disabled']" <button class="btn waves-effect" @click.prevent="createDownloadFile"
:disabled=" (remaining > 0) ? null : 'disabled'">
Kalenderdatei erstellen
</button>
<a class="btn waves-effect" :href="icsFile" :class="[ icsFile ? '' : 'disabled']"
download="dienstplan.ics" @click.stop="downloadFile"> download="dienstplan.ics" @click.stop="downloadFile">
Kalenderdatei speichern Kalenderdatei speichern
</a> </a>
@ -179,7 +177,7 @@
<button class="btn-flat" @click="false">Abbrechen</button> <button class="btn-flat" @click="false">Abbrechen</button>
</div> </div>
</div> </div>
<div id="ruleModal" class="modal bottom-sheet active"> <div id="ruleModal" class="modal modal-fixed-footer active">
<div class="modal-content"> <div class="modal-content">
<h4>Regel anpassen</h4> <h4>Regel anpassen</h4>
<div class="row"> <div class="row">
@ -208,7 +206,7 @@
@click="discardRule(selectedRule)">Verwerfen</button> @click="discardRule(selectedRule)">Verwerfen</button>
</div> </div>
</div> </div>
<div id="shiftModal" class="modal bottom-sheet"> <div id="shiftModal" class="modal modal-fixed-footer">
<div class="modal-content"> <div class="modal-content">
<h4>{{ selectedShift.VEventTitle || 'kein Titel'}}</h4> <h4>{{ selectedShift.VEventTitle || 'kein Titel'}}</h4>
<div class="row"> <div class="row">