i18nized private console index

This commit is contained in:
strawmanbobi
2020-06-06 21:51:29 +08:00
parent ddad2de39e
commit 59153238f2
11 changed files with 188 additions and 375 deletions

View File

@@ -6,29 +6,34 @@
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"/>
<meta name="description" content="index page of IRext">
<meta name="author" content="strawmanbobi">
<title>IRext</title>
<title data-i18n="page_index.title">IRext</title>
<link rel="stylesheet" href="./public_js/bower_components/bootstrap/dist/css/bootstrap.min.css">
<link rel="stylesheet" href="./public_js/bower_components/toastr/toastr.min.css">
<link rel="stylesheet" href="css/cover.css">
</head>
<body>
<body class="page_index" style="background: #3F3F3F; color: #FFFFFF;">
<div class="navbar container">
<div class="header clearfix">
<h3>IRext 本地控制台 - 0.2.5</h3>
<h3 data-i18n="page_index.title">IRext 本地控制台 - 0.2.5</h3>
</div>
</div>
<div class="container">
<div class="container">
<div class="form-signin">
<h4 class="text-muted">登入</h4>
<label for="user_name" class="sr-only">邮件地址</label>
<input type="email" id="user_name" class="form-control" placeholder="邮件地址" required autofocus>
<label for="password" class="sr-only">密码</label>
<input type="password" id="password" class="form-control" placeholder="密码" required>
<button class="btn btn-lg btn-primary btn-block" onclick="signIn();">确定</button>
<br>
<div style="font-size: 12px; color: #AAA;"><a href="#" onclick="onChangePassword();">更改密码</a></div>
<div class="form-signin" style="margin-top: 100px;">
<h4 class="text-muted" data-i18n="page_index.d_signin_title" style="color: #FFFFFF;">登入</h4>
<label for="user_name" class="sr-only" data-i18n="page_index.d_signin_email">邮件地址</label>
<input type="email" id="user_name" class="form-control" placeholder="Email" required autofocus>
<label for="password" class="sr-only" data-i18n="page_index.d_signin_password">密码</label>
<input type="password" id="password" class="form-control" placeholder="Password" required>
<div class="row">
<div class="col-lg-6">
<button class="btn btn-lg btn-info" style="width: 100%;" data-i18n="page_index.d_signin_signin" onclick="signIn();">登入</button>
</div>
<div class="col-lg-6">
<button class="btn btn-lg btn-warning" style="width: 100%;" data-i18n="page_index.d_changepw_title" onclick="onChangePassword();">重置密码</button>
</div>
</div>
</div>
</div>
</div>
@@ -39,65 +44,14 @@
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
<h4 class="modal-title" style="color: #000;">更改密码</h4>
<h4 class="modal-title" style=" color: #000;" data-i18n="page_index.d_changepw_title">重置密码</h4>
</div>
<div class="modal-body">
<div id="changepw_hint" style="color: #000;">系统会自动为你挑选一个6位随机数的新密码并发送到你的邮件确认更改密码</div>
<div id="changepw_hint" style="color: #000;" data-i18n="page_index.d_changepw_hint">系统会自动为你挑选一个6位随机数的新密码并发送到你的邮件确认更改密码</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-danger" onclick="changePassword();">确定</button>
<button type="button" class="btn btn-primary" data-dismiss="modal">取消</button>
</div>
</div>
</div>
</div>
<div class="modal fade" id="stat_dialog" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
<h4 class="modal-title" style="color: #000;">统计数据</h4>
</div>
<div class="modal-body">
<ul class="nav nav-tabs" id="main_tab">
<li class="active" style="cursor: pointer;"><a data-target="#activation_stat" data-toggle="tab">概要信息</a></li>
<li style="cursor: pointer;"><a data-target="#remote_stat" data-toggle="tab" onclick="statCategories();">详细信息</a></li>
</ul>
<div class="tab-content">
<div class="tab-pane active" id="activation_stat">
<div id="panel_active_stat">
<div class="row marketing">
<div class="row">
<div class="col-md-4" style="text-align: center;">
<h4>支持电器种类</h4>
<h1 style="color: #3FAF7F" id="categories_count"></h1>
</div>
<div class="col-md-4" style="text-align: center;">
<h4>支持品牌数量</h4>
<h1 style="color: #3FAF7F" id="brands_count"></h1>
</div>
<div class="col-md-4" style="text-align: center;">
<h4>支持索引数量</h4>
<h1 style="color: #3FAF7F" id="remote_indexes_count"></h1>
</div>
</div>
</div>
</div>
</div>
<div class="tab-pane" id="remote_stat">
<br>
<div id="panel_remote_index_stat">
<div class="panel-group" role="tablist" aria-multiselectable="true" id="categories_panel">
</div>
</div>
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-primary" data-dismiss="modal">已了解</button>
<button type="button" class="btn btn-danger" onclick="changePassword();" data-i18n="page_index.d_changepw_confirm">确定</button>
<button type="button" class="btn btn-primary" data-dismiss="modal" data-i18n="page_index.d_changepw_cancel">取消</button>
</div>
</div>
</div>
@@ -107,6 +61,8 @@
<script src="./public_js/bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
<script src="./public_js/bower_components/toastr/toastr.min.js"></script>
<script src="./public_js/bower_components/highcharts/highcharts.js"></script>
<script src="./public_js/i18n/i18next-1.11.2.min.js"></script>
<script src="./public_js/utils/url_parser.js"></script>
<script src="./public_js/utils/ciphering.js"></script>
<script src="./js/index.js"></script>
</html>