Last modified by Vincent Massol on 2024/02/26 17:55

Show last authors
1 There are multiple issues where users had problems understand the way we combine interface and content languages.
2 This proposal tries to separate the two concepts: interface language and content language, and contains several display variants.
3
4 * Interface Language
5 ** is set from Administration - Localization
6 * Content Language
7 ** is set from Edit mode - Document Translations panel
8
9 * Solution
10 ** Separate the functionality in two controllers
11 *** One that manages the interface language found near the global actions
12 *** One that manages the content/document language found in the content area
13
14
15 = Proposal =
16
17 {{toc start="2"/}}
18
19 == Interface Language ==
20
21 === Var 1.1 ===
22
23 (% class="col-md-6" %)
24 (((
25 * Inside Main Menu
26 ** as a menu entry inside ###xwikimainmenu##
27 )))
28
29 (% class="col-md-6 pull-right" %)
30 (((
31 {{gallery}}
32 image:1.1Preview.png
33 image:1.1LargeCollpased.png
34 image:1.1LargeExpanded.png
35 {{/gallery}}
36 )))
37
38 (% class="clearfix" %)
39 (((
40
41 )))
42
43 == Content Language ==
44
45 === Var 2.1 ===
46
47 (% class="col-md-6" %)
48 (((
49 * Near the title, after 'Last modified' information
50 ** inside ##.document-header##
51 * Enumeration
52 )))
53
54 (% class="clearfix" %)
55 (((
56
57 )))
58
59 ==== Var 2.1.1 ====
60
61 (% class="col-md-6" %)
62 (((
63 * Using Bootstrap [[##.label##>>http://getbootstrap.com/components/#labels]] styling
64 )))
65
66 (% class="col-md-6 pull-right" %)
67 (((
68 {{gallery}}
69 image:2.1.1Preview.png
70 image:2.1.1LargeFewLanguages.png
71 image:2.1.1LargeDefault.png
72 image:2.1.1LargeManyLanguages.png
73 image:2.1.1French.png
74 {{/gallery}}
75 )))
76
77 (% class="clearfix" %)
78 (((
79
80 )))
81
82 ==== Var 2.1.2 ====
83
84 (% class="col-md-6" %)
85 (((
86 * Simplified styling just with links
87 )))
88
89 (% class="col-md-6 pull-right" %)
90 (((
91 {{gallery}}
92 image:2.1.2Preview.png
93 image:2.1.2LargeFewLanguages.png
94 image:2.1.2LargeDefault.png
95 image:2.1.2LargeManyLanguages.png
96 {{/gallery}}
97 )))
98
99 (% class="clearfix" %)
100 (((
101
102 )))
103
104 === Var 2.2 ===
105
106 (% class="col-md-6" %)
107 (((
108 * Near the title, after 'Last modified' information
109 ** inside ##.document-header##
110 * Select style
111 )))
112
113 (% class="clearfix" %)
114 (((
115
116 )))
117
118 ==== Var 2.2.1 ====
119
120 (% class="col-md-6" %)
121 (((
122 * Button style
123 )))
124
125 (% class="col-md-6 pull-right" %)
126 (((
127 {{gallery}}
128 image:2.2.1Preview.png
129 image:2.2.1LargeCollpased.png
130 image:2.2.1LargeExpanded.png
131 {{/gallery}}
132 )))
133
134 (% class="clearfix" %)
135 (((
136
137 )))
138
139 ==== Var 2.2.2 ====
140
141 (% class="col-md-6" %)
142 (((
143 * Link style
144 )))
145
146 (% class="col-md-6 pull-right" %)
147 (((
148 {{gallery}}
149 image:2.2.2Preview.png
150 image:2.2.2LargeCollpased.png
151 {{/gallery}}
152 )))
153
154 (% class="clearfix" %)
155 (((
156
157 )))
158
159 ==== Var 2.2.3 ====
160
161 (% class="col-md-6" %)
162 (((
163 * Text style
164 )))
165
166 (% class="col-md-6 pull-right" %)
167 (((
168 {{gallery}}
169 image:2.2.3Preview.png
170 image:2.2.3LargeCollpased.png
171 {{/gallery}}
172 )))
173
174 (% class="clearfix" %)
175 (((
176
177 )))
178
179 === Var 2.3 ===
180
181 (% class="col-md-6" %)
182 (((
183 * In the content menu area as an individual menu
184 )))
185
186 (% class="col-md-6 pull-right" %)
187 (((
188 {{gallery}}
189 image:2.3Preview.png
190 image:2.3LargeCollpased.png
191 image:2.3LargeExpanded.png
192 {{/gallery}}
193 )))
194
195 (% class="clearfix" %)
196 (((
197
198 )))
199
200 === Var 2.4 ===
201
202 (% class="col-md-6" %)
203 (((
204 * Inside 'More actions' submenu
205 )))
206
207 (% class="col-md-6 pull-right" %)
208 (((
209 {{gallery}}
210 image:2.4Preview.png
211 image:2.4LargeCollpased.png
212 {{/gallery}}
213 )))
214
215 (% class="clearfix" %)
216 (((
217
218 )))

Get Connected