From cbd2a4a75b610a3e8c4d388a325b47efb6b76ad1 Mon Sep 17 00:00:00 2001 From: tykayn Date: Mon, 28 Aug 2023 23:36:26 +0200 Subject: [PATCH] add translate ability --- license-osm/index.html | 774 ++++++++++++++++++++--------------------- license-osm/script.js | 118 ++++++- license-osm/style.css | 5 + 3 files changed, 494 insertions(+), 403 deletions(-) diff --git a/license-osm/index.html b/license-osm/index.html index c0823ba0..58dcaf34 100644 --- a/license-osm/index.html +++ b/license-osm/index.html @@ -121,440 +121,440 @@
-
-

- - - - - - OpenStreetMap - -

- - +
+ + +
+
+ +
+
+
+
+
+

+ ©contributeurs
d’OpenStreetMap +

+
+
+
+
+

+ icon + OpenStreetMap la base de données cartographique + ouverte, collaborative et mondiale +

+
-
-
+
-
+
+ + +

+

+ + This page is also available in + +
+

+
+
    +
  • + + + icon + Partager : copier, distribuer et utiliser la base de données +
    • +
  • + + + icon + Créer : produire des cartes (ou n’importe quoi d’autre !) à partir de la base de + données +
    • +
  • + + + icon + Adapter : modifier, transformer et construire avec la base de données + Et tout cela, pour un usage + icon + + personnel tout autant que + icon + + commercial + Selon les conditions suivantes : +
      +
    • + + + icon + Attribution : vous devez créditer OpenStreetMap pour tout usage public ou + travail + dérivé de la base de données + +
      • +
    • + + + icon + Partage sous les mêmes conditions : si vous faites un usage public de la + base de + données ou + d’une version dérivée, les conditions de l’ODbL s’appliquent + +
      • +
    • + + + icon + Préserver l’ouverture : si vous redistribuez la base de données ou une + version + dérivée + avec des mesures de protection (comme des DRM), vous devez alors également + fournir une version + sans ces + mesures + de protection +
      • +
    +
    • +
- - - - - -

-

- - This page is also available in -
-

- Chacun est libre de contribuer et d’utiliser les données à condition de protéger et de - contribuer à faire - grandir - OpenStreetMap. - Ceci est un résumé expliquant simplement (et en aucun cas un substitut à) la licence ODbL (en - anglais). - OpenStreetMap® est disponible en données libres, sous licence de base de données ouverte Open - Data Commons - (ODbL) - (ODbL) par la Fondation OpenStreetMap (OSMF). - Vous êtes autorisé à : -
    -
  • +
    +
    - - icon - Partager : copier, distribuer et utiliser la base de données -
    • -
  • + + + + icon + Créditer + + + + icon + Contributeurs + + + + icon + Imports interdits + + + + icon + Marque OpenStreetMap® + - - icon - Créer : produire des cartes (ou n’importe quoi d’autre !) à partir de la base de données -
    • -
  • - - - icon - Adapter : modifier, transformer et construire avec la base de données - Et tout cela, pour un usage - icon - - personnel tout autant que - icon - - commercial - Selon les conditions suivantes : -
      -
    • +
+
+
+

icon - Attribution : vous devez créditer OpenStreetMap pour tout usage public ou - travail - dérivé de la base de données + Créditer +

