Aelita4
/
AstroCol
1
0
Fork 0
Code Issues 2 Pull Requests Packages Projects 1 Releases Wiki Activity

Add language cookie and switch

This commit is contained in:
Aelita4 2024-10-01 13:35:45 +02:00
parent 2f96c08da3
commit 38960ef308
Signed by: Aelita4
GPG Key ID: E44490C2025906C1
10 changed files with 54 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/ItemCard.astro
View File

@ -11,7 +11,7 @@ interface Props {
button_name: string;
}
const lang = await getLocales(await getHighestWeightedLanguage(Astro.request.headers.get('accept-language')));
const lang = await getLocales(Astro.cookies.get('language')?.value ?? await getHighestWeightedLanguage(Astro.request.headers.get('accept-language')));
---

2
src/components/NavBar.astro
View File

@ -19,7 +19,7 @@ interface NavElement {
dropdowns?: Array<NavElement>;
}
const lang = await getLocales(await getHighestWeightedLanguage(Astro.request.headers.get('accept-language')));
const lang = await getLocales(Astro.cookies.get('language')?.value ?? await getHighestWeightedLanguage(Astro.request.headers.get('accept-language')));
const listOfElements: Array<NavElement> = [{
id: "home",

2
src/components/ResourceBar.astro
View File

@ -7,7 +7,7 @@ import { Resource } from '../lib/classes/managers/ResourceManager';
const resourceTypes = await getAllResources();
const lang = await getLocales(await getHighestWeightedLanguage(Astro.request.headers.get('accept-language')));
const lang = await getLocales(Astro.cookies.get('language')?.value ?? await getHighestWeightedLanguage(Astro.request.headers.get('accept-language')));
const planetId = new ObjectId(Astro.cookies.get('planetid')?.value ?? '');

12
src/layouts/Layout.astro
View File

@ -1,11 +1,23 @@
---
import PlanetView from '../components/PlanetView.astro';
import { getHighestWeightedLanguage } from '../lib/utils/langDriver';
interface Props {
title: string;
}
const { title } = Astro.props;
if(!Astro.cookies.has('language')) {
const locale = await getHighestWeightedLanguage(Astro.request.headers.get('accept-language'));
Astro.cookies.set('language', locale, {
path: "/",
maxAge: 60 * 60 * 24 * 365,
sameSite: "lax",
secure: true
});
}
---
<!doctype html>

14
src/lib/utils/langDriver.ts
View File

@ -1,15 +1,7 @@
import { GET as langs } from '../../pages/api/lang.json';
export async function getSupportedLanguages() {
const metadata: { id: string, name: string }[] = await (await langs()).json();
const response: Array<string> = [];
metadata.forEach((lang: any) => {
response.push(lang.id);
});
return response;
return await (await langs()).json() as { id: string, name: string }[]
}
export async function getHighestWeightedLanguage(header: string | null): Promise<any> {
@ -25,7 +17,7 @@ export async function getHighestWeightedLanguage(header: string | null): Promise
const langName = subArray[0];
const langWeight = subArray.filter((sub: string) => sub.includes("q=")).length > 0 ? parseFloat(subArray.filter((sub: string) => sub.includes("q="))[0].split("=")[1]) : 1;
if(langWeight > highestWeight && supportedLanguages.includes(langName)) {
if(langWeight > highestWeight && supportedLanguages.find(l => l.id === langName)) {
highestWeight = langWeight;
highestWeightedLang = langName;
}
@ -35,7 +27,7 @@ export async function getHighestWeightedLanguage(header: string | null): Promise
}
export async function getLocales(language: string) {
if(!(await getSupportedLanguages()).includes(language)) {
if(!(await getSupportedLanguages()).find(l => l.id === language)) {
console.log(await getSupportedLanguages(), language)
return null;
}

2
src/pages/game/buildings.astro
View File

@ -19,7 +19,7 @@ if(loggedToken === null || username === "") return Astro.redirect('/logout');
const checkUser = await getUserByAccessToken(loggedToken);
if(checkUser === null || checkUser.username !== username) return Astro.redirect('/logout');
const locale = await getHighestWeightedLanguage(Astro.request.headers.get('accept-language'));
const locale = Astro.cookies.get('language')?.value ?? await getHighestWeightedLanguage(Astro.request.headers.get('accept-language'));
const lang = await getLocales(locale);

2
src/pages/game/fleet.astro
View File

@ -44,7 +44,7 @@ for(const system of userSystems) {
}
}
const lang = await getLocales(await getHighestWeightedLanguage(Astro.request.headers.get('accept-language')));
const lang = await getLocales(Astro.cookies.get('language')?.value ?? await getHighestWeightedLanguage(Astro.request.headers.get('accept-language')));
---
<Layout title="Fleet">

34
src/pages/game/profile.astro
View File

@ -2,10 +2,28 @@
import Layout from '../../layouts/Layout.astro';
import NavBar from '../../components/NavBar.astro';
import { getUserByAccessToken, getUserByNickOrEmail } from '../../lib/db/users';
import { getHighestWeightedLanguage, getLocales, getName } from '../../lib/utils/langDriver';
import { getHighestWeightedLanguage, getLocales, getName, getSupportedLanguages } from '../../lib/utils/langDriver';
import ResourceBar from '../../components/ResourceBar.astro';
import format from '../../lib/utils/format';
const availableLanguages = await getSupportedLanguages();
if(Astro.request.method === "POST") {
const body = await Astro.request.formData();
const selectedLanguage = body.get('language')?.toString() ?? null;
if(!selectedLanguage) return Astro.redirect('/profile');
if(!availableLanguages.map(l => l.id).includes(selectedLanguage)) return Astro.redirect('/profile');
Astro.cookies.set('language', selectedLanguage, {
path: '/',
maxAge: 60 * 60 * 24 * 365,
sameSite: 'lax',
secure: true
});
}
const loggedToken = Astro.cookies.get('sessionToken')?.value ?? null;
const username = Astro.cookies.get('username')?.value ?? "";
if(loggedToken === null || username === "") return Astro.redirect('/logout');
@ -13,11 +31,14 @@ if(loggedToken === null || username === "") return Astro.redirect('/logout');
const checkUser = await getUserByAccessToken(loggedToken);
if(checkUser === null || checkUser.username !== username) return Astro.redirect('/logout');
const locale = await getHighestWeightedLanguage(Astro.request.headers.get('accept-language'));
const locale = Astro.cookies.get('language')?.value ?? await getHighestWeightedLanguage(Astro.request.headers.get('accept-language') ?? "en");
const user = await getUserByNickOrEmail(username);
const lang = await getLocales(locale);
const currentLanguage = Astro.cookies.get('language')?.value ?? "en";
---
<Layout title="Profile">
@ -44,6 +65,15 @@ const lang = await getLocales(locale);
<input class="data-form-input" type="password" name="password2" placeholder={getName(lang, 'general', 'input-placeholder-new-password-verify')} />
<input class="data-form-button" type="button" value={getName(lang, 'general', 'change-password')} />
</form>
<form id="changeLanguageForm" class="data-form" method="post">
<h4>{getName(lang, 'general', 'current-language')}: {availableLanguages.find(l => l.id === currentLanguage)?.name ?? "N/A"}</h4>
<select class="data-form-input" name="language">
{availableLanguages.map((lang) => (
<option value={lang.id}>{lang.name}</option>
))}
</select>
<input type="submit" class="data-form-button" value={getName(lang, 'general', 'change-language')} />
</form>
</Layout>
<style>

2
src/pages/game/research.astro
View File

@ -19,7 +19,7 @@ if(checkUser === null || checkUser.username !== username) return Astro.redirect(
const planetId = Astro.cookies.get('planetid')?.value ?? "";
if(planetId === "") return Astro.redirect('/logout');
const locale = await getHighestWeightedLanguage(Astro.request.headers.get('accept-language'));
const locale = Astro.cookies.get('language')?.value ?? await getHighestWeightedLanguage(Astro.request.headers.get('accept-language'));
const lang = await getLocales(locale);

2
src/pages/game/ships.astro
View File

@ -30,7 +30,7 @@ if(!planet) {
return Astro.redirect('/logout');
}
const lang = await getLocales(await getHighestWeightedLanguage(Astro.request.headers.get('accept-language')));
const lang = await getLocales(Astro.cookies.get('language')?.value ?? await getHighestWeightedLanguage(Astro.request.headers.get('accept-language')));
const modalSet: { [key: string]: { resources: Array<any>, research: Array<any>, buildings: Array<any> } } = {};