Wiki source code of Interface and Content Language Separation
Last modified by Vincent Massol on 2024/02/26 17:55
Show last authors
author | version | line-number | content |
---|---|---|---|
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 | ))) |