merged private server and console to private-cloud
This commit is contained in:
strawmanbobi
420
console/web/js/index.js
Normal file
420
console/web/js/index.js
Normal file
@@ -0,0 +1,420 @@
|
||||
/**
|
||||
* Created by Strawmanbobi
|
||||
* 2016-11-13
|
||||
*/
|
||||
|
||||
var LS_KEY_ID = "user_name";
|
||||
var LS_KEY_TOKEN = "token";
|
||||
|
||||
var categoriesStated = false;
|
||||
|
||||
var colorClass = ["default", "primary", "success", "warning", "danger", "info"];
|
||||
|
||||
// global container var
|
||||
var gCategories = [];
|
||||
// 2-dimensions brand array
|
||||
var gBrands = [];
|
||||
// 1-dimension city array
|
||||
var gCities = [];
|
||||
|
||||
$("#document").ready(function() {
|
||||
|
||||
});
|
||||
|
||||
// sign in
|
||||
function signIn() {
|
||||
var userName = $("#user_name").val();
|
||||
var password = $("#password").val();
|
||||
if (null == userName || "" == userName || null == password || "" == password) {
|
||||
toastr.error("请填写用户账户和密码");
|
||||
return;
|
||||
}
|
||||
var pwHash = MD5(password);
|
||||
doSignIn(userName, pwHash);
|
||||
}
|
||||
|
||||
function onChangePassword() {
|
||||
var userName = $("#user_name").val();
|
||||
if (null == userName || "" == userName) {
|
||||
toastr.error("请填写用户账户");
|
||||
return;
|
||||
}
|
||||
$("#changepw_confirm_dialog").modal();
|
||||
}
|
||||
|
||||
function popUpHintDialog(hint) {
|
||||
$("#text_hint").empty();
|
||||
$("#text_hint").append(hint);
|
||||
$("#hint_dialog").modal();
|
||||
}
|
||||
|
||||
function navigateToPage(page, id, token) {
|
||||
var form = $("<form method='post'></form>"),
|
||||
input;
|
||||
form.attr({"action" : "/irext/nav/nav_to_url"});
|
||||
|
||||
input = $("<input type='hidden'>");
|
||||
input.attr({"name": "admin_id"});
|
||||
input.val(id);
|
||||
form.append(input);
|
||||
|
||||
input = $("<input type='hidden'>");
|
||||
input.attr({"name": "token"});
|
||||
input.val(token);
|
||||
form.append(input);
|
||||
|
||||
input = $("<input type='hidden'>");
|
||||
input.attr({"name": "page"});
|
||||
input.val(page);
|
||||
form.append(input);
|
||||
|
||||
form.submit();
|
||||
}
|
||||
|
||||
function changePassword() {
|
||||
var userName = $("#user_name").val();
|
||||
if (null == userName || "" == userName) {
|
||||
popUpHintDialog("请填写用户账户");
|
||||
return;
|
||||
}
|
||||
$.ajax({
|
||||
url: "/irext/certificate/change_pw",
|
||||
type: "POST",
|
||||
data: {
|
||||
user_name : userName,
|
||||
callback_url : window.location.hostname
|
||||
},
|
||||
timeout: 20000,
|
||||
success: function (response) {
|
||||
if(response.status.code == 0) {
|
||||
$("#changepw_confirm_dialog").modal('hide');
|
||||
popUpHintDialog("新密码已经成功发送到您的邮箱，请查看并确认");
|
||||
} else {
|
||||
$("#changepw_confirm_dialog").modal('hide');
|
||||
popUpHintDialog("申请密码修改失败，请确认您是合法人员，且邮箱地址无误");
|
||||
}
|
||||
},
|
||||
error: function () {
|
||||
$("#changepw_confirm_dialog").modal('hide');
|
||||
popUpHintDialog("申请密码修改失败，请确认您是合法人员，且邮箱地址无误");
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
function onSignIn() {
|
||||
$("#signin_dialog").modal();
|
||||
}
|
||||
|
||||
function doSignIn(userName, password) {
|
||||
var token = "";
|
||||
var adminID = "";
|
||||
$.ajax({
|
||||
url: "/irext/certificate/admin_login",
|
||||
type: "POST",
|
||||
data: JSON.stringify({user_name: userName, password: password}),
|
||||
contentType: "application/json; charset=utf-8",
|
||||
timeout: 20000,
|
||||
success: function(response) {
|
||||
if(response.status.code == 0) {
|
||||
token = response.entity.token;
|
||||
adminID = response.entity.id;
|
||||
toastr.success("登入成功，3秒后自动进入控制台");
|
||||
var permission = token.substring(token.indexOf(",") + 1);
|
||||
var index = null;
|
||||
var page = "";
|
||||
if (null != permission && permission != "") {
|
||||
index = permission.substring(0, 1);
|
||||
}
|
||||
if (null == index) {
|
||||
window.location = "./error/auth_error.html";
|
||||
} else {
|
||||
page = "code";
|
||||
}
|
||||
setTimeout(function() {
|
||||
// navigateToPage(page, adminID, token);
|
||||
window.location = "./" + page + "/index.html";
|
||||
}, 3000);
|
||||
localStorage.setItem(LS_KEY_ID, adminID);
|
||||
localStorage.setItem(LS_KEY_TOKEN, token);
|
||||
} else {
|
||||
toastr.error("登入失败，请确认密码是否正确");
|
||||
}
|
||||
},
|
||||
error: function() {
|
||||
toastr.error("登入失败，请确认密码是否正确");
|
||||
}
|
||||
});
|
||||
}
|
||||
// stat
|
||||
function onStatCategories() {
|
||||
if (true == categoriesStated) {
|
||||
return;
|
||||
}
|
||||
console.debug("stat categories");
|
||||
statCategories();
|
||||
}
|
||||
|
||||
function onStatBrands(categoryIndex) {
|
||||
var categoryID = 0;
|
||||
if (true == gBrands[categoryIndex].brandStated) {
|
||||
return;
|
||||
}
|
||||
categoryID = gCategories[categoryIndex].id;
|
||||
|
||||
if (3 != categoryID) {
|
||||
statBrands(gCategories[categoryIndex].id, categoryIndex);
|
||||
} else {
|
||||
statCities(gCategories[categoryIndex].id, categoryIndex);
|
||||
}
|
||||
}
|
||||
|
||||
function getStatInfo() {
|
||||
$.ajax({
|
||||
url: "/irext/stat/generic_count",
|
||||
type: "POST",
|
||||
dataType: 'json',
|
||||
data: {
|
||||
admin_id : id,
|
||||
token : token
|
||||
},
|
||||
timeout: 20000,
|
||||
success: function (response) {
|
||||
if(response.status.code == 0) {
|
||||
refreshStatInfo(response.entity);
|
||||
} else {
|
||||
console.log("get remote instance count failed");
|
||||
}
|
||||
},
|
||||
error: function () {
|
||||
console.log("get remote instance count failed");
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
function statCategories() {
|
||||
$.ajax({
|
||||
url: "/irext/stat/stat_categories",
|
||||
type: "POST",
|
||||
timeout: 20000,
|
||||
success: function (response) {
|
||||
if(response.status.code == 0) {
|
||||
gCategories = response.entity;
|
||||
refreshCategoryList();
|
||||
} else {
|
||||
console.log("stat categories failed");
|
||||
}
|
||||
},
|
||||
error: function () {
|
||||
console.log("stat categories failed");
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
function statBrands(categoryID, categoryIndex) {
|
||||
$.ajax({
|
||||
url: "/irext/stat/stat_brands",
|
||||
type: "POST",
|
||||
dataTpe: "JSON",
|
||||
data: {
|
||||
category_id: categoryID
|
||||
},
|
||||
timeout: 20000,
|
||||
success: function (response) {
|
||||
if(response.status.code == 0) {
|
||||
gBrands[categoryIndex].brands = response.entity;
|
||||
// console.log("brands stat result = " + JSON.stringify(gBrands[categoryIndex].brands));
|
||||
refreshBrandList(categoryID, categoryIndex);
|
||||
} else {
|
||||
console.log("stat brands failed");
|
||||
}
|
||||
},
|
||||
error: function () {
|
||||
console.log("stat brands failed");
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
function statCities(categoryID, categoryIndex) {
|
||||
$.ajax({
|
||||
url: "/irext/stat/stat_cities",
|
||||
type: "POST",
|
||||
timeout: 20000,
|
||||
success: function (response) {
|
||||
if(response.status.code == 0) {
|
||||
gCities.cities = response.entity;
|
||||
console.log("cities stat result = " + JSON.stringify(gCities.cities));
|
||||
refreshCityList(categoryID, categoryIndex);
|
||||
} else {
|
||||
console.log("stat cities failed");
|
||||
}
|
||||
},
|
||||
error: function () {
|
||||
console.log("stat cities failed");
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
function showStat() {
|
||||
$("#stat_dialog").modal();
|
||||
}
|
||||
|
||||
function refreshStatInfo(statInfo) {
|
||||
var categoriesCountPanel = $("#categories_count");
|
||||
var brandsCountPanel = $("#brands_count");
|
||||
var remoteIndexesCountPanel = $("#remote_indexes_count");
|
||||
|
||||
categoriesCountPanel.empty();
|
||||
categoriesCountPanel.append(statInfo.categories_count);
|
||||
brandsCountPanel.empty();
|
||||
brandsCountPanel.append(statInfo.brands_count);
|
||||
remoteIndexesCountPanel.empty();
|
||||
remoteIndexesCountPanel.append(statInfo.remote_indexes_count);
|
||||
}
|
||||
|
||||
function refreshCategoryList() {
|
||||
var categoryContent = "";
|
||||
gBrands = new Array();
|
||||
for (var i = 0; i < gCategories.length; i++) {
|
||||
var category = gCategories[i];
|
||||
|
||||
if (category.id == 11) {
|
||||
category.name = "機上盒";
|
||||
}
|
||||
var panelID = "category_" + category.id;
|
||||
var collapseID = "collapse" + category.id;
|
||||
var colorSpace = i % 6;
|
||||
var includingText = "";
|
||||
if (3 != category.id) {
|
||||
includingText = "个品牌";
|
||||
} else {
|
||||
includingText = "个省份";
|
||||
}
|
||||
// console.log(colorClass[colorSpace]);
|
||||
categoryContent +=
|
||||
"<div class='panel panel-default'>" +
|
||||
"<div class='panel-heading' role='tab' id='" + panelID + "'>" +
|
||||
"<h4 class='panel-title' style='text-align:left;'>" +
|
||||
"<a style='display: block; width: 100%; text-decoration: none;'" +
|
||||
"role='button' data-toggle='collapse' data-parent='#categories_panel'" +
|
||||
"href='#" + collapseID +"' onclick='onStatBrands(" + i + ")' " +
|
||||
"aria-expanded='true' aria-controls='" + collapseID + "'>" +
|
||||
category.name + " (" + category.brands_count + " " + includingText + ")" +
|
||||
"</a>" +
|
||||
"</h4>" +
|
||||
"</div>" +
|
||||
"<div id='" + collapseID + "' class='panel-collapse collapse' role='tabpanel' aria-labelledby='headingOne'>" +
|
||||
"<div class='panel-body' style='text-align:left;' id='brand_charts_" + category.id + "'>" +
|
||||
"正在加载..." +
|
||||
"</div>" +
|
||||
"</div>" +
|
||||
"</div>";
|
||||
gBrands[i] = new Array();
|
||||
gBrands[i].brandStated = false;
|
||||
}
|
||||
$("#categories_panel").html(categoryContent);
|
||||
categoriesStated = true;
|
||||
}
|
||||
|
||||
function refreshBrandList(categoryID, categoryIndex) {
|
||||
// draw charts with highcharts
|
||||
// adjust the container of charts according to the number of brands in this category
|
||||
var containerHeight = gBrands[categoryIndex].brands.length * 30 + 200;
|
||||
console.log("container height = " + containerHeight);
|
||||
$("#brand_charts_" + categoryID).css("width", "100%");
|
||||
$("#brand_charts_" + categoryID).css("height", containerHeight + "px");
|
||||
$("#brand_charts_" + categoryID).css("padding", "0px");
|
||||
|
||||
// generate brand names and supported remote index counts
|
||||
var brandNames = [];
|
||||
var remoteIndexCounts = [];
|
||||
for (var i = 0; i < gBrands[categoryIndex].brands.length; i++) {
|
||||
brandNames[i] = gBrands[categoryIndex].brands[i].name;
|
||||
remoteIndexCounts[i] = gBrands[categoryIndex].brands[i].remote_indexes_count;
|
||||
}
|
||||
|
||||
$("#brand_charts_" + categoryID).highcharts({
|
||||
chart: {
|
||||
type: "bar",
|
||||
style: {
|
||||
fontFamily: '微软雅黑'
|
||||
},
|
||||
events: {
|
||||
load: function(event) {
|
||||
// nothing to do
|
||||
}
|
||||
}
|
||||
},
|
||||
title: {
|
||||
text: gCategories[categoryIndex].name + "品牌分布"
|
||||
},
|
||||
xAxis: {
|
||||
categories: brandNames
|
||||
},
|
||||
yAxis: {
|
||||
title: {
|
||||
text: '支持型号数'
|
||||
}
|
||||
},
|
||||
series: [{
|
||||
name: '型号数',
|
||||
data: remoteIndexCounts,
|
||||
dataLabels: {
|
||||
enabled: true
|
||||
}
|
||||
}]
|
||||
});
|
||||
|
||||
gBrands[categoryIndex].brandStated = true;
|
||||
}
|
||||
|
||||
function refreshCityList(categoryID, categoryIndex) {
|
||||
// draw charts with highcharts
|
||||
// adjust the container of charts according to the number of brands in this category
|
||||
var containerHeight = gCities.cities.length * 30 + 200;
|
||||
console.log("container height = " + containerHeight);
|
||||
$("#brand_charts_" + categoryID).css("width", "100%");
|
||||
$("#brand_charts_" + categoryID).css("height", containerHeight + "px");
|
||||
$("#brand_charts_" + categoryID).css("padding", "0px");
|
||||
|
||||
// generate brand names and supported remote index counts
|
||||
var provinceNames = [];
|
||||
var cityCounts = [];
|
||||
for (var i = 0; i < gCities.cities.length; i++) {
|
||||
provinceNames[i] = gCities.cities[i].name;
|
||||
cityCounts[i] = gCities.cities[i].city_count;
|
||||
}
|
||||
|
||||
$("#brand_charts_" + categoryID).highcharts({
|
||||
chart: {
|
||||
type: "bar",
|
||||
style: {
|
||||
fontFamily: '微软雅黑'
|
||||
},
|
||||
events: {
|
||||
load: function(event) {
|
||||
// nothing to do
|
||||
}
|
||||
}
|
||||
},
|
||||
title: {
|
||||
text: gCategories[categoryIndex].name + "地区分布"
|
||||
},
|
||||
xAxis: {
|
||||
categories: provinceNames
|
||||
},
|
||||
yAxis: {
|
||||
title: {
|
||||
text: '支持城市数'
|
||||
}
|
||||
},
|
||||
series: [{
|
||||
name: '城市数',
|
||||
data: cityCounts,
|
||||
dataLabels: {
|
||||
enabled: true
|
||||
}
|
||||
}]
|
||||
});
|
||||
|
||||
gBrands[categoryIndex].brandStated = true;
|
||||
}
|
||||
Reference in New Issue
Block a user