kpiplus
Version:
KPI+
182 lines (158 loc) • 6.97 kB
HTML
<html lang="en" ng-app="auth" ng-controller="home">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>KPI+</title>
<link href='https://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic,900italic,900&subset=latin,greek,greek-ext,vietnamese,cyrillic-ext,latin-ext,cyrillic' rel='stylesheet' type='text/css'>
<link rel="icon" type="image/png" sizes="16x16" href="assets/img/favicon-16x16.png">
<link rel="icon" type="image/png" sizes="32x32" href="assets/img/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="96x96" href="assets/img/favicon-96x96.png">
<style>
.ng-cloak,
.x-ng-cloak,
[data-ng-cloak],
[ng-cloak],
[ng\:cloak],
[x-ng-cloak] {
display: none ;
}
</style>
<link rel="stylesheet" href="styles/vendor-dd8dc2df4f.css">
<link rel="stylesheet" href="styles/auth-98adf42e56.css">
</head>
<body>
<main class="auth-main ng-cloak">
<div class="auth-block">
<h1>Đăng nhập</h1>
<!--<a href="reg.html" class="auth-link">Bạn là người dùng mới? Đăng ký!</a>-->
<form class="form-horizontal" novalidate="novalidate" name="form">
<div class="form-group">
<label for="inputEmail3" class="col-sm-2 control-label">Email</label>
<div class="col-sm-10">
<input type="email" class="form-control" id="username" placeholder="Email" required="required">
</div>
</div>
<div class="form-group">
<label for="inputPassword3" class="col-sm-2 control-label">Mật khẩu</label>
<div class="col-sm-10">
<input type="password" class="form-control" id="password" placeholder="Password" required="required">
</div>
</div>
<div class="form-group" ng-hide="!messageError">
<div class="col-sm-offset-3 col-sm-8 label-danger">{{messageError}}</div>
</div>
<div class="form-group">
<label class="col-sm-offset-3 col-sm-9 checkbox-inline custom-checkbox nowrap"><input type="checkbox" ng-model="rempass"/>
<span>Nhớ mật khẩu</span></label>
</div>
<div class="form-group">
<div class="col-sm-offset-2 col-sm-10">
<button type="button" class="btn btn-default btn-auth" ng-click="signin()" ng-disabled="running || form.$invalid">Đăng nhập</button>
<a href="resetpassword.html" class="forgot-pass">Bạn quên mật khẩu?</a>
</div>
</div>
</form>
<!--<div class="auth-sep"><span><span>or Sign in with one click</span></span></div> <div class="al-share-auth"> <ul class="al-share clearfix"> <li><i class="socicon socicon-facebook" title="Share on Facebook"></i></li> <li><i class="socicon
socicon-twitter" title="Share on Twitter"></i></li> <li><i class="socicon socicon-google" title="Share on Google Plus"></i></li> </ul> </div>-->
</div>
</main>
<script src="scripts/vendor-1c4d079b4b.js"></script>
<script src="js/00.stp.js"></script>
<script src="js/01.configs.js"></script>
<script>
angular.module("auth", ["stp-untils"]).controller("home", function ($scope, $http, Base64, $localStorage) {
$scope.data = {}
$scope.running = false;
$scope.rempass = (
$localStorage.get("rempass") === 'true'
? true
: false
);
console.log("rêmme", $scope.rempass)
if ($scope.rempass) {
$('#username').val($localStorage.get("username"));
$('#password').val($localStorage.get("password"));
}
//signout
var endpoint = $localStorage.get('endpoint');
var token = $localStorage.get('token');
$localStorage.setObject('currentuser', null);
$localStorage.set('id_app', "");
if (token) {
var url_lg = server_url + "/api/user/logout?access_token=" + token;
if (endpoint) {
url_lg = url_lg + "&ep=" + endpoint;
}
$http.get(url_lg).then(function (d) {
console.log("signout success");
}, function (error) {
console.log("signout error", error.data);
});
$localStorage.set('endpoint', "");
$localStorage.set('token', "");
}
//signin
$scope.signin = function () {
$scope.running = true;
$scope.data.username = $('#username').val();
$scope.data.password = $('#password').val();
if (!$scope.data.username) {
$scope.running = false;
$scope.messageError = "Bạn chưa nhập email";
$('#username').focus();
return;
}
if (!$scope.data.password) {
$scope.running = false;
$scope.messageError = "Bạn chưa nhập mật khẩu";
$('#password').focus();
return;
}
//
var url = server_url + "/auth/local";
var Authorization = "Basic " + Base64.encode($scope.data.username + ':' + $scope.data.password);
$scope.messageError = "";
var keyAuth = url + Authorization;
$http.get(url, {
headers: {
Authorization: Authorization
}
}).then(function (res) {
$scope.running = false;
$scope.messageError = "";
token = res.data;
$localStorage.set('token', token);
url = server_url + "/api/app?access_token=" + token;
$http.get(url).then(function (res) {
if ($scope.rempass) {
console.log('save pass')
$localStorage.set("rempass", $scope.rempass);
$localStorage.set("username", $scope.data.username);
$localStorage.set("password", $scope.data.password);
} else {
$localStorage.set("rempass", false);
$localStorage.set("username", "");
$localStorage.set("password", "");
}
if (res.data.length === 1) {
$localStorage.set("id_app", res.data[0]._id);
}
window.location = "/";
}, function (error) {
window.location = "/";
})
}, function (error) {
$scope.running = false;
if (error.data) {
$scope.messageError = "Tên người dùng hoặc mật khẩu không chính xác";
} else {
$scope.messageError = "Chương trình không thể kết nối với máy chủ";
}
});
}
})
</script>
</body>
</html>