Ehrenamt/ff-admin
2
0
Fork 0
Code Issues 9 Pull requests Projects Releases 8 Packages Wiki Activity Actions

#18-public-calendar #19

Merged
jkeffects merged 3 commits from #18-public-calendar into main 2024-12-12 14:04:28 +00:00
Conversation 0 Commits 3 Files changed 19 +51 -2
3 changed files with 51 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files
Showing only changes of commit 2f13e294d9 - Show all commits

BIN
public/calendar.webp Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 312 KiB

6
src/views/admin/club/protocol/ProtocolRouting.vue
View file

@ -91,6 +91,12 @@ export default defineComponent({
}, },
// this.syncState is undefined, so it will never work // this.syncState is undefined, so it will never work
// beforeRouteLeave(to, from, next) { // beforeRouteLeave(to, from, next) {
// const answer = window.confirm('Do you really want to leave? you have unsaved changes!')
// if (answer) {
// next()
// } else {
// next(false)
// }
// if (this.syncState != "synced") { // if (this.syncState != "synced") {
// this.executeSyncAll = Date.now(); // this.executeSyncAll = Date.now();
// this.wantToClose = true; // this.wantToClose = true;

47
src/views/public/calendar/CalendarExplain.vue
View file

@ -12,10 +12,53 @@
</template> </template>
<template #topBar> <template #topBar>
<div class="flex flex-row items-center gap-2 pt-5 pb-3 px-7"> <div class="flex flex-row items-center gap-2 pt-5 pb-3 px-7">
<h1 class="font-bold text-xl h-8">Kalender-Erklärung</h1> <h1 class="font-bold text-xl h-fit">Kalender-Erklärung - WebCal Kalendar einbinden</h1>
</div>
</template>
<template #main>
<div class="instruction">
<h2>iOS: Webcal-Link einbinden</h2>
<ol>
<li>Öffne die <strong>"Einstellungen"</strong> auf deinem iPhone oder iPad.</li>
<li>Scrolle nach unten und wähle <strong>"Kalender"</strong>.</li>
<li>Tippe auf <strong>"Accounts"</strong> und dann auf <strong>"Account hinzufügen"</strong>.</li>
<li>Wähle <strong>"Andere"</strong> und anschließend <strong>"Kalender abonnieren"</strong>.</li>
<li>Gib den <strong>Webcal-Link</strong> in das Feld ein und tippe auf <strong>"Weiter"</strong>.</li>
<li>Der Kalender wird nun hinzugefügt und im Standard-Kalender angezeigt.</li>
</ol>
<!-- <img src="images/ios_calendar_step1.png" alt="iOS Kalender Einstellungen" /> -->
<!-- <img src="images/ios_calendar_step2.png" alt="Webcal-Link eingeben" /> -->
</div>
<br />
<div class="instruction">
<h2>Android: Webcal-Link einbinden</h2>
<p>
Auf Android-Geräten musst du den Webcal-Link über den Google Kalender hinzufügen, da es keine direkte Option
gibt:
</p>
<ol>
<li>
Öffne auf einem Computer oder im Browser den
<strong> <a href="https://calendar.google.com" target="_blank">Google Kalender</a> </strong>.
</li>
<li>Klicke auf das <strong>"+"-Symbol</strong> neben "Weitere Kalender" (links im Menü).</li>
<li>Wähle <strong>"Per URL"</strong> aus.</li>
<li>Gib den <strong>Webcal-Link</strong> ein und klicke auf <strong>"Kalender hinzufügen"</strong>.</li>
<li>Öffne die Google Kalender App auf deinem Android-Gerät und synchronisiere die Änderungen.</li>
</ol>
<!-- <img src="images/android_google_calendar_step1.png" alt="Google Kalender im Browser" /> -->
<!-- <img src="images/android_google_calendar_step2.png" alt="Webcal-Link einfügen" /> -->
</div>
<div class="instruction">
<h2>Hinweise</h2>
<ul>
<li>Der Webcal-Link muss korrekt formatiert sein (beginnt mit <strong>webcal://</strong>).</li>
<li>Wenn der Kalender nicht sofort angezeigt wird, überprüfe die Synchronisierungseinstellungen.</li>
<li>Für Android kann es hilfreich sein, die Google Kalender App zu aktualisieren.</li>
</ul>
</div> </div>
</template> </template>
<template #main> Kalender-Erklärung zur Nutzung </template>
</MainTemplate> </MainTemplate>
</template> </template>