NodeJS Auth With PassportJS and MongoDB Database
layout.hbs
<!DOCTYPE html>
<html>
<head>
<title>{{title}}</title>
<link rel="stylesheet" href="/css/semantic.min.css">
<link rel='stylesheet' href='/css/style.css' />
</head>
<body>
<div class="wrapper">
<div class="ui green inverted menu menu">
<div class="ui container">
<div class="header item">
<a href="#">Our Company</a>
</div>
<a class="item before-signin" href="#">
Sign In
</a>
<a class="item before-signin" href="#">
Sign Up
</a>
<a class="item after-signin" href="#">
Profile
</a>
</div>
</div>
{{{body}}}
</div>
<script src="#"> </script>
</body>
</html>
profile.hbs
<div class="ui container">
<br><br>
<h2 class="header">Profile informations</h2>
<br><br>
<div class="ui segment blue">
Welcome Unknown players
</div>
<form action="/users/signout?_method=DELETE" class="ui form container stackable" method="POST">
<button type="submit" class="ui button red">Sign Out</button>
</form>
</div>
signup.hbs
<div class="ui container">
<br><br>
<h2 class="ui header blue">Players Information</h2>
<br><br>
<form action="" class="ui green form" method="">
<div class="two fields">
<div class="field">
<label for="name">Enter Player Name</label>
<input type="text" name="" id="name" placeholder="Enter Player Name" value="" >
</div>
<div class="field">
<label for="email">Enter Player Email</label>
<input type="email" name="" id="email" placeholder="Enter Player email" value="">
</div>
</div>
<div class="two fields">
<div class="field">
<label for="password">Enter Password</label>
<input type="password" name="" id="password" placeholder="Enter Player password">
</div>
<div class="field">
<label for="password2">Confirm Password</label>
<input type="password" name="" id="password2" placeholder="Enter Player password">
</div>
</div>
<div class="ui field fluid">
<input type="submit" value="Submit" class="ui button green fluid">
</div>
</form>
</div>
signin.hbs
<div class="ui container">
<br><br>
<h2 class="ui header blue">Players Information</h2>
<br><br>
<form action="" class="ui green form" method="">
<div class="two fields">
<div class="field">
<label for="email">Enter Player Email</label>
<input type="text" name="" id="email" placeholder="Enter Player email">
</div>
<div class="field">
<label for="password">Enter Password</label>
<input type="password" name="" id="password" placeholder="Enter Player password">
</div>
</div>
<div class="ui field fluid">
<input type="submit" value="Submit" class="ui button green fluid">
</div>
</form>
</div>
No comments: