diff --git a/README.md b/README.md index e6b94444..91ab488c 100644 --- a/README.md +++ b/README.md @@ -9,7 +9,9 @@ [YunoHost](https://yunohost.org) administration web interface (VueJS client for the API). This client is a part of the YunoHost project, and can not be installed directly. Please visit the YunoHost website for [installation instructions](https://yunohost.org/install). - + +![](./doc/home.png) + Issues diff --git a/app/src/App.vue b/app/src/App.vue index 8b3aea3f..232f31ae 100644 --- a/app/src/App.vue +++ b/app/src/App.vue @@ -158,6 +158,11 @@ export default { if (today.getDate() === 1 && today.getMonth() + 1 === 4) { this.$store.commit('SET_SPINNER', 'magikarp') } + + // Halloween easter egg ;) + if (today.getDate() === 31 && today.getMonth() + 1 === 10) { + this.$store.commit('SET_SPINNER', 'spookycat') + } } } diff --git a/app/src/assets/spinners/spookycat.gif b/app/src/assets/spinners/spookycat.gif new file mode 100644 index 00000000..0f3e57f6 Binary files /dev/null and b/app/src/assets/spinners/spookycat.gif differ diff --git a/app/src/components/LazyRenderer.vue b/app/src/components/LazyRenderer.vue index bb764f93..399b6c9b 100644 --- a/app/src/components/LazyRenderer.vue +++ b/app/src/components/LazyRenderer.vue @@ -27,8 +27,19 @@ export default { mounted () { let unrenderTimer let renderTimer + this.observer = new IntersectionObserver(entries => { - if (entries[0].isIntersecting) { + let intersecting = entries[0].isIntersecting + + // Fix for weird bug when typing fast in app search or on slow client. + // Intersection is triggered but even if the element is indeed in the viewport, + // isIntersecting is `false`, so we have to manually check this… + // FIXME Would be great to find out why this is happening + if (!intersecting && this.$el.offsetTop < window.innerHeight) { + intersecting = true + } + + if (intersecting) { clearTimeout(unrenderTimer) // Show the component after a delay (to avoid rendering while scrolling fast) renderTimer = setTimeout(() => { diff --git a/app/src/components/globals/formItems/ReadOnlyAlertItem.vue b/app/src/components/globals/formItems/ReadOnlyAlertItem.vue index 2d7ffa42..bc63ff6d 100644 --- a/app/src/components/globals/formItems/ReadOnlyAlertItem.vue +++ b/app/src/components/globals/formItems/ReadOnlyAlertItem.vue @@ -1,6 +1,6 @@