From c9921106223fff04d8d78e63d97fbdeeac8c45b6 Mon Sep 17 00:00:00 2001 From: julienmalard Date: Tue, 27 Feb 2024 12:34:55 +0100 Subject: [PATCH] Ajout routeur et kilimukku --- components.d.ts | 5 + index.html | 2 +- public/logo mini.svg | 12 + src/App.vue | 20 +- "src/components/ItemLangueProgr\303\250s.vue" | 50 +++ src/components/MenuLangues.vue | 84 +++++ src/components/PagePrincipale.vue | 295 +++++++++--------- .../PageT\303\251l\303\251chargements.vue" | 5 + src/plugins/index.ts | 4 + src/plugins/kilimukku.ts | 8 + src/plugins/routeur.ts | 31 ++ src/plugins/traducs.json | 1 + "src/utils/t\303\251l\303\251chargements.ts" | 5 +- 13 files changed, 370 insertions(+), 152 deletions(-) create mode 100644 public/logo mini.svg create mode 100644 "src/components/ItemLangueProgr\303\250s.vue" create mode 100644 src/components/MenuLangues.vue create mode 100644 "src/components/PageT\303\251l\303\251chargements.vue" create mode 100644 src/plugins/kilimukku.ts create mode 100644 src/plugins/routeur.ts create mode 100644 src/plugins/traducs.json diff --git a/components.d.ts b/components.d.ts index e739f4b..a1ce942 100644 --- a/components.d.ts +++ b/components.d.ts @@ -9,7 +9,12 @@ declare module 'vue' { export interface GlobalComponents { 'CarteFonctionalité': typeof import('./src/components/CarteFonctionalité.vue')['default'] CarteUtilisation: typeof import('./src/components/CarteUtilisation.vue')['default'] + 'ItemLangueProgrès': typeof import('./src/components/ItemLangueProgrès.vue')['default'] + MenuLangues: typeof import('./src/components/MenuLangues.vue')['default'] PagePrincipale: typeof import('./src/components/PagePrincipale.vue')['default'] + 'PageTéléchargements': typeof import('./src/components/PageTéléchargements.vue')['default'] + RouterLink: typeof import('vue-router')['RouterLink'] + RouterView: typeof import('vue-router')['RouterView'] TitreSection: typeof import('./src/components/TitreSection.vue')['default'] } } diff --git a/index.html b/index.html index bef3ea6..de17c44 100644 --- a/index.html +++ b/index.html @@ -3,7 +3,7 @@ - + Constellation diff --git a/public/logo mini.svg b/public/logo mini.svg new file mode 100644 index 0000000..d8934ca --- /dev/null +++ b/public/logo mini.svg @@ -0,0 +1,12 @@ + + + + + Logo Constellation + + + + + + + diff --git a/src/App.vue b/src/App.vue index a1d2f65..72a9993 100644 --- a/src/App.vue +++ b/src/App.vue @@ -1,13 +1,23 @@ diff --git "a/src/components/ItemLangueProgr\303\250s.vue" "b/src/components/ItemLangueProgr\303\250s.vue" new file mode 100644 index 0000000..a37d3f0 --- /dev/null +++ "b/src/components/ItemLangueProgr\303\250s.vue" @@ -0,0 +1,50 @@ + + diff --git a/src/components/MenuLangues.vue b/src/components/MenuLangues.vue new file mode 100644 index 0000000..2d9aa0d --- /dev/null +++ b/src/components/MenuLangues.vue @@ -0,0 +1,84 @@ + + + + + diff --git a/src/components/PagePrincipale.vue b/src/components/PagePrincipale.vue index d477a48..93f8d44 100644 --- a/src/components/PagePrincipale.vue +++ b/src/components/PagePrincipale.vue @@ -1,150 +1,152 @@ + + + + + +
+

Constellation

