bug 13815

Add language drop-down to login screen

status 13815: resolved fixed

ui/css/cloudstack3.css

@@ -236,6 +236,27 @@ body.login {
   box-shadow: 0px 3px 5px #D5D5D5;
 }
 
+.login .select-language {
+  margin-top: 10px;
+  float: left;
+}
+
+.login .select-language select {
+  width: 125px;
+  border: 1px solid #808080;
+  /*+border-radius:4px;*/
+  -moz-border-radius: 4px;
+  -webkit-border-radius: 4px;
+  -khtml-border-radius: 4px;
+  border-radius: 4px 4px 4px 4px;
+  font-size: 12px;
+  /*+box-shadow:inset 0px 1px 1px #838383;*/
+  -moz-box-shadow: inset 0px 1px 1px #838383;
+  -webkit-box-shadow: inset 0px 1px 1px #838383;
+  -o-box-shadow: inset 0px 1px 1px #838383;
+  box-shadow: inset 0px 1px 1px #838383;
+}
+
 .login .fields {
   width: 409px;
   float: left;

ui/index.jsp

@@ -50,6 +50,14 @@
 
             <!-- Submit (login) -->
             <input type="submit" value="" />
+
+            <!-- Select language -->
+            <div class="select-language">
+              <select name="language">
+                <option value="en"><fmt:message key="label.lang.english"/></option>
+                <option value="ja"><fmt:message key="label.lang.japanese"/></option>
+              </select>
+            </div>
           </div>
         </form>
       </div>

ui/scripts/ui-custom/login.js

@@ -82,5 +82,13 @@
 
       return false;
     });
+
+    // Select language
+    var $languageSelect = $login.find('select[name=language]');
+    $languageSelect.change(function() {
+      $.cookie('lang', $(this).val());
+      document.location.reload();
+    });
+    $languageSelect.val($.cookie('lang'));
   };
 })(jQuery, cloudStack);