Wiki source code of Interface and Content Language Separation
Last modified by Vincent Massol on 2024/11/19 16:14
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 | ))) |
