ami/tl-vikunja
1
0
Fork 0
Code Activity

feat: add message to add to home screen on mobile

Browse Source
This commit is contained in:
kolaente
2023-06-12 19:37:58 +02:00
parent 169feaaf0f
commit 3c9083b90d
6 changed files with 102 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/components/home/UpdateNotification.vue
View File

@ -12,9 +12,12 @@
</template>
<script lang="ts" setup>
import {ref} from 'vue'
import {computed, ref} from 'vue'
import {useBaseStore} from '@/stores/base'
const updateAvailable = ref(false)
const baseStore = useBaseStore()
const updateAvailable = computed(() => baseStore.updateAvailable)
const registration = ref(null)
const refreshing = ref(false)
@ -31,11 +34,11 @@ navigator?.serviceWorker?.addEventListener(
function showRefreshUI(e: Event) {
console.log('recieved refresh event', e)
registration.value = e.detail
updateAvailable.value = true
baseStore.setUpdateAvailable(true)
}
function refreshApp() {
updateAvailable.value = false
baseStore.setUpdateAvailable(false)
if (!registration.value || !registration.value.waiting) {
return
}
@ -65,7 +68,6 @@ function refreshApp() {
border-radius: $radius;
font-size: .9rem;
color: var(--grey-900);
}
.update-notification__message {