yuanhau/news-analyze
1
0
Fork 0
mirror of https://github.com/hpware/news-analyze.git synced 2025-06-23 13:04:23 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 2

Compeleted the language changing feat.

Browse source 
And updated the assets url to be /_assets/ instead of /_nuxt/
This commit is contained in:
yuanhau 2025-05-15 22:31:50 +08:00
parent a1aecb4623
commit c45a5ea285
5 changed files with 46 additions and 31 deletions
Download patch file Download diff file Expand all files Collapse all files

59
pages/app/desktop/index.vue
View file

@ -72,6 +72,7 @@ const titleAppName = ref("Desktop");
const openingAppViaAnApp = ref(false);
const passedValues = ref();
const globalWindowVal = ref(new Map());
const changeLangAnimation = ref(false);
// Key Data
const menuItems = [
@ -384,12 +385,22 @@ watchEffect(() => {
});
});
// Booting animation
onMounted(() => {
const changeLang = route.query.changelang;
if (changeLang) {
bootingAnimation.value = false;
changeLangAnimation.value = true;
}
setTimeout(() => {
changeLangAnimation.value = false;
}, 4000);
});
onMounted(() => {
// booting animation bypass
const bootingHeaderParams = route.query.bypass;
if (bootingHeaderParams) {
bootingAnimation.value = false;
return;
}
if (bootingAnimation.value) {
gsap.to(popMessage.value, {
@ -397,10 +408,10 @@ onMounted(() => {
text: t("app.booting"),
ease: "none",
});
setTimeout(() => {
bootingAnimation.value = false;
}, 2000);
}
setTimeout(() => {
bootingAnimation.value = false;
}, 2000);
});
watchEffect((cleanupFn) => {
@ -415,6 +426,13 @@ watchEffect((cleanupFn) => {
});
</script>
<template>
<div v-if="changeLangAnimation">
<div
class="flex flex-col justify-center align-center text-center absolute w-full h-screen inset-0 overscroll-none bg-gray-600/50 z-[999999]"
>
<span>{{ t("app.changelangmessage") }}</span>
</div>
</div>
<div v-if="bootingAnimation">
<div
class="flex flex-col justify-center align-center text-center absolute w-full h-screen inset-0 overscroll-none"
@ -464,12 +482,13 @@ watchEffect((cleanupFn) => {
</div>
</div>
<div class="flex flex-row gap-5">
<button
class="p-1 hover:text-blue-200 transition-all duration-100 hover:bg-gray-500 rounded"
@click="toggleLangMenu"
>
{{ t("localeflag") }}
</button>
<NuxtLink :to="localePath('/app/desktop?changelang=1', t('nextlang'))">
<button
class="p-1 hover:text-blue-200 transition-all duration-100 hover:bg-gray-500 rounded"
>
{{ t("localeflag") }}
</button>
</NuxtLink>
<div class="text-center align-middle justify-center text-white">
{{ currentDate }}
</div>
@ -496,26 +515,6 @@ watchEffect((cleanupFn) => {
</div>
</div>
</Transition>
<Transition
enter-active-class="animate__animated animate__fadeInDown animate_fast03"
leave-active-class="animate__animated animate__fadeOutUp animate_fast03"
>
<div v-if="langMenuOpen">
<div
class="w-48 bg-white rounded-md shadow-lg py-1 flex flex-col gap-y-5"
>
<a
v-for="loc in availableLocales"
:key="loc.code"
:href="switchLocalePath(loc.code)"
v-on:click="langMenuOpen = false"
class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 transition-all duration-100"
>
{{ loc.name || loc.code }}
</a>
</div>
</div>
</Transition>
<!--Main desktop contents-->
<div
class="flex flex-col justify-center align-center text-center absolute w-full h-screen inset-x-0 inset-y-0 z-[-10]"