+
Le réseau distribué pour les données scientifiques
+
+ + + + + + + + + + + + + + + + + + + + + + + + + Appli en ligne + + + + Aucune installation nécessaire. Disponible sur téléphone et navigateur (pas de Safari, désolé) ! + + + + + + + + Installer Constellation + + + + Pour plus de fonctionnalités et d'indépendance. + + + + + + + + + Accès programmatique + + + + Accéder au réseau Constellation à partir de votre langage de programmation favori. + + + + + + + + Documentation + + + + Les réponses à toutes vos questions. (Nous l'espérons.) + + + + + + +

Nous joindre

 + + + + + Communauté + + + + + + + Code source + + + + + + + Courriel + + + + + + + \ No newline at end of file diff --git a/src/plugins/index.ts b/src/plugins/index.ts index 818042a..2f0a9b1 100644 --- a/src/plugins/index.ts +++ b/src/plugins/index.ts @@ -6,10 +6,14 @@ // Plugins import vuetify from './vuetify' +import routeur from './routeur' +import kilimukku from './kilimukku'; // Types import type { App } from 'vue' export function registerPlugins (app: App) { app.use(vuetify) + app.use(routeur) + app.use(kilimukku); } diff --git a/src/plugins/kilimukku.ts b/src/plugins/kilimukku.ts new file mode 100644 index 0000000..d8027f5 --- /dev/null +++ b/src/plugins/kilimukku.ts @@ -0,0 +1,8 @@ +import messages from './traducs.json'; +import கிளிமூக்கை_உருவாக்கு from '@lassi-js/kilimukku-vue'; + +export default கிளிமூக்கை_உருவாக்கு({ + மொழி: 'fr', + மூல்_மொழி: 'fr', + மூல்_மொழிபெயர்ப்புகள்: messages, +}); diff --git a/src/plugins/routeur.ts b/src/plugins/routeur.ts new file mode 100644 index 0000000..8ccfd7f --- /dev/null +++ b/src/plugins/routeur.ts @@ -0,0 +1,31 @@ +import {createRouter, createWebHashHistory, type RouteRecordRaw} from 'vue-router'; +import PagePrincipale from '@/components/PagePrincipale.vue'; +import PageTéléchargements from '@/components/PageTéléchargements.vue'; +import {மொழிகளைப்_பயன்படுத்து} from '@lassi-js/kilimukku-vue'; + +const routes: Array = [ + { + path: '/', + component: PagePrincipale, + }, + { + path: encodeURI('/téléchargements'), + name: 'Téléchargements', + component: PageTéléchargements, + }, +]; + +const routeur = createRouter({ + history: createWebHashHistory(), + routes, +}); + +routeur.afterEach(to => { + const {lg} = to.query; + if (lg && typeof lg === 'string') { + const {மொழிகளை_தேர்ந்தெடுக்கொள்ளு} = மொழிகளைப்_பயன்படுத்து(); + மொழிகளை_தேர்ந்தெடுக்கொள்ளு(lg); + } +}); + +export default routeur; diff --git a/src/plugins/traducs.json b/src/plugins/traducs.json new file mode 100644 index 0000000..9e26dfe --- /dev/null +++ b/src/plugins/traducs.json @@ -0,0 +1 @@ +{} \ No newline at end of file diff --git "a/src/utils/t\303\251l\303\251chargements.ts" "b/src/utils/t\303\251l\303\251chargements.ts" index 0511433..f7b808a 100644 --- "a/src/utils/t\303\251l\303\251chargements.ts" +++ "b/src/utils/t\303\251l\303\251chargements.ts" @@ -89,7 +89,7 @@ type publicationGitHub = { assets: fichierPublicationGitHub[]; }; -export const lienTéléchargement = async (): Promise => { +export const obtLienTéléchargement = async (): Promise => { const jsonTéléchargements = (await axios.get("https://api.github.com/repos/reseau-constellation/iug/releases")).data as publicationGitHub[]; let versionPlusRécente: string | undefined = undefined; let urlTéléchargement: string | undefined = undefined; @@ -105,6 +105,5 @@ export const lienTéléchargement = async (): Promise => { } } } - if (!urlTéléchargement) throw new Error(); return urlTéléchargement; -} \ No newline at end of file +}