funky-framadate-front/site/cadrage/i18n/index.html

277 lines
12 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="canonical" href="https://framagit.org/framasoft/framadate/funky-framadate-front/cadrage/i18n/">
<link rel="shortcut icon" href="../../img/favicon.ico">
<title>Traduction - Funky Framadate Front end</title>
<link href="../../css/bootstrap.min.css" rel="stylesheet">
<link href="../../css/font-awesome.min.css" rel="stylesheet">
<link href="../../css/base.css" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.0/styles/darcula.min.css">
<script src="../../js/jquery-1.10.2.min.js" defer></script>
<script src="../../js/bootstrap.min.js" defer></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.0/highlight.min.js"></script>
<script>hljs.initHighlightingOnLoad();</script>
</head>
<body>
<div class="navbar fixed-top navbar-expand-lg navbar-dark bg-dark">
<div class="container">
<a class="navbar-brand" href="../..">Funky Framadate Front end</a>
<!-- Expander button -->
<button type="button" class="navbar-toggler" data-toggle="collapse" data-target="#navbar-collapse">
<span class="navbar-toggler-icon"></span>
</button>
<!-- Expanded navigation -->
<div id="navbar-collapse" class="navbar-collapse collapse">
<!-- Main navigation -->
<ul class="nav navbar-nav">
<li class="dropdown">
<a href="#" class="nav-link dropdown-toggle" data-toggle="dropdown">Accueil <b class="caret"></b></a>
<ul class="dropdown-menu">
<li>
<a href="../../index.fr/" class="dropdown-item">Framadate - funky version</a>
</li>
<li>
<a href="../../TODO/" class="dropdown-item">en cours</a>
</li>
</ul>
</li>
<li class="dropdown">
<a href="#" class="nav-link dropdown-toggle" data-toggle="dropdown">Guide utilisateur <b class="caret"></b></a>
<ul class="dropdown-menu">
<li>
<a href="../../user-guide/" class="dropdown-item">Guide utilisateur</a>
</li>
<li>
<a href="../../LICENCE.md" class="dropdown-item">None</a>
</li>
</ul>
</li>
<li class="dropdown">
<a href="#" class="nav-link dropdown-toggle" data-toggle="dropdown">Guide administrateur <b class="caret"></b></a>
<ul class="dropdown-menu">
<li>
<a href="../../changelog/" class="dropdown-item">Changelog</a>
</li>
</ul>
</li>
<li class="dropdown active">
<a href="#" class="nav-link dropdown-toggle" data-toggle="dropdown">Guide développeur <b class="caret"></b></a>
<ul class="dropdown-menu">
<li>
<a href="../../GETTING_STARTED/" class="dropdown-item">Démarrer</a>
</li>
<li>
<a href="../../customisation/" class="dropdown-item">Personnaliser</a>
</li>
<li>
<a href="../accessibility/" class="dropdown-item">Accessibilité</a>
</li>
<li>
<a href="../architecture/" class="dropdown-item">Architecture</a>
</li>
<li>
<a href="../../dev-guide/CONTRIBUTE/" class="dropdown-item">Contribuer</a>
</li>
<li>
<a href="../../angular/" class="dropdown-item">Angular</a>
</li>
<li>
<a href="./" class="dropdown-item active">Traduction</a>
</li>
</ul>
</li>
<li class="dropdown">
<a href="#" class="nav-link dropdown-toggle" data-toggle="dropdown">Historique <b class="caret"></b></a>
<ul class="dropdown-menu">
<li>
<a href="../../history.md" class="dropdown-item">Historique</a>
</li>
<li>
<a href="../specifications-fonctionnelles/" class="dropdown-item">Spécifications</a>
</li>
<li class="dropdown-submenu">
<a href="#" class="dropdown-item">Réunions</a>
<ul class="dropdown-menu">
<li>
<a href="../../reunions/0_blank_notes/" class="dropdown-item">Modèle vierge</a>
</li>
<li>
<a href="../../reunions/2020_08_09/" class="dropdown-item">20200809</a>
</li>
<li>
<a href="../../reunions/2019_08_09/" class="dropdown-item">20190809</a>
</li>
</ul>
</li>
</ul>
</li>
</ul>
<ul class="nav navbar-nav ml-auto">
<li class="nav-item">
<a href="#" class="nav-link" data-toggle="modal" data-target="#mkdocs_search_modal">
<i class="fa fa-search"></i> Search
</a>
</li>
<li class="nav-item">
<a rel="prev" href="../../angular/" class="nav-link">
<i class="fa fa-arrow-left"></i> Previous
</a>
</li>
<li class="nav-item">
<a rel="next" href="../specifications-fonctionnelles/" class="nav-link">
Next <i class="fa fa-arrow-right"></i>
</a>
</li>
</ul>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-md-3"><div class="navbar-light navbar-expand-md bs-sidebar hidden-print affix" role="complementary">
<div class="navbar-header">
<button type="button" class="navbar-toggler collapsed" data-toggle="collapse" data-target="#toc-collapse" title="Table of Contents">
<span class="fa fa-angle-down"></span>
</button>
</div>
<div id="toc-collapse" class="navbar-collapse collapse card bg-secondary">
<ul class="nav flex-column">
<li class="nav-item" data-level="1"><a href="#internationalisation-i18n" class="nav-link">Internationalisation - i18n</a>
<ul class="nav flex-column">
<li class="nav-item" data-level="2"><a href="#traduction-de-la-documentation-mkdocs" class="nav-link">Traduction de la documentation mkdocs</a>
<ul class="nav flex-column">
</ul>
</li>
</ul>
</li>
</ul>
</div>
</div></div>
<div class="col-md-9" role="main">
<ul>
<li class="i18n-link i18n-link-not-found i18n-link-en">English: This page isn't translated to English.</li>
</ul>
<h1 id="internationalisation-i18n">Internationalisation - i18n</h1>
<p>Toutes les chaînes de texte doivent être disponible en minimum deux langues: Français et Anglais.</p>
<p>La documentation a été pensée pour être compréhensible en premier lieu par des personnes francophones, le projet étant issu de Framasoft et de personnes uniquement Francophones, nous avons jugé que c'était le moyen le plus efficace pour le faire grandir.</p>
<p>Voir les fichiers src/assets/i18n <a href="/src/assets/i18n/EN.json">EN.json</a> et <a href="/src/assets/i18n/FR.json">FR.json</a>
La traduction se base sur un système de clés-valeur.
Les clés sont entrées dans les templates html, et c'est la config d'Angular qui les traduit selon la langue demandée par le visiteur du site.</p>
<p>Chaque fichier de traduction est déclaré dans le <a href="../../src/app/app.module.ts">AppModule</a> avec le module @ngx-translate. Examinez l'exemple pour rajouter votre propre traduction.</p>
<p>Utilisez des sous groupes dans vos traductions afin de mieux segmenter les chaines de caractère par page et selon le sens qu'elles sous tendent.</p>
<h2 id="traduction-de-la-documentation-mkdocs">Traduction de la documentation mkdocs</h2>
<p>voir ici https://www.mkdocs.org/user-guide/configuration/#lang</p></div>
</div>
</div>
<footer class="col-md-12">
<hr>
<p>Documentation built with <a href="https://www.mkdocs.org/">MkDocs</a>.</p>
</footer>
<script>
var base_url = "../..",
shortcuts = {"help": 191, "next": 78, "previous": 80, "search": 83};
</script>
<script src="../../js/base.js" defer></script>
<script src="../../search/main.js" defer></script>
<div class="modal" id="mkdocs_search_modal" tabindex="-1" role="dialog" aria-labelledby="searchModalLabel" aria-hidden="true">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title" id="searchModalLabel">Search</h4>
<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
</div>
<div class="modal-body">
<p>
From here you can search these documents. Enter
your search terms below.
</p>
<form>
<div class="form-group">
<input type="search" class="form-control" placeholder="Search..." id="mkdocs-search-query" title="Type search term here">
</div>
</form>
<div id="mkdocs-search-results"></div>
</div>
<div class="modal-footer">
</div>
</div>
</div>
</div><div class="modal" id="mkdocs_keyboard_modal" tabindex="-1" role="dialog" aria-labelledby="keyboardModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title" id="keyboardModalLabel">Keyboard Shortcuts</h4>
<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
</div>
<div class="modal-body">
<table class="table">
<thead>
<tr>
<th style="width: 20%;">Keys</th>
<th>Action</th>
</tr>
</thead>
<tbody>
<tr>
<td class="help shortcut"><kbd>?</kbd></td>
<td>Open this help</td>
</tr>
<tr>
<td class="next shortcut"><kbd>n</kbd></td>
<td>Next page</td>
</tr>
<tr>
<td class="prev shortcut"><kbd>p</kbd></td>
<td>Previous page</td>
</tr>
<tr>
<td class="search shortcut"><kbd>s</kbd></td>
<td>Search</td>
</tr>
</tbody>
</table>
</div>
<div class="modal-footer">
</div>
</div>
</div>
</div>
</body>
</html>