- -
  • + Lorsque vous utilisez des données d’OpenStreetMap, vous devez effectuer les deux + choses + suivantes : + + Donnez crédit à OpenStreetMap en affichant notre avis des droits d’auteur. + Indiquez clairement que les données sont disponibles sous la Licence Open Database. + + + → Voir tous les usages + + + + +
    • +
    + +

    + - icon - Partage sous les mêmes conditions : si vous faites un usage public de la base de - données ou - d’une version dérivée, les conditions de l’ODbL s’appliquent + src="img/noun-together-3266241.svg"> + Contributeurs +

    - -
  • + Les données d’OpenStreetMap sont créées par des milliers de personnes. Ces + contributeurs + peuvent + être + bénévoles + ou + professionnels. + Nous incluons également des données publiées sous licence ouverte par des agences + nationales de + cartographie + et + d’autres sources de données ouvertes. + + → Voir tous les contributeurs + + - - icon - Préserver l’ouverture : si vous redistribuez la base de données ou une version - dérivée - avec des mesures de protection (comme des DRM), vous devez alors également - fournir une version - sans ces - mesures - de protection -
    • - - - - - -
    - - -
    -
    - - - - - icon - Créditer - - - - icon - Contributeurs - - - - icon - Imports interdits - - - - icon - Marque OpenStreetMap® - + L’inclusion de données dans OpenStreetMap n’implique pas que les fournisseurs + d’origine + du + contenu + approuvent + OpenStreetMap, ni qu’ils garantissent ou acceptent quelque responsabilité que ce + soit. + +
    +
    +

    + + icon + Imports interdits +

    + + Nous rappelons aux contributeurs d’OSM qu’ils ne doivent jamais ajouter de données + provenant de + sources + protégées + par le droit d’auteur (copyright) ou des droits voisins (par ex. Google Maps ou des + cartes + imprimées) sans + autorisation explicite de la part des détenteurs de ces droits. + + Si vous pensez que des données protégées par des droits d’auteur ont été ajoutées de + manière + inappropriée à + la + base + de données OpenStreetMap : + + → Procédure de retrait (en anglais) + + + → Page de signalement en ligne (en anglais) + +
    +
    +

    + + icon + Marque OpenStreetMap® +

    + + Les termes OpenStreetMap et State of the Map ainsi que le logo en forme de loupe + sont + des + marques déposées + de la + Fondation OpenStreetMap. + + + → Politique relative aux marques (en anglais) + +
    +
    -
    -
    -

    - - icon - Créditer -

    - - Lorsque vous utilisez des données d’OpenStreetMap, vous devez effectuer les deux choses - suivantes : - - Donnez crédit à OpenStreetMap en affichant notre avis des droits d’auteur. - Indiquez clairement que les données sont disponibles sous la Licence Open Database. - - - → Voir tous les usages - - - - -
    -
    - -

    - - - icon - Contributeurs -

    - - Les données d’OpenStreetMap sont créées par des milliers de personnes. Ces contributeurs - peuvent - être - bénévoles - ou - professionnels. - Nous incluons également des données publiées sous licence ouverte par des agences - nationales de - cartographie - et - d’autres sources de données ouvertes. - - → Voir tous les contributeurs - - - - L’inclusion de données dans OpenStreetMap n’implique pas que les fournisseurs d’origine - du - contenu - approuvent - OpenStreetMap, ni qu’ils garantissent ou acceptent quelque responsabilité que ce soit. - -
    -
    -

    - - icon - Imports interdits -

    - - Nous rappelons aux contributeurs d’OSM qu’ils ne doivent jamais ajouter de données - provenant de - sources - protégées - par le droit d’auteur (copyright) ou des droits voisins (par ex. Google Maps ou des - cartes - imprimées) sans - autorisation explicite de la part des détenteurs de ces droits. - - Si vous pensez que des données protégées par des droits d’auteur ont été ajoutées de - manière - inappropriée à - la - base - de données OpenStreetMap : - - → Procédure de retrait (en anglais) - - - → Page de signalement en ligne (en anglais) - -
    -
    -

    - - icon - Marque OpenStreetMap® -

    - - Les termes OpenStreetMap et State of the Map ainsi que le logo en forme de loupe sont - des - marques déposées - de la - Fondation OpenStreetMap. - - - → Politique relative aux marques (en anglais) - -
    +
    +

    + + icon + Clarifications d’utilisation +

    + La fondation OpenStreetMap détaille ses directives pour les nombreuses possibilité + spécifiques + d’utilisation + des + données : création d’une carte web ou imprimée, utilisation des données via une API, + combinaison + avec des + bases + des données tierces … + + → Directives générales +
    -
    -
    -

    - - icon - Clarifications d’utilisation -

    +
    - La fondation OpenStreetMap détaille ses directives pour les nombreuses possibilité - spécifiques - d’utilisation - des - données : création d’une carte web ou imprimée, utilisation des données via une API, - combinaison - avec des - bases - des données tierces … - - → Directives générales - -
    +

    + Contact +

    -
    + Pour toute question relative à l’interprétation de l’ODbL, veuillez consulter un avocat. + Vous pouvez contacter le legal working group, groupe de travail légal de la fondation. + + → legal-questions@osmfoundation.org + +
    -

    - Contact -

    + +
    - Pour toute question relative à l’interprétation de l’ODbL, veuillez consulter un avocat. - Vous pouvez contacter le legal working group, groupe de travail légal de la fondation. - - → legal-questions@osmfoundation.org - -
    +

    + icon + Avertissement +

    - -
    + Cette page n’est pas une licence et n’a aucune valeur légale. C’est un résumé de + l’ODbL 1.0 + ; une explication + simplifiée du texte juridique complet. La licence ODbL n’existe qu’en anglais. Toute + traduction + de l’ODbL ne + pourrait avoir une quelconque valeur légale. Veuillez vous référer à la licence + + ODbL 1.0 + : seuls ses termes + exacts + ont une valeur légale. +
    -

    - icon - Avertissement -

    - - Cette page n’est pas une licence et n’a aucune valeur légale. C’est un résumé de - l’ODbL 1.0 - ; une explication - simplifiée du texte juridique complet. La licence ODbL n’existe qu’en anglais. Toute traduction - de l’ODbL ne - pourrait avoir une quelconque valeur légale. Veuillez vous référer à la licence - - ODbL 1.0 - : seuls ses termes - exacts - ont une valeur légale. -
    - -
    +
    +
    - - + diff --git a/license-osm/script.js b/license-osm/script.js index 22070a58..61f96f72 100644 --- a/license-osm/script.js +++ b/license-osm/script.js @@ -1,19 +1,105 @@ -let tab_choices = document.querySelectorAll('.tab-choice') -let tabs_content = document.querySelectorAll('.tab-item') +const translations = { + 'FR_fr': { + 'head': 'la base de données cartographique ouverte, collaborative et mondiale', + 'main': '\n' + + ' Chacun est libre de contribuer et d’utiliser les données à condition de protéger et de\n' + + ' contribuer à faire\n' + + ' grandir\n' + + ' OpenStreetMap.\n' + + '\n' + + ' Ceci est un résumé expliquant simplement (et en aucun cas un substitut à) la licence ODbL (en\n' + + ' anglais).\n' + + '\n' + + ' OpenStreetMap® est disponible en données libres, sous licence de base de données ouverte Open\n' + + ' Data Commons\n' + + ' (ODbL)\n' + + ' (ODbL) par la Fondation OpenStreetMap (OSMF).\n' + + ' Vous êtes autorisé à :\n' + + ' ' + }, + 'EN_en': { + 'head': 'the open, collaborative, global cartographic database', + 'main': '\n' + + ' Everyone is free to contribute and use the data, provided that they protect and\n' + + ' contribute to the\n' + + ' grow\n' + + ' OpenStreetMap.\n' + + '\n' + + ' This is a summary explaining simply (and in no way a substitute for) the ODbL license.\n' + + ' license.)\n' + + '\n' + + ' OpenStreetMap® is available as free data, under the Open\n' + + ' Data Commons\n' + + ' (ODbL) open database license\n' + + ' (ODbL) by the OpenStreetMap Foundation (OSMF).\n' + + ' You are authorized to :' + } +} +let defaultLang = 'FR_fr' +// let defaultLang = 'EN_en' -console.log('tab_choices', tab_choices) -tab_choices.forEach(element => { - element.addEventListener('click', (event) => { - console.log('clicked', event) - let attribut = element.getAttribute('data-activate-tab') - console.log('tab_choices', tab_choices) - tabs_content.forEach(element => { - element.classList.remove('active') +window.addEventListener('load', (event) => { + // console.log("La page est complètement chargée"); + let tab_choices = document.querySelectorAll('.tab-choice') + let tabs_content = document.querySelectorAll('.tab-item') + + /** + * choix de tab, onglets + */ + tab_choices.forEach(element => { + element.addEventListener('click', (event) => { + console.log('clicked', event) + let attribut = element.getAttribute('data-activate-tab') + console.log('tab_choices', tab_choices) + tabs_content.forEach(element => { + element.classList.remove('active') + }) + tab_choices.forEach(element => { + element.classList.remove('active') + }) + element.classList.add('active') + document.querySelector(attribut).classList.add('active') }) - tab_choices.forEach(element => { - element.classList.remove('active') - }) - element.classList.add('active') - document.querySelector(attribut).classList.add('active') }) -}) \ No newline at end of file + + /** + changement de langue + */ + let langSelector = document.querySelectorAll('#lang') + console.log('langSelector', langSelector) + langSelector[0].addEventListener('click', (event) => { + console.log('event', event) + currentLang = document.querySelector('#lang').value + console.log('currentLang', currentLang) + applyTranslation() + + }) + + let currentLang = defaultLang + let elementsToTranslate = [] + + let applyTranslation = () => { + elementsToTranslate.forEach((elem) => { + + let dataKey = elem.getAttribute('data-translate') + let foundString = searchContentInJsonForCurrentLang(dataKey) + if (foundString) { + console.log('elem', elem) + elem.innerHTML = (foundString) + } + }) + } + let searchContentInJsonForCurrentLang = (key) => { + console.log('translations[currentLang]', currentLang, translations[currentLang]) + return translations[currentLang][key] + } + let detectAllTranslatedParts = () => { + elementsToTranslate = document.querySelectorAll('[data-translate]') + console.log('elementsToTranslate', elementsToTranslate) + } + + detectAllTranslatedParts() + applyTranslation() + +}) + diff --git a/license-osm/style.css b/license-osm/style.css index f80d64f5..48452a73 100644 --- a/license-osm/style.css +++ b/license-osm/style.css @@ -69,4 +69,9 @@ select { border-left: solid 3px #ccc; padding-left: 1em; padding-top: 1em; +} + +.wip{ + border: dotted 2px #00e7eb; + padding: 1em; } \ No newline at end of file