Breaking

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:

Powered by Blogger.