decidim-design 0.28.2 → 0.29.0.rc2
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/app/helpers/decidim/design/activities_helper.rb +23 -23
- data/app/helpers/decidim/design/address_helper.rb +45 -20
- data/app/helpers/decidim/design/announcement_helper.rb +45 -21
- data/app/helpers/decidim/design/application_helper.rb +28 -9
- data/app/helpers/decidim/design/author_helper.rb +57 -35
- data/app/helpers/decidim/design/buttons_helper.rb +67 -11
- data/app/helpers/decidim/design/cards_helper.rb +504 -64
- data/app/helpers/decidim/design/colors_helper.rb +33 -29
- data/app/helpers/decidim/design/follow_helper.rb +6 -17
- data/app/helpers/decidim/design/report_helper.rb +6 -13
- data/app/helpers/decidim/design/share_helper.rb +6 -13
- data/app/helpers/decidim/design/tab_panels_helper.rb +57 -13
- data/app/helpers/decidim/design/typography_helper.rb +4 -3
- data/app/packs/entrypoints/decidim_design.js +1 -0
- data/app/packs/stylesheets/_datepicker.scss +9 -0
- data/app/packs/stylesheets/design.scss +6 -0
- data/app/views/decidim/design/components/accordions.html.erb +19 -17
- data/app/views/decidim/design/components/activities/_static-activities.html.erb +1 -1
- data/app/views/decidim/design/components/activities/_static-activity.html.erb +1 -1
- data/app/views/decidim/design/components/activities.html.erb +1 -1
- data/app/views/decidim/design/components/address.html.erb +1 -1
- data/app/views/decidim/design/components/announcement.html.erb +1 -1
- data/app/views/decidim/design/components/author.html.erb +1 -1
- data/app/views/decidim/design/components/buttons.html.erb +2 -2
- data/app/views/decidim/design/components/cards/_static-card-l-extra-data-2.html.erb +1 -1
- data/app/views/decidim/design/components/cards/_static-card-l-image.html.erb +1 -1
- data/app/views/decidim/design/components/cards/_static-card-l.html.erb +1 -1
- data/app/views/decidim/design/components/cards.html.erb +1 -1
- data/app/views/decidim/design/components/dialogs.html.erb +21 -21
- data/app/views/decidim/design/components/dropdowns.html.erb +14 -14
- data/app/views/decidim/design/components/follow.html.erb +1 -1
- data/app/views/decidim/design/components/forms.html.erb +35 -21
- data/app/views/decidim/design/components/report.html.erb +1 -1
- data/app/views/decidim/design/components/share.html.erb +1 -1
- data/app/views/decidim/design/components/tab_panels.html.erb +1 -1
- data/app/views/decidim/design/components/tooltips.html.erb +104 -0
- data/app/views/decidim/design/foundations/accessibility.html.erb +41 -41
- data/app/views/decidim/design/foundations/color.html.erb +6 -3
- data/app/views/decidim/design/foundations/iconography.html.erb +4 -3
- data/app/views/decidim/design/foundations/layout.html.erb +31 -30
- data/app/views/decidim/design/foundations/typography.html.erb +2 -2
- data/app/views/decidim/design/home/index.html.erb +6 -6
- data/app/views/decidim/design/shared/_cell_call_textarea.html.erb +5 -0
- data/app/views/decidim/design/shared/_cell_snippet.html.erb +1 -3
- data/app/views/decidim/design/shared/_cell_table.html.erb +12 -0
- data/app/views/decidim/design/shared/_table.html.erb +1 -1
- data/config/locales/am-ET.yml +1 -0
- data/config/locales/ar.yml +7 -0
- data/config/locales/bg.yml +309 -0
- data/config/locales/ca.yml +309 -0
- data/config/locales/cs.yml +258 -0
- data/config/locales/da.yml +1 -0
- data/config/locales/de.yml +309 -0
- data/config/locales/el.yml +1 -0
- data/config/locales/en.yml +309 -0
- data/config/locales/eo.yml +1 -0
- data/config/locales/es-MX.yml +309 -0
- data/config/locales/es-PY.yml +309 -0
- data/config/locales/es.yml +309 -0
- data/config/locales/et.yml +1 -0
- data/config/locales/eu.yml +309 -0
- data/config/locales/fa-IR.yml +1 -0
- data/config/locales/fi-plain.yml +309 -0
- data/config/locales/fi.yml +309 -0
- data/config/locales/fr-CA.yml +309 -0
- data/config/locales/fr.yml +309 -0
- data/config/locales/ga-IE.yml +1 -0
- data/config/locales/gl.yml +1 -0
- data/config/locales/gn-PY.yml +1 -0
- data/config/locales/he-IL.yml +1 -0
- data/config/locales/hr.yml +1 -0
- data/config/locales/hu.yml +1 -0
- data/config/locales/id-ID.yml +1 -0
- data/config/locales/is-IS.yml +1 -0
- data/config/locales/it.yml +1 -0
- data/config/locales/ja.yml +309 -0
- data/config/locales/ka-GE.yml +1 -0
- data/config/locales/kaa.yml +1 -0
- data/config/locales/ko.yml +1 -0
- data/config/locales/lb.yml +1 -0
- data/config/locales/lo-LA.yml +1 -0
- data/config/locales/lt.yml +1 -0
- data/config/locales/lv.yml +1 -0
- data/config/locales/mt.yml +1 -0
- data/config/locales/nl.yml +1 -0
- data/config/locales/no.yml +9 -0
- data/config/locales/oc-FR.yml +1 -0
- data/config/locales/om-ET.yml +1 -0
- data/config/locales/pl.yml +309 -0
- data/config/locales/pt-BR.yml +1 -0
- data/config/locales/pt.yml +1 -0
- data/config/locales/ro-RO.yml +45 -0
- data/config/locales/ru.yml +1 -0
- data/config/locales/si-LK.yml +1 -0
- data/config/locales/sk.yml +1 -0
- data/config/locales/sl.yml +1 -0
- data/config/locales/so-SO.yml +1 -0
- data/config/locales/sq-AL.yml +1 -0
- data/config/locales/sr-CS.yml +1 -0
- data/config/locales/sv.yml +1 -0
- data/config/locales/sw-KE.yml +1 -0
- data/config/locales/th-TH.yml +1 -0
- data/config/locales/ti-ER.yml +1 -0
- data/config/locales/tr-TR.yml +78 -0
- data/config/locales/uk.yml +1 -0
- data/config/locales/val-ES.yml +1 -0
- data/config/locales/vi.yml +1 -0
- data/config/locales/zh-CN.yml +1 -0
- data/config/locales/zh-TW.yml +1 -0
- data/decidim-design.gemspec +1 -1
- data/lib/decidim/design/version.rb +1 -1
- metadata +76 -17
- data/app/views/decidim/design/components/address/_static-address-online.html.erb +0 -26
- data/app/views/decidim/design/components/address/_static-address-person.html.erb +0 -25
- data/app/views/decidim/design/components/author/_static-avatar.html.erb +0 -38
- data/app/views/decidim/design/components/author/_static-compact.html.erb +0 -46
- data/app/views/decidim/design/components/author/_static-default.html.erb +0 -35
- data/app/views/decidim/design/components/follow/_static-follow-default.html.erb +0 -4
- data/app/views/decidim/design/components/follow/_static-follow-unfollow.html.erb +0 -4
- data/app/views/decidim/design/components/report/_static-report.html.erb +0 -34
@@ -0,0 +1,309 @@
|
|
1
|
+
---
|
2
|
+
fr-CA:
|
3
|
+
decidim:
|
4
|
+
design:
|
5
|
+
components:
|
6
|
+
accordions:
|
7
|
+
content_panel: Contenu du panneau
|
8
|
+
demo: Démo
|
9
|
+
demo_description: Dans toute l'application, les accordéons sont principalement utilisés pour afficher/masquer le contenu dans des onglets ou plier/déplier les textes visibles.
|
10
|
+
description_accordions_html: Les accordéons sont une fonctionnalité javascript disponible grâce à une bibliothèque externe appelée %{link_code} a11y-accordéon-component.
|
11
|
+
github_source_html: Code source sur GitHub %{github_link}
|
12
|
+
panel: Panneau
|
13
|
+
title: Accordéons
|
14
|
+
trigger: Déclencheur
|
15
|
+
usage: Usage
|
16
|
+
usage_p: Un accordéon nécessite au moins trois éléments
|
17
|
+
usage_p_1_html: 1. Un wrapper <code>div</code>, avec l'attribut de données <code>data-component="accordion"</code>, sur tous les déclencheurs et panneaux disponibles.
|
18
|
+
usage_p_2_html: 2. Un élément de déclencheur utilisable (comme un bouton), pointant vers l'élément pliable à travers <code>data-controls="panel"</code>, où le <i>panneau</i> est l'<code>id</code> du panneau.
|
19
|
+
usage_p_3_html: 3. Un élément cachable, dont l' <code>id</code> correspond à la valeur data-controls à laquelle se réfère le déclencheur.
|
20
|
+
activities:
|
21
|
+
activities: Activités
|
22
|
+
address:
|
23
|
+
title: Adresse
|
24
|
+
announcement:
|
25
|
+
iam_an_announcement: Je suis un message d'annonce
|
26
|
+
this_is_the_body: Ceci est le corps de texte
|
27
|
+
this_is_the_title: Ceci est le titre
|
28
|
+
title: Message d'annonce
|
29
|
+
author:
|
30
|
+
title: Auteur
|
31
|
+
buttons:
|
32
|
+
description_html: 'Les boutons sont construits en utilisant différentes combinaisons de classes CSS : la classe <code>button</code>, une taille et une couleur.'
|
33
|
+
title: Boutons
|
34
|
+
cards:
|
35
|
+
title: Cartes
|
36
|
+
dialogs:
|
37
|
+
dialog_demo_description_html: Les boîtes de dialogue, ou modales, sont implémentées à travers le Rails helper <code>decidim_modal</code>.
|
38
|
+
dialogs_description_html: Les boîtes de dialogue sont une fonctionnalité javascript disponible grâce à une bibliothèque externe appelée <a href="https://github.com/jonathanlevaillant/a11y-dialog-component" target="_blank" rel="noopener noreferrer">a11y-dialog-component</a>.
|
39
|
+
tips_description: 'Pour afficher une modale complexe, correspondants aux styles, faites le balisage suivant :'
|
40
|
+
tips_description_html: Faites attention aux <i>data-attributes</i> et <i>ids</i>. Par exemple, l'id <code>[data-dialog-title]</code> commence par <i>dialog-title</i> plus <i>modal id</i>.
|
41
|
+
title: Boites de dialogues
|
42
|
+
usage_description: Une boîte de dialogue nécessite deux éléments
|
43
|
+
usage_description_2_html: 2. Une modale, dont l' <code>id</code> correspond à la valeur data-target à laquelle se réfère le déclencheur.
|
44
|
+
usage_description_html: 1. Un élément utilisable par l'utilisateur, avec l'attribut de données <code>data-dialog-open="exemple"</code>, où l'exemple est l' <code>id</code> de la modale.
|
45
|
+
follow:
|
46
|
+
title: Abonnements
|
47
|
+
forms:
|
48
|
+
disabled: Désactivé
|
49
|
+
emojis: Emojis
|
50
|
+
emojis_description: Fonctionne uniquement pour une zone de texte
|
51
|
+
errors: Erreurs
|
52
|
+
errors_description: Ne s'applique pas à la liste déroulante
|
53
|
+
header_alert: Cette page provient d'une vue héritée. Le contenu est obsolète.
|
54
|
+
help_texts: Textes d'aide
|
55
|
+
html_regular_inputs: Entrées régulières HTML
|
56
|
+
min_max_length: longueur Min/Max
|
57
|
+
min_max_length_description: Ne fonctionne que pour le type d'entrée = 'text' et la zone de texte
|
58
|
+
multiselect: Sélection multiple
|
59
|
+
multiselect_description_html: Les sélections multiples sont une fonctionnalité javascript disponible grâce à une bibliothèque externe appelée <a href="https://tom-select.js.org/" target="_blank" rel="noopener noreferrer">Tom Select</a>.
|
60
|
+
regular_inputs_description: 'Affiche uniquement les types communs, la liste complète disponible : date, date et heure locale, email, mois, numéro, mot de passe, recherche, tel, texte, heure, url, semaine'
|
61
|
+
textarea_required: zone de texte requise
|
62
|
+
title: Formulaires
|
63
|
+
report:
|
64
|
+
title: Signaler
|
65
|
+
share:
|
66
|
+
title: Partage
|
67
|
+
tab_panels:
|
68
|
+
title: Onglets
|
69
|
+
tooltips:
|
70
|
+
demo: Démo
|
71
|
+
demo_description: Pour que ce composant fonctionne, un participant doit survoler l'élément.
|
72
|
+
description: Une infobulle est un composant que les utilisateurs peuvent survoler pour avoir des informations supplémentaires à son sujet.
|
73
|
+
github_source_html: Code source sur GitHub %{github_link}
|
74
|
+
title: Info-bulles
|
75
|
+
usage: Usage
|
76
|
+
usage_p: 'Une infobulle nécessite l''utilisation du helper`with_tooltip`, avec trois arguments :'
|
77
|
+
usage_p_1_html: '1. Une chaîne de caractères avec la valeur de l''info-bulle. Dans l''exemple de cette page : "Bonjour le monde".'
|
78
|
+
usage_p_2_html: 2. Une classe optionnelle avec un symbole sur l'endroit où l'info-bulle sera affichée. Les valeurs possibles sont <code>:top</code>, <code>:bottom</code>, <code>:right</code>, ou <code>:left</code>.
|
79
|
+
usage_p_3_html: 3. Un bloc avec la chaîne de caractères que l'utilisateur doit survoler pour être affiché.
|
80
|
+
foundations:
|
81
|
+
accessibility:
|
82
|
+
accessibility_labels: Étiquettes d'accessibilité
|
83
|
+
accessibility_labels_paragraph: Lorsque vous définissez des éléments, assurez-vous toujours qu'ils ont un sens pour les utilisateurs du lecteur d'écran.
|
84
|
+
accessibility_title: Accessibilité
|
85
|
+
adjacent_links: Liens adjacents
|
86
|
+
adjacent_links_header: Liens adjacents pour la même ressource
|
87
|
+
adjacent_links_paragraph: Si la même ressource a plusieurs liens adjacents pointant vers elle, Cela rend difficile pour ces utilisateurs de jeter un coup d'œil sur la page car ils pourraient avoir besoin de passer par plusieurs liens pour accéder à la ressource suivante.
|
88
|
+
color_contrast: Contraste des couleurs
|
89
|
+
color_contrast_paragraph: Lorsque vous créez des interfaces utilisateur ou que vous modifiez les couleurs, assurez-vous toujours que vous ne cassez pas l'accessibilité avec vos modifications. Vous pouvez utiliser le vérificateur de contraste de couleur pour vous assurer que vos couleurs ont un contraste suffisant avec la couleur de fond où elles sont affichées.
|
90
|
+
decidim_follows_html: Decidim suit les recommandations du <u>Web Content Accessibility Guidelines (WCAG) 2.1</u>
|
91
|
+
dynamic_changes_header: La fonctionnalité dynamique modifie le contexte de la page de façon non intuitive
|
92
|
+
dynamic_changes_paragraph: Les changements dans les entrées de formulaire ne doivent pas modifier le contexte de la page automatiquement.
|
93
|
+
elements_hidden: Éléments cachés
|
94
|
+
elements_hidden_header: Éléments cachés de l'API d'accessibilité
|
95
|
+
elements_hidden_paragraph: Pour cacher un élément aux technologies d'assistance, utilisez l'attribut aria-hidden="true" sur celui-ci.
|
96
|
+
heading_on: Titre sur les sections importantes
|
97
|
+
here_link: ici
|
98
|
+
illogical_heading_order: Ordre de titre illogique
|
99
|
+
illogical_heading_paragraph: Chaque page doit avoir un ordre de titres logique lorsque vous utilisez les éléments de titre <h1>, <h2>, <h3>, <h4>, <h5> et <h6>.
|
100
|
+
important_sections_heading: Titre sur les sections importantes
|
101
|
+
important_sections_paragraph: Il est très important que chaque section importante de la page ait un titre pour faciliter la compréhension des sections importantes de la page en parcourant ses rubriques.
|
102
|
+
links_and_buttons: Liens et boutons
|
103
|
+
links_and_buttons_paragraph: Les éléments d'ancrage (c'est-à-dire les liens) sont destinés à lier à des pages différentes ou à ancrer des positions dans la page. Si l'élément est censé ouvrir un élément caché sur cette page, vous devriez utiliser l'élément <button> à la place.
|
104
|
+
see_further_info_html: Voir plus d'infos %{link}
|
105
|
+
unique_h1: H1 unique
|
106
|
+
unique_h1_paragraph: Chaque page devrait avoir un titre H1 unique
|
107
|
+
use_aria: Utiliser ARIA
|
108
|
+
use_aria_header: Utiliser les attributs ARIA si possible
|
109
|
+
use_aria_paragraph: De nombreux éléments qui fournissent des fonctionnalités interactives sur le site Web requièrent des attributs ARIA pour les rendre accessibles.
|
110
|
+
color:
|
111
|
+
color_header: Couleur
|
112
|
+
description_p1: Nous fournissons une palette de base avec peu de couleurs de sorte que les personnalisations simples soient faciles. Vous pouvez modifier la palette de base soit dans la zone Administration soit dans le fichier de configuration de Tailwind si vous avez besoin d'une personnalisation plus avancée.
|
113
|
+
description_p2_html: Lorsque vous personnalisez vos couleurs, gardez à l'esprit l'%{contrast_link}. Vous pouvez vérifier le contraste de votre choix avec %{checker_link} ou d'autres outils similaires.
|
114
|
+
wcag_compliant_rations: Ratio de contraste conforme WCAG 2.1 AA
|
115
|
+
wcag_contrast_checker: Vérificateur de contraste WebAIM
|
116
|
+
iconography:
|
117
|
+
description_iconography: Nous utilisons des icônes pour renforcer la signification des actions, des titres, etc
|
118
|
+
description_iconography_html: 'Nous utilisons la bibliothèque open source Remixicon : %{iconography_link}'
|
119
|
+
title: Iconographie
|
120
|
+
layout:
|
121
|
+
breakpoint: Point d'arrêt
|
122
|
+
breakpoints: Points d'arrêt
|
123
|
+
centered: Centré
|
124
|
+
code: Code
|
125
|
+
columns: Le nombre de colonnes 10, 8 ou 6.
|
126
|
+
description_layout_p1: Pour les ordinateurs de bureau, Decidim utilise une grille à 12 colonnes avec un nombre limité de modèles (configuration de la grille) pour différents types de contenu. L'objectif est qu'un certain type de contenu (page d'accueil, liste des éléments, élément individuel) ait une disposition distincte, afin que les utilisateurs puissent comprendre dans quel type de contenu ils sont juste par l'apparence générale de la page.
|
127
|
+
description_layout_p2: Ces règles simples doivent être suivies lors de la création de nouveaux modules ou de la personnalisation des modules existants, afin qu'un site Decidim puisse conserver sa cohérence.
|
128
|
+
desktop: Ordinateur
|
129
|
+
full_width: Largeur complète
|
130
|
+
layout_list_1: 'Page d''accueil (du site, d''un espace) : pleine largeur'
|
131
|
+
layout_list_2: 'Liste des éléments (des espaces, des éléments à l''intérieur d''un espace, etc): côté gauche'
|
132
|
+
layout_list_3: 'Élément individuel (proposition, article de blog) : centré, optionnellement avec un aparté droit'
|
133
|
+
left_aside: Aparté gauche
|
134
|
+
mobile: Téléphone mobile
|
135
|
+
not_required: Non requis
|
136
|
+
properties: Propriétés
|
137
|
+
right_aside: Côté droit
|
138
|
+
section_p_breakpoints: 'Pour gérer la largeur maximale adaptée des éléments, nous comptons sur la classe par défaut `container` Tailwind qui indique les points d''arrêt suivants :'
|
139
|
+
section_p_code: Lors de l'implémentation de nouveaux modules, vous avez quelques aides qui vous fournissent automatiquement le code nécessaire pour configurer la structure HTML. Vous devriez utiliser ces aides au lieu d'utiliser directement des éléments div avec des classes, afin de maintenir de la cohérence.
|
140
|
+
section_p_code_html: Vous pouvez trouver les mises en page de base dans %{link_section_code}
|
141
|
+
section_p_desktop: Le système de grille sur ordinateur de bureau est composé de 12 colonnes flexibles avec un interstice entre les colonnes de 16px et les marges gauche et droite de 48px.
|
142
|
+
section_p_mobile: Le système de grille sur mobile est composé de 4 colonnes flexibles avec un interstice entre des colonnes de 16px et des marges gauche et droite de 16px. Pour les tailles inférieures à 320px ces marges sont réglées sur 8px.
|
143
|
+
section_p_tablet: Le système de grille sur tablette est composé de 8 colonnes flexibles avec un interstice entre les colonnes de 16px et les marges gauche et droite de 24px.
|
144
|
+
tablet: Tablette
|
145
|
+
title: Disposition
|
146
|
+
typography:
|
147
|
+
description: Ces directives résument l'utilisation de la typographie dans Decidim, et servent de garde-fous aux concepteurs pour concevoir librement tout en gardant à l'esprit les meilleures pratiques typographiques.
|
148
|
+
headings:
|
149
|
+
characters: Caractères par ligne
|
150
|
+
layout: Colonnes de mise en page
|
151
|
+
size: Taille
|
152
|
+
title: Typographie
|
153
|
+
typefaces_description_1: Decidim utilise Source Sans Pro comme police primaire. Cette police prend en charge 310 langues
|
154
|
+
typefaces_description_2: Ces polices sont sous licence Open Font License
|
155
|
+
helpers:
|
156
|
+
accountability: Suivi
|
157
|
+
accountability_cards_html: Utilisé par les cartes <i>Réalisations</i> . Cette carte nécessite que les assets du module s'affichent correctement, c'est-à-dire <code>append_stylesheet_pack_tag \"decidim_accountability\"</code>
|
158
|
+
activity: Activité
|
159
|
+
address_description: La cellule d'adresse reçoit une ressource, et recherche les attributs géolocalisables pour afficher un balisage spécifique.
|
160
|
+
address_description_2: Selon le type de contenu, l'adresse pourrait être une URL en ligne. Pour de tels cas, l'information affichée est la même mais elle est adaptée à la réalité.
|
161
|
+
ally_link: a11y-dropdown-component
|
162
|
+
argument: Argument
|
163
|
+
assemblies: Assemblées
|
164
|
+
assembly_g: Assemblée G
|
165
|
+
assembly_s: Assemblée S
|
166
|
+
avatar: Avatar
|
167
|
+
avatar_description: Il est utilisé lorsqu'il y a des espaces étroits, où l'auteur est une information secondaire.
|
168
|
+
background: Arrière-plan et bordures
|
169
|
+
base: Base
|
170
|
+
block_text: Utiliser le bloc extra_data
|
171
|
+
blog_cards_html: Utilisé par les cartes <i>Blogs</i>
|
172
|
+
blogs: Blogs
|
173
|
+
budget_card_html: Utilisé par les cartes <i>Projets de budget</i> . Cette carte nécessite que les assets du module s'affichent correctement, c'est-à-dire <code>append_stylesheet_pack_tag \"decidim_budgets\"</code>
|
174
|
+
budgets: Budgets
|
175
|
+
callout_class: Classe de rappel
|
176
|
+
callout_description: Cet attribut applique un statut à l'annonce. Par défaut, il utilise la couleur secondaire.
|
177
|
+
card_g: Carte G
|
178
|
+
card_l: Carte L
|
179
|
+
card_s: Carte S
|
180
|
+
collaborative_draft_l: Brouillon collaboratif L
|
181
|
+
colors: Couleurs
|
182
|
+
compact: Compact
|
183
|
+
compact_description: Cette version de l'auteur est la façon courante d'identifier le créateur de la ressource.
|
184
|
+
conference_g: Conférence G
|
185
|
+
conference_s: Conférence S
|
186
|
+
conferences: Conférences
|
187
|
+
context: Contexte
|
188
|
+
context_description: Cette cellule affiche quelques informations à propos d'un utilisateur. C'est une aide visuelle pour identifier le créateur de ressource/contenu. Survoler avec la souris affiche une info-bulle avec des informations supplémentaires et des liens vers son profil.
|
189
|
+
context_description_2: Pour les ressources, cette cellule apparaît sous le titre principal. Pour les autres contenus, elle apparaît à côté du contenu lui-même.
|
190
|
+
debate_l: Débat L
|
191
|
+
debate_s: Débat S
|
192
|
+
debates: Débats
|
193
|
+
debates_cards_html: Utilisé par les cartes <i>Débats</i>
|
194
|
+
debates_cards_text: Utiliser un modèle différent pour le bloc d'image
|
195
|
+
default: Par défaut
|
196
|
+
default_description: Appeler la cellule sans aucun argument supplémentaire, mais l'utilisateur lui-même.
|
197
|
+
demo: Démo
|
198
|
+
demo_text: 'Cette cellule reçoit un modèle d''éléments LastActivity et affiche les éléments suivants :'
|
199
|
+
demo_text_2: Utilisé par la page des dernières activités, dans un bloc de contenu et dans les listes déroulantes.
|
200
|
+
description: Description
|
201
|
+
disabled: Désactivé
|
202
|
+
dropdowns: Listes déroulantes
|
203
|
+
dropdowns_demo_1_description: 'L''exemple suivant ne sera pas visible sur un ordinateur, mais le sera sur mobile :'
|
204
|
+
dropdowns_demo_description: Les menus déroulants sont utilisés tout au long de l'application afin de réduire les menus, grands et faciles à lire sur ordinateur, mais trop longs sur les appareils mobiles.
|
205
|
+
dropdowns_demo_description_html: 'Cette fonctionnalité javascript est améliorée avec un petit css, par le nommage : le contenu cachable DOIT avoir un <code>id</code> commençant par <i>dropdown-menu</i>.'
|
206
|
+
dropdowns_description_html: Les listes déroulantes sont une fonctionnalité javascript disponible grâce à une bibliothèque externe appelée %{link}.
|
207
|
+
dropdowns_usage_1_description: 2. Un élément cachable, dont l' <code>id</code> correspond à la valeur data-taget à laquelle se réfère le déclencheur.
|
208
|
+
dropdowns_usage_description: 'Une liste déroulante nécessite deux éléments :'
|
209
|
+
dropdowns_usage_description_html: 1. Un élément utilisable par l'utilisateur, avec les attributs de données <code>data-component="dropdown" data-target="dropdown-menu-element"</code>.
|
210
|
+
dummy_description: Description de la ressource factice
|
211
|
+
dummy_title: Titre de la ressource factice
|
212
|
+
follow_button: Bouton Suivre
|
213
|
+
follower_description_html: Assurez-vous que le partial <code>decidim/shared/login_modal</code> est présent dans le DOM. Ce partial est placé dans le layout de l'application lorsque l'utilisateur est connecté.
|
214
|
+
form_elements: Éléments de formulaire
|
215
|
+
generic_cards: Cartes génériques
|
216
|
+
grid: Grille
|
217
|
+
hex_code: Code hexadécimal
|
218
|
+
highlight: Surbrillance
|
219
|
+
highlight_description: Utilisé par les ressources qui permettent de surligner
|
220
|
+
html_tips: Astuces HTML
|
221
|
+
icons: Icônes
|
222
|
+
image_and_description: Image et description
|
223
|
+
initiative_g: Pétition G
|
224
|
+
initiative_s: Pétition S
|
225
|
+
initiatives: Pétitions
|
226
|
+
list: Liste
|
227
|
+
main_colors: Couleurs principales
|
228
|
+
meeting_l: Rencontre L
|
229
|
+
meeting_s: Rencontre S
|
230
|
+
meetings: Rencontres
|
231
|
+
meetings_html: Utilisé par les cartes <i>Rencontres</i>
|
232
|
+
metadata_items: Eléments de métadonnées
|
233
|
+
metadata_text: Chaque ressource définit ses propres métadonnées
|
234
|
+
participatory_process_g: Concertation G
|
235
|
+
participatory_process_group_g: Groupe de concertations G
|
236
|
+
participatory_process_group_s: Groupe de concertations S
|
237
|
+
participatory_process_s: Concertation S
|
238
|
+
participatory_processes: Concertations
|
239
|
+
plain_text: Je ne suis que du texte brut
|
240
|
+
plain_text_description: Vous pouvez fournir comme premier argument à la fois un texte brut et un objet haché
|
241
|
+
plain_text_vs_hash: Texte brut VS hachage
|
242
|
+
post_g: Article G
|
243
|
+
post_l: Article L
|
244
|
+
post_s: Article S
|
245
|
+
project_l: Projet L
|
246
|
+
project_s: Projets S
|
247
|
+
proposal_l: Proposition L
|
248
|
+
proposal_s: Proposition S
|
249
|
+
proposals: Propositions
|
250
|
+
report_button: Bouton Signaler
|
251
|
+
report_usage_description: Le bouton Signaler lance une fenêtre modale pour marquer la ressource courante.
|
252
|
+
result_l: Réalisation L
|
253
|
+
rgba_code: Code RGBA
|
254
|
+
search: Recherche
|
255
|
+
send: Envoyer
|
256
|
+
share_button: Bouton de partage
|
257
|
+
share_usage_description_html: Assurez-vous que le partial <code>decidim/shared/share_modal</code> est présent dans le DOM. Ce partial est placé dans le layout de l'application.
|
258
|
+
sizes: Tailles
|
259
|
+
sortition_l: Tirage au sort L
|
260
|
+
sortitions: Tirages au sort
|
261
|
+
source_code: Code source
|
262
|
+
state: État
|
263
|
+
tab_panels_context_description: Ce composant d'onglets rassemble tous les contenus liés ou une autre ressource de l'élément principal affiché, afin d'économiser de l'espace. Cliquer sur l'onglet activera le panneau créé pour afficher le contenu.
|
264
|
+
tab_panels_context_description_html: Principalement utilisé dans le <i>layout_item</i> ou le <i>layout_center</i>, après le contenu principal de la ressource.
|
265
|
+
tab_panels_usage_description: 'Ce composant reçoit un tableau de hachages et réorganise la sortie de chaque élément dans une structure de panneau d''onglets. Propriétés disponibles pour chaque panneau :'
|
266
|
+
tab_panels_usage_description_arguments_html: "<strong>args</strong>: <i>Tableau</i>. Arguments pour la méthode précédente"
|
267
|
+
tab_panels_usage_description_html: "<strong>activé</strong>: <i>Booléen</i>. Renvoie conditionnellement l'onglet"
|
268
|
+
tab_panels_usage_description_id_html: "<strong>id</strong>: <i>String</i>. Identifiant unique"
|
269
|
+
tab_panels_usage_description_rails_html: "<strong>méthode</strong>: <i>Symbole</i>. N'importe quelle fonction que Rails comprend"
|
270
|
+
tab_panels_usage_description_remixicon_html: "<strong>icône</strong>: <i>String</i>. Clé Remixicon"
|
271
|
+
tab_panels_usage_description_tab_html: "<strong>text</strong>: <i>String</i>. Tab title"
|
272
|
+
tailwind: Nom Tailwind
|
273
|
+
text: Texte
|
274
|
+
transparent: Transparent
|
275
|
+
transparent_description: 'En cas de fond plus sombre:'
|
276
|
+
types: Types
|
277
|
+
typography_texts: Typographie et textes
|
278
|
+
usage: Usage
|
279
|
+
usage_background_1: Arrière-plan de la zone latérale
|
280
|
+
usage_background_2: Arrière-plan de la barre latérale sélectionnée
|
281
|
+
usage_background_3: Couleur de l'icône par défaut
|
282
|
+
usage_background_4: Lignes et séparateurs
|
283
|
+
usage_background_5: Arrière-plan du pied de page
|
284
|
+
usage_background_6: Arrière-plan de l'espace administrateur
|
285
|
+
usage_base_1: Fond principal de la composante nav\nMenus nav dans la page d'accueil et l'espace d'accueil
|
286
|
+
usage_base_2: Couleur principale des liens et des boutons
|
287
|
+
usage_base_3: Ornements graphiques et couleurs accentuées\nBordure des cartes et items de liste survolées
|
288
|
+
usage_formelements_1: Arrière-plan par défaut des champs de formulaire avec saisie
|
289
|
+
usage_formelements_2: Arrière-plan par défaut des champs de formulaire avec saisie désactivés
|
290
|
+
usage_state_1: Bordure de l'avis de succès\nIcône d'alerte\nArrière-plan du bouton en cas de message de succès
|
291
|
+
usage_state_2: Bordure de l'encadré d'avertissement
|
292
|
+
usage_state_3: Bordure d'alerte\nIcône d'alerte de notification
|
293
|
+
usage_typography_1: En-têtes et titres de section
|
294
|
+
usage_typography_2: Texte inline
|
295
|
+
usage_typography_3: Texte sur fond sombre
|
296
|
+
usage_typography_4: Liens et boutons
|
297
|
+
value: Valeur
|
298
|
+
variations: Variantes
|
299
|
+
variations_cards_description: Chaque carte sera différente en ce qui concerne les propriétés de la ressource affichée. Vous pouvez remplacer ce comportement dans la cellule spécifique.
|
300
|
+
variations_description: Il y a trois versions différentes de cette cellule. Chacune s'adapte mieux au contexte où elle est affichée.
|
301
|
+
variations_text: En ce qui concerne le type d'activité, la cellule peut afficher un contenu différent, en signalant les ressources distinctes, si elle appartient ou non à un espace participatif, a ou non un auteur.
|
302
|
+
home:
|
303
|
+
index:
|
304
|
+
by_sharing_principles: En partageant les principes, la philosophie, et les raisons qui sous-tendent les décisions de conception, nous voulons donner à la communauté le pouvoir de contribuer avec constance afin que nous atteignions la meilleure expérience des participants possible.
|
305
|
+
decidim_guide: Le guide de design de Decidim
|
306
|
+
different_ui_components: En même temps, nous documentons les différents composants et modèles de l'interface utilisateur utilisés, qui doivent être réutilisés ou étendus.
|
307
|
+
github_source: Code source sur GitHub
|
308
|
+
home_header: Système de design de Decidim
|
309
|
+
welcome_sentence: Bienvenue dans le Système de design de Decidim (SDD). Ce guide est la ressource pour les concepteurs et développeurs qui ont besoin de personnaliser, de développer de nouveaux modules et d'intégrer de nouvelles fonctionnalités.
|
@@ -0,0 +1,309 @@
|
|
1
|
+
---
|
2
|
+
fr:
|
3
|
+
decidim:
|
4
|
+
design:
|
5
|
+
components:
|
6
|
+
accordions:
|
7
|
+
content_panel: Contenu du panneau
|
8
|
+
demo: Démo
|
9
|
+
demo_description: Dans toute l'application, les accordéons sont principalement utilisés pour afficher/masquer le contenu dans des onglets ou plier/déplier les textes visibles.
|
10
|
+
description_accordions_html: Les accordéons sont une fonctionnalité javascript disponible grâce à une bibliothèque externe appelée %{link_code} a11y-accordéon-component.
|
11
|
+
github_source_html: Code source sur GitHub %{github_link}
|
12
|
+
panel: Panneau
|
13
|
+
title: Accordéons
|
14
|
+
trigger: Déclencheur
|
15
|
+
usage: Usage
|
16
|
+
usage_p: Un accordéon nécessite au moins trois éléments
|
17
|
+
usage_p_1_html: 1. Un wrapper <code>div</code>, avec l'attribut de données <code>data-component="accordion"</code>, sur tous les déclencheurs et panneaux disponibles.
|
18
|
+
usage_p_2_html: 2. Un élément de déclencheur utilisable (comme un bouton), pointant vers l'élément pliable à travers <code>data-controls="panel"</code>, où le <i>panneau</i> est l'<code>id</code> du panneau.
|
19
|
+
usage_p_3_html: 3. Un élément cachable, dont l' <code>id</code> correspond à la valeur data-controls à laquelle se réfère le déclencheur.
|
20
|
+
activities:
|
21
|
+
activities: Activités
|
22
|
+
address:
|
23
|
+
title: Adresse
|
24
|
+
announcement:
|
25
|
+
iam_an_announcement: Je suis un message d'annonce
|
26
|
+
this_is_the_body: Ceci est le corps de texte
|
27
|
+
this_is_the_title: Ceci est le titre
|
28
|
+
title: Message d'annonce
|
29
|
+
author:
|
30
|
+
title: Auteur
|
31
|
+
buttons:
|
32
|
+
description_html: 'Les boutons sont construits en utilisant différentes combinaisons de classes CSS : la classe <code>button</code>, une taille et une couleur.'
|
33
|
+
title: Boutons
|
34
|
+
cards:
|
35
|
+
title: Cartes
|
36
|
+
dialogs:
|
37
|
+
dialog_demo_description_html: Les boîtes de dialogue, ou modales, sont implémentées à travers le Rails helper <code>decidim_modal</code>.
|
38
|
+
dialogs_description_html: Les boîtes de dialogue sont une fonctionnalité javascript disponible grâce à une bibliothèque externe appelée <a href="https://github.com/jonathanlevaillant/a11y-dialog-component" target="_blank" rel="noopener noreferrer">a11y-dialog-component</a>.
|
39
|
+
tips_description: 'Pour afficher une modale complexe, correspondants aux styles, faites le balisage suivant :'
|
40
|
+
tips_description_html: Faites attention aux <i>data-attributes</i> et <i>ids</i>. Par exemple, l'id <code>[data-dialog-title]</code> commence par <i>dialog-title</i> plus <i>modal id</i>.
|
41
|
+
title: Boites de dialogues
|
42
|
+
usage_description: Une boîte de dialogue nécessite deux éléments
|
43
|
+
usage_description_2_html: 2. Une modale, dont l' <code>id</code> correspond à la valeur data-target à laquelle se réfère le déclencheur.
|
44
|
+
usage_description_html: 1. Un élément utilisable par l'utilisateur, avec l'attribut de données <code>data-dialog-open="exemple"</code>, où l'exemple est l' <code>id</code> de la modale.
|
45
|
+
follow:
|
46
|
+
title: Abonnements
|
47
|
+
forms:
|
48
|
+
disabled: Désactivé
|
49
|
+
emojis: Emojis
|
50
|
+
emojis_description: Fonctionne uniquement pour une zone de texte
|
51
|
+
errors: Erreurs
|
52
|
+
errors_description: Ne s'applique pas à la liste déroulante
|
53
|
+
header_alert: Cette page provient d'une vue héritée. Le contenu est obsolète.
|
54
|
+
help_texts: Textes d'aide
|
55
|
+
html_regular_inputs: Entrées régulières HTML
|
56
|
+
min_max_length: longueur Min/Max
|
57
|
+
min_max_length_description: Ne fonctionne que pour le type d'entrée = 'text' et la zone de texte
|
58
|
+
multiselect: Sélection multiple
|
59
|
+
multiselect_description_html: Les sélections multiples sont une fonctionnalité javascript disponible grâce à une bibliothèque externe appelée <a href="https://tom-select.js.org/" target="_blank" rel="noopener noreferrer">Tom Select</a>.
|
60
|
+
regular_inputs_description: 'Affiche uniquement les types communs, la liste complète disponible : date, date et heure locale, email, mois, numéro, mot de passe, recherche, tel, texte, heure, url, semaine'
|
61
|
+
textarea_required: zone de texte requise
|
62
|
+
title: Formulaires
|
63
|
+
report:
|
64
|
+
title: Signaler
|
65
|
+
share:
|
66
|
+
title: Partage
|
67
|
+
tab_panels:
|
68
|
+
title: Onglets
|
69
|
+
tooltips:
|
70
|
+
demo: Démo
|
71
|
+
demo_description: Pour que ce composant fonctionne, un participant doit survoler l'élément.
|
72
|
+
description: Une infobulle est un composant que les utilisateurs peuvent survoler pour avoir des informations supplémentaires à son sujet.
|
73
|
+
github_source_html: Code source sur GitHub %{github_link}
|
74
|
+
title: Info-bulles
|
75
|
+
usage: Usage
|
76
|
+
usage_p: 'Une infobulle nécessite l''utilisation du helper`with_tooltip`, avec trois arguments :'
|
77
|
+
usage_p_1_html: '1. Une chaîne de caractères avec la valeur de l''info-bulle. Dans l''exemple de cette page : "Bonjour le monde".'
|
78
|
+
usage_p_2_html: 2. Une classe optionnelle avec un symbole sur l'endroit où l'info-bulle sera affichée. Les valeurs possibles sont <code>:top</code>, <code>:bottom</code>, <code>:right</code>, ou <code>:left</code>.
|
79
|
+
usage_p_3_html: 3. Un bloc avec la chaîne de caractères que l'utilisateur doit survoler pour être affiché.
|
80
|
+
foundations:
|
81
|
+
accessibility:
|
82
|
+
accessibility_labels: Étiquettes d'accessibilité
|
83
|
+
accessibility_labels_paragraph: Lorsque vous définissez des éléments, assurez-vous toujours qu'ils ont un sens pour les utilisateurs du lecteur d'écran.
|
84
|
+
accessibility_title: Accessibilité
|
85
|
+
adjacent_links: Liens adjacents
|
86
|
+
adjacent_links_header: Liens adjacents pour la même ressource
|
87
|
+
adjacent_links_paragraph: Si la même ressource a plusieurs liens adjacents pointant vers elle, Cela rend difficile pour ces utilisateurs de jeter un coup d'œil sur la page car ils pourraient avoir besoin de passer par plusieurs liens pour accéder à la ressource suivante.
|
88
|
+
color_contrast: Contraste des couleurs
|
89
|
+
color_contrast_paragraph: Lorsque vous créez des interfaces utilisateur ou que vous modifiez les couleurs, assurez-vous toujours que vous ne cassez pas l'accessibilité avec vos modifications. Vous pouvez utiliser le vérificateur de contraste de couleur pour vous assurer que vos couleurs ont un contraste suffisant avec la couleur de fond où elles sont affichées.
|
90
|
+
decidim_follows_html: Decidim suit les recommandations du <u>Web Content Accessibility Guidelines (WCAG) 2.1</u>
|
91
|
+
dynamic_changes_header: La fonctionnalité dynamique modifie le contexte de la page de façon non intuitive
|
92
|
+
dynamic_changes_paragraph: Les changements dans les entrées de formulaire ne doivent pas modifier le contexte de la page automatiquement.
|
93
|
+
elements_hidden: Éléments cachés
|
94
|
+
elements_hidden_header: Éléments cachés de l'API d'accessibilité
|
95
|
+
elements_hidden_paragraph: Pour cacher un élément aux technologies d'assistance, utilisez l'attribut aria-hidden="true" sur celui-ci.
|
96
|
+
heading_on: Titre sur les sections importantes
|
97
|
+
here_link: ici
|
98
|
+
illogical_heading_order: Ordre de titre illogique
|
99
|
+
illogical_heading_paragraph: Chaque page doit avoir un ordre de titres logique lorsque vous utilisez les éléments de titre <h1>, <h2>, <h3>, <h4>, <h5> et <h6>.
|
100
|
+
important_sections_heading: Titre sur les sections importantes
|
101
|
+
important_sections_paragraph: Il est très important que chaque section importante de la page ait un titre pour faciliter la compréhension des sections importantes de la page en parcourant ses rubriques.
|
102
|
+
links_and_buttons: Liens et boutons
|
103
|
+
links_and_buttons_paragraph: Les éléments d'ancrage (c'est-à-dire les liens) sont destinés à lier à des pages différentes ou à ancrer des positions dans la page. Si l'élément est censé ouvrir un élément caché sur cette page, vous devriez utiliser l'élément <button> à la place.
|
104
|
+
see_further_info_html: Voir plus d'infos %{link}
|
105
|
+
unique_h1: H1 unique
|
106
|
+
unique_h1_paragraph: Chaque page devrait avoir un titre H1 unique
|
107
|
+
use_aria: Utiliser ARIA
|
108
|
+
use_aria_header: Utiliser les attributs ARIA si possible
|
109
|
+
use_aria_paragraph: De nombreux éléments qui fournissent des fonctionnalités interactives sur le site Web requièrent des attributs ARIA pour les rendre accessibles.
|
110
|
+
color:
|
111
|
+
color_header: Couleur
|
112
|
+
description_p1: Nous fournissons une palette de base avec peu de couleurs de sorte que les personnalisations simples soient faciles. Vous pouvez modifier la palette de base soit dans la zone Administration soit dans le fichier de configuration de Tailwind si vous avez besoin d'une personnalisation plus avancée.
|
113
|
+
description_p2_html: Lorsque vous personnalisez vos couleurs, gardez à l'esprit l'%{contrast_link}. Vous pouvez vérifier le contraste de votre choix avec %{checker_link} ou d'autres outils similaires.
|
114
|
+
wcag_compliant_rations: Ratio de contraste conforme WCAG 2.1 AA
|
115
|
+
wcag_contrast_checker: Vérificateur de contraste WebAIM
|
116
|
+
iconography:
|
117
|
+
description_iconography: Nous utilisons des icônes pour renforcer la signification des actions, des titres, etc
|
118
|
+
description_iconography_html: 'Nous utilisons la bibliothèque open source Remixicon : %{iconography_link}'
|
119
|
+
title: Iconographie
|
120
|
+
layout:
|
121
|
+
breakpoint: Point d'arrêt
|
122
|
+
breakpoints: Points d'arrêt
|
123
|
+
centered: Centré
|
124
|
+
code: Code
|
125
|
+
columns: Le nombre de colonnes 10, 8 ou 6.
|
126
|
+
description_layout_p1: Pour les ordinateurs de bureau, Decidim utilise une grille à 12 colonnes avec un nombre limité de modèles (configuration de la grille) pour différents types de contenu. L'objectif est qu'un certain type de contenu (page d'accueil, liste des éléments, élément individuel) ait une disposition distincte, afin que les utilisateurs puissent comprendre dans quel type de contenu ils sont juste par l'apparence générale de la page.
|
127
|
+
description_layout_p2: Ces règles simples doivent être suivies lors de la création de nouveaux modules ou de la personnalisation des modules existants, afin qu'un site Decidim puisse conserver sa cohérence.
|
128
|
+
desktop: Ordinateur
|
129
|
+
full_width: Largeur complète
|
130
|
+
layout_list_1: 'Page d''accueil (du site, d''un espace) : pleine largeur'
|
131
|
+
layout_list_2: 'Liste des éléments (des espaces, des éléments à l''intérieur d''un espace, etc): côté gauche'
|
132
|
+
layout_list_3: 'Élément individuel (proposition, article de blog) : centré, optionnellement avec un aparté droit'
|
133
|
+
left_aside: Aparté gauche
|
134
|
+
mobile: Téléphone mobile
|
135
|
+
not_required: Non requis
|
136
|
+
properties: Propriétés
|
137
|
+
right_aside: Côté droit
|
138
|
+
section_p_breakpoints: 'Pour gérer la largeur maximale adaptée des éléments, nous comptons sur la classe par défaut `container` Tailwind qui indique les points d''arrêt suivants :'
|
139
|
+
section_p_code: Lors de l'implémentation de nouveaux modules, vous avez quelques aides qui vous fournissent automatiquement le code nécessaire pour configurer la structure HTML. Vous devriez utiliser ces aides au lieu d'utiliser directement des éléments div avec des classes, afin de maintenir de la cohérence.
|
140
|
+
section_p_code_html: Vous pouvez trouver les mises en page de base dans %{link_section_code}
|
141
|
+
section_p_desktop: Le système de grille sur ordinateur de bureau est composé de 12 colonnes flexibles avec un interstice entre les colonnes de 16px et les marges gauche et droite de 48px.
|
142
|
+
section_p_mobile: Le système de grille sur mobile est composé de 4 colonnes flexibles avec un interstice entre des colonnes de 16px et des marges gauche et droite de 16px. Pour les tailles inférieures à 320px ces marges sont réglées sur 8px.
|
143
|
+
section_p_tablet: Le système de grille sur tablette est composé de 8 colonnes flexibles avec un interstice entre les colonnes de 16px et les marges gauche et droite de 24px.
|
144
|
+
tablet: Tablette
|
145
|
+
title: Disposition
|
146
|
+
typography:
|
147
|
+
description: Ces directives résument l'utilisation de la typographie dans Decidim, et servent de garde-fous aux concepteurs pour concevoir librement tout en gardant à l'esprit les meilleures pratiques typographiques.
|
148
|
+
headings:
|
149
|
+
characters: Caractères par ligne
|
150
|
+
layout: Colonnes de mise en page
|
151
|
+
size: Taille
|
152
|
+
title: Typographie
|
153
|
+
typefaces_description_1: Decidim utilise Source Sans Pro comme police primaire. Cette police prend en charge 310 langues
|
154
|
+
typefaces_description_2: Ces polices sont sous licence Open Font License
|
155
|
+
helpers:
|
156
|
+
accountability: Suivi
|
157
|
+
accountability_cards_html: Utilisé par les cartes <i>Réalisations</i> . Cette carte nécessite que les assets du module s'affichent correctement, c'est-à-dire <code>append_stylesheet_pack_tag \"decidim_accountability\"</code>
|
158
|
+
activity: Activité
|
159
|
+
address_description: La cellule d'adresse reçoit une ressource, et recherche les attributs géolocalisables pour afficher un balisage spécifique.
|
160
|
+
address_description_2: Selon le type de contenu, l'adresse pourrait être une URL en ligne. Pour de tels cas, l'information affichée est la même mais elle est adaptée à la réalité.
|
161
|
+
ally_link: a11y-dropdown-component
|
162
|
+
argument: Argument
|
163
|
+
assemblies: Assemblées
|
164
|
+
assembly_g: Assemblée G
|
165
|
+
assembly_s: Assemblée S
|
166
|
+
avatar: Avatar
|
167
|
+
avatar_description: Il est utilisé lorsqu'il y a des espaces étroits, où l'auteur est une information secondaire.
|
168
|
+
background: Arrière-plan et bordures
|
169
|
+
base: Base
|
170
|
+
block_text: Utiliser le bloc extra_data
|
171
|
+
blog_cards_html: Utilisé par les cartes <i>Blogs</i>
|
172
|
+
blogs: Blogs
|
173
|
+
budget_card_html: Utilisé par les cartes <i>Projets de budget</i> . Cette carte nécessite que les assets du module s'affichent correctement, c'est-à-dire <code>append_stylesheet_pack_tag \"decidim_budgets\"</code>
|
174
|
+
budgets: Budgets
|
175
|
+
callout_class: Classe de rappel
|
176
|
+
callout_description: Cet attribut applique un statut à l'annonce. Par défaut, il utilise la couleur secondaire.
|
177
|
+
card_g: Carte G
|
178
|
+
card_l: Carte L
|
179
|
+
card_s: Carte S
|
180
|
+
collaborative_draft_l: Brouillon collaboratif L
|
181
|
+
colors: Couleurs
|
182
|
+
compact: Compact
|
183
|
+
compact_description: Cette version de l'auteur est la façon courante d'identifier le créateur de la ressource.
|
184
|
+
conference_g: Conférence G
|
185
|
+
conference_s: Conférence S
|
186
|
+
conferences: Conférences
|
187
|
+
context: Contexte
|
188
|
+
context_description: Cette cellule affiche quelques informations à propos d'un utilisateur. C'est une aide visuelle pour identifier le créateur de ressource/contenu. Survoler avec la souris affiche une info-bulle avec des informations supplémentaires et des liens vers son profil.
|
189
|
+
context_description_2: Pour les ressources, cette cellule apparaît sous le titre principal. Pour les autres contenus, elle apparaît à côté du contenu lui-même.
|
190
|
+
debate_l: Débat L
|
191
|
+
debate_s: Débat S
|
192
|
+
debates: Débats
|
193
|
+
debates_cards_html: Utilisé par les cartes <i>Débats</i>
|
194
|
+
debates_cards_text: Utiliser un modèle différent pour le bloc d'image
|
195
|
+
default: Par défaut
|
196
|
+
default_description: Appeler la cellule sans aucun argument supplémentaire, mais l'utilisateur lui-même.
|
197
|
+
demo: Démo
|
198
|
+
demo_text: 'Cette cellule reçoit un modèle d''éléments LastActivity et affiche les éléments suivants :'
|
199
|
+
demo_text_2: Utilisé par la page des dernières activités, dans un bloc de contenu et dans les listes déroulantes.
|
200
|
+
description: Description
|
201
|
+
disabled: Désactivé
|
202
|
+
dropdowns: Listes déroulantes
|
203
|
+
dropdowns_demo_1_description: 'L''exemple suivant ne sera pas visible sur un ordinateur, mais le sera sur mobile :'
|
204
|
+
dropdowns_demo_description: Les menus déroulants sont utilisés tout au long de l'application afin de réduire les menus, grands et faciles à lire sur ordinateur, mais trop longs sur les appareils mobiles.
|
205
|
+
dropdowns_demo_description_html: 'Cette fonctionnalité javascript est améliorée avec un petit css, par le nommage : le contenu cachable DOIT avoir un <code>id</code> commençant par <i>dropdown-menu</i>.'
|
206
|
+
dropdowns_description_html: Les listes déroulantes sont une fonctionnalité javascript disponible grâce à une bibliothèque externe appelée %{link}.
|
207
|
+
dropdowns_usage_1_description: 2. Un élément cachable, dont l' <code>id</code> correspond à la valeur data-taget à laquelle se réfère le déclencheur.
|
208
|
+
dropdowns_usage_description: 'Une liste déroulante nécessite deux éléments :'
|
209
|
+
dropdowns_usage_description_html: 1. Un élément utilisable par l'utilisateur, avec les attributs de données <code>data-component="dropdown" data-target="dropdown-menu-element"</code>.
|
210
|
+
dummy_description: Description de la ressource factice
|
211
|
+
dummy_title: Titre de la ressource factice
|
212
|
+
follow_button: Bouton Suivre
|
213
|
+
follower_description_html: Assurez-vous que le partial <code>decidim/shared/login_modal</code> est présent dans le DOM. Ce partial est placé dans le layout de l'application lorsque l'utilisateur est connecté.
|
214
|
+
form_elements: Éléments de formulaire
|
215
|
+
generic_cards: Cartes génériques
|
216
|
+
grid: Grille
|
217
|
+
hex_code: Code hexadécimal
|
218
|
+
highlight: Surbrillance
|
219
|
+
highlight_description: Utilisé par les ressources qui permettent de surligner
|
220
|
+
html_tips: Astuces HTML
|
221
|
+
icons: Icônes
|
222
|
+
image_and_description: Image et description
|
223
|
+
initiative_g: Pétition G
|
224
|
+
initiative_s: Pétition S
|
225
|
+
initiatives: Pétitions
|
226
|
+
list: Liste
|
227
|
+
main_colors: Couleurs principales
|
228
|
+
meeting_l: Rencontre L
|
229
|
+
meeting_s: Rencontre S
|
230
|
+
meetings: Rencontres
|
231
|
+
meetings_html: Utilisé par les cartes <i>Rencontres</i>
|
232
|
+
metadata_items: Eléments de métadonnées
|
233
|
+
metadata_text: Chaque ressource définit ses propres métadonnées
|
234
|
+
participatory_process_g: Concertation G
|
235
|
+
participatory_process_group_g: Groupe de concertations G
|
236
|
+
participatory_process_group_s: Groupe de concertations S
|
237
|
+
participatory_process_s: Concertation S
|
238
|
+
participatory_processes: Concertations
|
239
|
+
plain_text: Je ne suis que du texte brut
|
240
|
+
plain_text_description: Vous pouvez fournir comme premier argument à la fois un texte brut et un objet haché
|
241
|
+
plain_text_vs_hash: Texte brut VS hachage
|
242
|
+
post_g: Article G
|
243
|
+
post_l: Article L
|
244
|
+
post_s: Article S
|
245
|
+
project_l: Projet L
|
246
|
+
project_s: Projets S
|
247
|
+
proposal_l: Proposition L
|
248
|
+
proposal_s: Proposition S
|
249
|
+
proposals: Propositions
|
250
|
+
report_button: Bouton Signaler
|
251
|
+
report_usage_description: Le bouton Signaler lance une fenêtre modale pour marquer la ressource courante.
|
252
|
+
result_l: Réalisation L
|
253
|
+
rgba_code: Code RGBA
|
254
|
+
search: Recherche
|
255
|
+
send: Envoyer
|
256
|
+
share_button: Bouton de partage
|
257
|
+
share_usage_description_html: Assurez-vous que le partial <code>decidim/shared/share_modal</code> est présent dans le DOM. Ce partial est placé dans le layout de l'application.
|
258
|
+
sizes: Tailles
|
259
|
+
sortition_l: Tirage au sort L
|
260
|
+
sortitions: Tirages au sort
|
261
|
+
source_code: Code source
|
262
|
+
state: État
|
263
|
+
tab_panels_context_description: Ce composant d'onglets rassemble tous les contenus liés ou une autre ressource de l'élément principal affiché, afin d'économiser de l'espace. Cliquer sur l'onglet activera le panneau créé pour afficher le contenu.
|
264
|
+
tab_panels_context_description_html: Principalement utilisé dans le <i>layout_item</i> ou le <i>layout_center</i>, après le contenu principal de la ressource.
|
265
|
+
tab_panels_usage_description: 'Ce composant reçoit un tableau de hachages et réorganise la sortie de chaque élément dans une structure de panneau d''onglets. Propriétés disponibles pour chaque panneau :'
|
266
|
+
tab_panels_usage_description_arguments_html: "<strong>args</strong>: <i>Tableau</i>. Arguments pour la méthode précédente"
|
267
|
+
tab_panels_usage_description_html: "<strong>activé</strong>: <i>Booléen</i>. Renvoie conditionnellement l'onglet"
|
268
|
+
tab_panels_usage_description_id_html: "<strong>id</strong>: <i>String</i>. Identifiant unique"
|
269
|
+
tab_panels_usage_description_rails_html: "<strong>méthode</strong>: <i>Symbole</i>. N'importe quelle fonction que Rails comprend"
|
270
|
+
tab_panels_usage_description_remixicon_html: "<strong>icône</strong>: <i>String</i>. Clé Remixicon"
|
271
|
+
tab_panels_usage_description_tab_html: "<strong>text</strong>: <i>String</i>. Tab title"
|
272
|
+
tailwind: Nom Tailwind
|
273
|
+
text: Texte
|
274
|
+
transparent: Transparent
|
275
|
+
transparent_description: 'En cas de fond plus sombre:'
|
276
|
+
types: Types
|
277
|
+
typography_texts: Typographie et textes
|
278
|
+
usage: Usage
|
279
|
+
usage_background_1: Arrière-plan de la zone latérale
|
280
|
+
usage_background_2: Arrière-plan de la barre latérale sélectionnée
|
281
|
+
usage_background_3: Couleur de l'icône par défaut
|
282
|
+
usage_background_4: Lignes et séparateurs
|
283
|
+
usage_background_5: Arrière-plan du pied de page
|
284
|
+
usage_background_6: Arrière-plan de l'espace administrateur
|
285
|
+
usage_base_1: Fond principal de la composante nav\nMenus nav dans la page d'accueil et l'espace d'accueil
|
286
|
+
usage_base_2: Couleur principale des liens et des boutons
|
287
|
+
usage_base_3: Ornements graphiques et couleurs accentuées\nBordure des cartes et items de liste survolées
|
288
|
+
usage_formelements_1: Arrière-plan par défaut des champs de formulaire avec saisie
|
289
|
+
usage_formelements_2: Arrière-plan par défaut des champs de formulaire avec saisie désactivés
|
290
|
+
usage_state_1: Bordure de l'avis de succès\nIcône d'alerte\nArrière-plan du bouton en cas de message de succès
|
291
|
+
usage_state_2: Bordure de l'encadré d'avertissement
|
292
|
+
usage_state_3: Bordure d'alerte\nIcône d'alerte de notification
|
293
|
+
usage_typography_1: En-têtes et titres de section
|
294
|
+
usage_typography_2: Texte inline
|
295
|
+
usage_typography_3: Texte sur fond sombre
|
296
|
+
usage_typography_4: Liens et boutons
|
297
|
+
value: Valeur
|
298
|
+
variations: Variantes
|
299
|
+
variations_cards_description: Chaque carte sera différente en ce qui concerne les propriétés de la ressource affichée. Vous pouvez remplacer ce comportement dans la cellule spécifique.
|
300
|
+
variations_description: Il y a trois versions différentes de cette cellule. Chacune s'adapte mieux au contexte où elle est affichée.
|
301
|
+
variations_text: En ce qui concerne le type d'activité, la cellule peut afficher un contenu différent, en signalant les ressources distinctes, si elle appartient ou non à un espace participatif, a ou non un auteur.
|
302
|
+
home:
|
303
|
+
index:
|
304
|
+
by_sharing_principles: En partageant les principes, la philosophie, et les raisons qui sous-tendent les décisions de conception, nous voulons donner à la communauté le pouvoir de contribuer avec constance afin que nous atteignions la meilleure expérience des participants possible.
|
305
|
+
decidim_guide: Le guide de design de Decidim
|
306
|
+
different_ui_components: En même temps, nous documentons les différents composants et modèles de l'interface utilisateur utilisés, qui doivent être réutilisés ou étendus.
|
307
|
+
github_source: Code source sur GitHub
|
308
|
+
home_header: Système de design de Decidim
|
309
|
+
welcome_sentence: Bienvenue dans le Système de design de Decidim (SDD). Ce guide est la ressource pour les concepteurs et développeurs qui ont besoin de personnaliser, de développer de nouveaux modules et d'intégrer de nouvelles fonctionnalités.
|
@@ -0,0 +1 @@
|
|
1
|
+
ga:
|
@@ -0,0 +1 @@
|
|
1
|
+
gl:
|
@@ -0,0 +1 @@
|
|
1
|
+
gn:
|