remember login state, and check if user is logged in on page
This commit is contained in:
7
wwwroot/css/profile.css
Normal file
7
wwwroot/css/profile.css
Normal file
@ -0,0 +1,7 @@
|
||||
html,body{
|
||||
background-image: url('../rsc/login2.jpg');
|
||||
background-size: cover;
|
||||
background-repeat: no-repeat;
|
||||
height: 100%;
|
||||
font-family: 'Numans', sans-serif;
|
||||
}
|
||||
2
wwwroot/js/profile.js
Normal file
2
wwwroot/js/profile.js
Normal file
@ -0,0 +1,2 @@
|
||||
$(document).ready(function() {
|
||||
});
|
||||
@ -1,3 +1,20 @@
|
||||
$(document).ready(function() {
|
||||
console.log("hey from js");
|
||||
//check login state
|
||||
console.log("page loaded");
|
||||
$.post('/senddata/checkloginstate','action=getloginstate',function(data){
|
||||
console.log(data);
|
||||
if (data.loggedin == true) {
|
||||
$("#userlabel").html(" "+data.username);
|
||||
}else{
|
||||
$("#userlabel").html(" not logged in!!");
|
||||
}
|
||||
},'json');
|
||||
|
||||
|
||||
|
||||
$('#logoutbtn').click(function() {
|
||||
$.post('/senddata/checkloginstate','action=logout',function(data){
|
||||
console.log(data);
|
||||
},'json');
|
||||
});
|
||||
});
|
||||
|
||||
121
wwwroot/profile.html
Normal file
121
wwwroot/profile.html
Normal file
@ -0,0 +1,121 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en" dir="ltr">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title></title>
|
||||
|
||||
<!-- Latest compiled and minified CSS -->
|
||||
<link rel="stylesheet" href="lib/bootstrap.min.css">
|
||||
|
||||
<!--Fontawesome CDN-->
|
||||
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css" integrity="sha384-mzrmE5qonljUremFsqc01SB46JvROS7bZs3IO2EmfFsd15uHvIt+Y8vEf7N7fWAU" crossorigin="anonymous">
|
||||
|
||||
|
||||
<!-- jQuery library -->
|
||||
<script src="lib/jquery.min.js"></script>
|
||||
|
||||
<!-- Popper JS -->
|
||||
<script src="lib/popper.min.js"></script>
|
||||
|
||||
<!-- Latest compiled JavaScript -->
|
||||
<script src="lib/bootstrap.min.js"></script>
|
||||
|
||||
|
||||
<link rel="stylesheet" type="text/css" href="css/profile.css">
|
||||
<script type="text/javascript" src="js/profile.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<nav class="navbar navbar-expand-md navbar-dark bg-dark">
|
||||
<div class="navbar-collapse collapse w-100 order-1 order-md-0 dual-collapse2">
|
||||
<ul class="navbar-nav mr-auto">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="settings.html">Settings</a>
|
||||
</li>
|
||||
<li class="nav-item active">
|
||||
<a class="nav-link" href="profile.html">Profile</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="mx-auto order-0">
|
||||
<a class="navbar-brand mx-auto" href="#">Profile</a>
|
||||
</div>
|
||||
<div class="navbar-collapse collapse w-100 order-3 dual-collapse2">
|
||||
<ul class="navbar-nav ml-auto">
|
||||
<div class="input-group-prepend">
|
||||
<span class="input-group-text"><i class="fas fa-user"> lheilige</i></span>
|
||||
</div>
|
||||
<button type="button" class="btn btn-primary">Logout</button>
|
||||
</ul>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
|
||||
<div class="row">
|
||||
<div class="col-lg-3">
|
||||
|
||||
</div>
|
||||
|
||||
<div class="col-lg-6">
|
||||
<!-- .card -->
|
||||
<div class="card card-fluid">
|
||||
<h6 class="card-header"> Account Info</h6>
|
||||
<!-- .card-body -->
|
||||
<div class="card-body">
|
||||
<!-- form -->
|
||||
<form method="post">
|
||||
<!-- form row -->
|
||||
<div class="form-row">
|
||||
<!-- form column -->
|
||||
<div class="col-md-6 mb-3">
|
||||
<label for="input01">First Name</label>
|
||||
<input type="text" class="form-control" id="input01" value="Max" required=""></div>
|
||||
<!-- /form column -->
|
||||
<!-- form column -->
|
||||
<div class="col-md-6 mb-3">
|
||||
<label for="input02">Last Name</label>
|
||||
<input type="text" class="form-control" id="input02" value="Mustermann" required=""></div>
|
||||
<!-- /form column -->
|
||||
</div>
|
||||
<!-- /form row -->
|
||||
<!-- .form-group -->
|
||||
<div class="form-group">
|
||||
<label for="input03">Email</label>
|
||||
<input type="email" class="form-control" id="input03" value="Max@Musterman.com" required=""></div>
|
||||
<!-- /.form-group -->
|
||||
<!-- .form-group -->
|
||||
<div class="form-group">
|
||||
<label for="input04">New Password</label>
|
||||
<input type="password" class="form-control" id="input04" value="secret" required=""></div>
|
||||
<!-- /.form-group -->
|
||||
<!-- .form-group -->
|
||||
<div class="form-group">
|
||||
<label for="input05">Username</label>
|
||||
<input type="text" class="form-control" id="input05" value="bent10" required="">
|
||||
</div>
|
||||
<!-- /.form-group -->
|
||||
<hr>
|
||||
<!-- .form-actions -->
|
||||
<div class="form-actions">
|
||||
<!-- enable submit btn when user type their current password -->
|
||||
<input type="password" class="form-control ml-auto mr-3" id="input06"
|
||||
placeholder="Enter Current Password" required="">
|
||||
<button type="submit" class="btn btn-primary" disabled="">Update Account</button>
|
||||
</div>
|
||||
<!-- /.form-actions -->
|
||||
</form>
|
||||
<!-- /form -->
|
||||
</div>
|
||||
<!-- /.card-body -->
|
||||
</div>
|
||||
<!-- /.card -->
|
||||
</div>
|
||||
|
||||
<div class="col-lg-3">
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@ -7,6 +7,10 @@
|
||||
<!-- Latest compiled and minified CSS -->
|
||||
<link rel="stylesheet" href="lib/bootstrap.min.css">
|
||||
|
||||
<!--Fontawesome CDN-->
|
||||
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css" integrity="sha384-mzrmE5qonljUremFsqc01SB46JvROS7bZs3IO2EmfFsd15uHvIt+Y8vEf7N7fWAU" crossorigin="anonymous">
|
||||
|
||||
|
||||
<!-- jQuery library -->
|
||||
<script src="lib/jquery.min.js"></script>
|
||||
|
||||
@ -21,23 +25,30 @@
|
||||
<script type="text/javascript" src="js/settings.js"> </script>
|
||||
</head>
|
||||
<body>
|
||||
<!-- Grey with black text -->
|
||||
<nav class="navbar navbar-expand-sm bg-dark navbar-dark">
|
||||
<ul class="navbar-nav">
|
||||
<li class="nav-item active">
|
||||
<a class="nav-link" href="#">Active</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="#">Link</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="#">Link</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link disabled" href="#">Disabled</a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
<nav class="navbar navbar-expand-md navbar-dark bg-dark">
|
||||
<div class="navbar-collapse collapse w-100 order-1 order-md-0 dual-collapse2">
|
||||
<ul class="navbar-nav mr-auto">
|
||||
<li class="nav-item active">
|
||||
<a class="nav-link" href="settings.html">Settings</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="profile.html">Profile</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="mx-auto order-0">
|
||||
<a class="navbar-brand mx-auto" href="#">Profile</a>
|
||||
</div>
|
||||
<div class="navbar-collapse collapse w-100 order-3 dual-collapse2">
|
||||
<ul class="navbar-nav ml-auto">
|
||||
<div class="input-group-prepend">
|
||||
<span class="input-group-text"><i id="userlabel" class="fas fa-user"> lheilige</i></span>
|
||||
</div>
|
||||
<button type="button" id="logoutbtn" class="btn btn-primary">Logout</button>
|
||||
</ul>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<div class="optionsarray">
|
||||
<div class="custom-control custom-switch">
|
||||
<input type="checkbox" class="custom-control-input" id="customSwitch1">
|
||||
|
||||
Reference in New Issue
Block a user