prefs select option enhance

This commit is contained in:
Liang Ding 2014-11-26 11:24:24 +08:00
parent a579872b9c
commit 5ea21eb25f
5 changed files with 52 additions and 6 deletions

View File

@ -1,11 +1,11 @@
// Copyright (c) 2014, B3log // Copyright (c) 2014, B3log
// //
// Licensed under the Apache License, Version 2.0 (the "License"); // Licensed under the Apache License, Version 2.0 (the "License");
// you may not use this file except in compliance with the License. // you may not use this file except in compliance with the License.
// You may obtain a copy of the License at // You may obtain a copy of the License at
// //
// http://www.apache.org/licenses/LICENSE-2.0 // http://www.apache.org/licenses/LICENSE-2.0
// //
// Unless required by applicable law or agreed to in writing, software // Unless required by applicable law or agreed to in writing, software
// distributed under the License is distributed on an "AS IS" BASIS, // distributed under the License is distributed on an "AS IS" BASIS,
// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
@ -81,3 +81,14 @@ func Get(locale, key string) interface{} {
func GetAll(locale string) map[string]interface{} { func GetAll(locale string) map[string]interface{} {
return Locales[locale].Langs return Locales[locale].Langs
} }
// GetLocalesNames gets names of all locales. Returns ["zh_CN", "en_US"] for example.
func GetLocalesNames() []string {
ret := []string{}
for name, _ := range Locales {
ret = append(ret, name)
}
return ret
}

View File

@ -58,7 +58,8 @@ func PreferenceHandler(w http.ResponseWriter, r *http.Request) {
if "GET" == r.Method { if "GET" == r.Method {
model := map[string]interface{}{"conf": conf.Wide, "i18n": i18n.GetAll(user.Locale), "user": user, model := map[string]interface{}{"conf": conf.Wide, "i18n": i18n.GetAll(user.Locale), "user": user,
"ver": conf.WideVersion, "goos": runtime.GOOS, "goarch": runtime.GOARCH, "gover": runtime.Version()} "ver": conf.WideVersion, "goos": runtime.GOOS, "goarch": runtime.GOARCH, "gover": runtime.Version(),
"locales": i18n.GetLocalesNames()}
t, err := template.ParseFiles("views/preference.html") t, err := template.ParseFiles("views/preference.html")

View File

@ -113,6 +113,11 @@
border-top-width: 0; border-top-width: 0;
} }
#dialogPreference .select {
width: 100%;
margin: 2px auto;
}
#dialogPreference .tabs-panel { #dialogPreference .tabs-panel {
padding: 10px; padding: 10px;
} }

View File

@ -285,6 +285,12 @@ var menu = {
}, },
_initPreference: function () { _initPreference: function () {
$("#dialogPreference").load('/preference', function () { $("#dialogPreference").load('/preference', function () {
$("#localeSelect").on('change', function () {
var $dialogPreference = $("#dialogPreference"),
$locale = $dialogPreference.find("input[name=locale]")
$locale.val(this.value);
});
$("#dialogPreference input").keyup(function () { $("#dialogPreference input").keyup(function () {
var isChange = false; var isChange = false;
@ -302,6 +308,22 @@ var menu = {
} }
}); });
$("#dialogPreference select").on("change", function () {
var isChange = false;
$("#dialogPreference input").each(function () {
if ($(this).val() !== $(this).data("value")) {
isChange = true;
}
});
var $okBtn = $("#dialogPreference").closest(".dialog-main").find(".dialog-footer > button:eq(0)");
if (isChange) {
$okBtn.prop("disabled", false);
} else {
$okBtn.prop("disabled", true);
}
});
$("#dialogPreference").dialog({ $("#dialogPreference").dialog({
"modal": true, "modal": true,
"height": 460, "height": 460,

View File

@ -47,15 +47,22 @@
<div class="fn-none" data-index="user"> <div class="fn-none" data-index="user">
<label> <label>
{{.i18n.locale}}{{.i18n.colon}} {{.i18n.locale}}{{.i18n.colon}}
<input data-value="{{.user.Locale}}" value="{{.user.Locale}}" name="locale"/> <br/>
<select class="select" id="localeSelect">
{{range $index, $localeName := .locales }}
<option name="locale" value="{{$localeName}}" {{if eq $.user.Locale $localeName}}selected="selected"{{end}}>{{$localeName}}</option>
{{end}}
</select>
<br/>
</label> </label>
<input data-value="{{.user.Locale}}" value="{{.user.Locale}}" name="locale" hidden="hidden" />
<label> <label>
{{.i18n.workspace}}{{.i18n.colon}} {{.i18n.workspace}}{{.i18n.colon}}
<input data-value="{{.user.Workspace}}" value="{{.user.Workspace}}" name="workspace"/> <input data-value="{{.user.Workspace}}" value="{{.user.Workspace}}" name="workspace"/>
</label> </label>
<label> <label>
{{.i18n.password}}{{.i18n.colon}} {{.i18n.password}}{{.i18n.colon}}
<input data-value="{{.user.Password}}" value="{{.user.Password}}" name="password"/> <input data-value="{{.user.Password}}" value="{{.user.Password}}" name="password" type="password"/>
</label> </label>
</div> </div>
</div> </div>