Skip to content

Commit

Permalink
Merge branch 'ds/issue44' into 'develop'
Browse files Browse the repository at this point in the history
Change design of login, Register page

See merge request PBSA/dapps/NFT-store!20
  • Loading branch information
Dipak Savaliya committed Jun 11, 2021
2 parents daaaac9 + a913799 commit 76732c6
Show file tree
Hide file tree
Showing 9 changed files with 410 additions and 69 deletions.
Binary file added public/images/email.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added public/images/lock.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
1 change: 1 addition & 0 deletions public/stylesheets/admin.css
Original file line number Diff line number Diff line change
Expand Up @@ -294,3 +294,4 @@ body .popover {
padding-top: 10px;
}
}

15 changes: 11 additions & 4 deletions public/stylesheets/style.css
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,8 @@ html {
min-height: 100%;
}
body {
margin-bottom: 140px;
/* margin-bottom: 140px; */
background-color: #f5f5f5;
}
html,
body {
Expand Down Expand Up @@ -430,8 +431,14 @@ input.form-control.customerDetails {
position: absolute;
bottom: 0;
width: 100%;
height: 100px;
background-color: #f5f5f5;
height: 63px;
/* background-color: #f5f5f5; */
}
.footer-heading-text h4 {
color: #bababa;
font-weight: 400;
font-size: 16px;
cursor: pointer;
}
.admin {
margin-bottom: 0;
Expand Down Expand Up @@ -628,7 +635,7 @@ a {
height: 100px;
}
body {
margin-bottom: 100px;
margin-bottom: 30px;
}
.navbar-brand {
padding-left: 0px;
Expand Down
93 changes: 54 additions & 39 deletions views/customer-create.hbs
Original file line number Diff line number Diff line change
@@ -1,46 +1,46 @@
<div class="col-md-9 mx-sm-auto col-lg-10 px-4">
<div class="col-md-12 mx-sm-auto col-lg-12">
<form method="post" class="form-horizontal" id="customer-form" role="form" data-toggle="validator" novalidate="false">
<div class="col-sm-12">
<div class="page-header">
<div class="btn-group float-right" role="group" aria-label="Basic example">
<div class="col-sm-12 left-right-space-remove">
<div class="page-header customer-header">
{{!-- <div class="btn-group float-right" role="group" aria-label="Basic example">
<button class="btn btn-outline-success" id="createCustomer">Register</button>
</div>
</div> --}}
<h2>Customer</h2>
</div>
</div>
<div class="col-sm-12">
<div class="form-group">
<label class="control-label">Email *</label>
<div class="col-sm-12 customer-form first-input-space">
<div class="bottom-space">
<label class="control-form-label">Email *</label>
<input type="text" class="form-control" name="email" id="email" required>
</div>
</div>
<div class="col-sm-5">
<div class="form-group">
<label class="control-label">{{ @root.__ "First name" }} *</label>
<div class="col-sm-12 customer-form">
<div class="bottom-space">
<label class="control-form-label">{{ @root.__ "First name" }} *</label>
<input type="text" class="form-control" name="firstName" id="firstName" required>
</div>
</div>
<div class="col-sm-5">
<div class="form-group">
<label class="control-label">{{ @root.__ "Last name" }} *</label>
<div class="col-sm-12 customer-form">
<div class="bottom-space">
<label class="control-form-label">{{ @root.__ "Last name" }} *</label>
<input type="text" class="form-control" name="lastName" id="lastName" required>
</div>
</div>
<div class="col-sm-12">
<div class="form-group">
<label class="control-label">{{ @root.__ "Address 1" }} *</label>
<div class="col-sm-12 customer-form">
<div class="bottom-space">
<label class="control-form-label">{{ @root.__ "Address 1" }} *</label>
<input type="text" class="form-control" name="address1" id="address1" required>
</div>
</div>
<div class="col-sm-12">
<div class="form-group">
<label class="control-label">{{ @root.__ "Address 2" }}</label>
<div class="col-sm-12 customer-form">
<div class="bottom-space">
<label class="control-form-label">{{ @root.__ "Address 2" }}</label>
<input type="text" class="form-control" name="address2" id="address2">
</div>
</div>
<div class="col-sm-12">
<div class="form-group">
<label class="control-label">{{ @root.__ "Country" }} *</label>
<div class="col-sm-8 customer-form">
<div class="bottom-space">
<label class="control-form-label">{{ @root.__ "Country" }} *</label>
<select class="form-control" id="country" name="country" required>
<option value="" disabled selected>Select Country</option>
{{#each countryList}}
Expand All @@ -49,36 +49,51 @@
</select>
</div>
</div>
<div class="col-sm-5">
<div class="form-group">
<label class="control-label">{{ @root.__ "State" }} *</label>
<div class="col-sm-8 customer-form">
<div class="bottom-space">
<label class="control-form-label">{{ @root.__ "State" }} *</label>
<input type="text" class="form-control" name="state" id="state" required>
</div>
</div>
<div class="col-sm-5">
<div class="form-group">
<label class="control-label">{{ @root.__ "Postcode" }} *</label>
<div class="col-sm-8 customer-form">
<div class="bottom-space">
<label class="control-form-label">{{ @root.__ "Postcode" }} *</label>
<input type="text" class="form-control" name="postcode" id="postcode" required>
</div>
</div>
<div class="col-sm-5">
<div class="form-group">
<label class="control-label">{{ @root.__ "Phone number" }} *</label>
<div class="col-sm-8 customer-form">
<div class="bottom-space">
<label class="control-form-label">{{ @root.__ "Phone number" }} *</label>
<input type="text" class="form-control" name="phone" id="phone" required>
</div>
</div>
<div class="col-sm-5">
<div class="form-group">
<label class="control-label">{{ @root.__ "Password" }} *</label>
<div class="col-sm-8 customer-form">
<div class="bottom-space">
<label class="control-form-label">{{ @root.__ "Password" }} *</label>
<input type="password" class="form-control" name="password" id="password" required>
</div>
</div>
<div class="col-sm-5">
<div class="form-group">
<label for="frm_userPassword_confirm">{{ @root.__ "Password confirm" }} *</label>
<div class="col-sm-8 customer-form">
<div class="bottom-space">
<label class="control-form-label" for="frm_userPassword_confirm">{{ @root.__ "Password confirm" }} *</label>
<input type="password" data-match="#password" placeholder="Confirm password" class="form-control" id="frm_userPassword_confirm" name="frm_userPassword_confirm" required>
</div>
</div>
</div>
<input type="hidden" name="customerId" id="customerId" value="{{result._id}}">
</form>
<div class="row first-input-space customer-form">
<div class="col-sm-12">
<button class="btn register-btn-style" id="createCustomer">
Register
</button>
</div>
</div>
<div class="control-form-bottom-align"></div>
</div>

<div class="nft-store-text-style1">
<a href="/" style="text-decoration: none;"><p>
PEER <span class="text-blue font-normal">PLAYS</span><br/>
<span class="text-blue">NFT STORE</span>
</p></a>
</div>
32 changes: 23 additions & 9 deletions views/layouts/layout.hbs
Original file line number Diff line number Diff line change
Expand Up @@ -187,15 +187,15 @@
<body>
{{/if}}
{{#unless admin}}
<nav class="navbar navbar-expand-lg justify-content-between mainNavBar">
<div> </div>
<a class="navbar-brand" href="/">
<nav class="navbar navbar-expand-lg justify-content-between mainNavBar mobile-view-none mb-3">
<div class="tablet-none"> </div>
{{!-- <a class="navbar-brand" href="/">
{{#if @root.config.cartLogo}}
<img src="{{@root.config.cartLogo}}" class="img-fluid">
{{else}}
{{@root.config.cartTitle}}
{{/if}}
</a>
</a> --}}
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarMenu" aria-controls="navbarMenu" aria-expanded="false" aria-label="Toggle navigation">
{{{feather 'menu'}}}
</button>
Expand Down Expand Up @@ -227,6 +227,11 @@
{{else}}
<li class="nav-item ml-3"><a href="/customer/account" class="btn">{{{feather 'user'}}}</a></li>
{{/if}}
{{#if @root.session.cart}}
{{!-- <li class="nav-item"><a href="/checkout/cart" class="btn menu-btn">{{{feather 'shopping-cart'}}} {{ @root.__ "Cart" }} <span class="badge badge-danger" id="cart-count">{{@root.session.totalCartItems}}</span></a></li> --}}
{{else}}
{{!-- <li class="nav-item"><a href="/checkout/cart" class="btn menu-btn">{{{feather 'shopping-cart'}}}</i> {{ @root.__ "Cart" }} <span class="badge badge-danger" id="cart-count">0</span></a></li> --}}
{{/if}}
</ul>
</div>
</nav>
Expand Down Expand Up @@ -256,11 +261,15 @@
{{/ifCond}}
{{/ifCond}}
{{/unless}}
<div class="container-fluid content-body h-100" id="container">
<div class="row">
{{{body}}}
<div id="myDIV">
<div class="container" id="container">
<div id="loginclass">
<div class="row h-100">
{{{body}}}
</div>
</div>
</div>
</div>
</div>
<input type="hidden" id="input_notify_message" value="{{message}}">
<input type="hidden" id="input_notify_messageType" value="{{messageType}}">
<input type="hidden" id="cartCheckout" value="{{checkout}}">
Expand All @@ -271,7 +280,7 @@
{{#if showFooter}}
<div class="footer">
<div class="d-flex h-100">
<div class="col-12 align-self-center">
<div class="col-12 align-self-center footer-heading-text">
{{#isNull @root.config.footerHtml}}
<h5 class="text-center">Powered by expressCart</h5>
{{else}}
Expand All @@ -297,6 +306,11 @@
{{/if}}
<script>
feather.replace();
if(window.location.pathname == "/customer/login" || window.location.pathname =="/admin/login" || window.location.pathname =="/customer/setup"){
document.getElementById("myDIV").className = "login-fullscreen";
document.getElementById("loginclass").className = "login-box";
}
console.log("path no console",window.location.pathname)
</script>
</body>
</html>
51 changes: 41 additions & 10 deletions views/login.hbs
Original file line number Diff line number Diff line change
@@ -1,13 +1,44 @@
<div class="col-md-4 offset-md-4 top-pad-100">
<form class="form-signin" method="post" role="form" data-toggle="validator">
<input type="hidden" name="frm_referringUrl" value="{{referringUrl}}">
<h2 class="form-signin-heading">{{ @root.__ "Please sign in" }}</h2>
<div class="form-group">
<input type="email" id="email" name="email" class="form-control" placeholder="email address" required autofocus>

<div class="col-md-12 col-lg-12">
<div class="row top-align-space h-100 mobile-direction">
<div class="col-lg-6 left-right-align">
<form class="form-signin" method="post" role="form" data-toggle="validator">
<input type="hidden" name="frm_referringUrl" value="{{referringUrl}}">
<h2 class="form-signin-heading heading-title-text-color pt-5">{{ @root.__ "Please sign in" }}</h2>
<div class="bottom-space pt-4">
{{!-- <input type="email" id="email" name="email" class="form-control" placeholder="email address" required autofocus> --}}

<div class="form-group has-search email-img d-flex align-items-center">
<img class="form-control-feedback" src="/images/email.png" alt="email"/>
<input type="email" id="email" name="email" class="form-control" placeholder="email address" required autofocus>
</div>

</div>
<div class="bottom-space">
<div class="form-group has-search email-img d-flex align-items-center">
<img class="form-control-feedback-password" src="/images/lock.png" alt="password"/>
<input type="password" id="password" name="password" class="form-control" placeholder="Password" required>
</div>

</div>
<div class="bottom-space">
<button class="btn outline-large-btn same-btn-style" id="loginForm" type="submit">{{ @root.__ "Sign in" }}</button>
</div>
{{!-- <div class="bottom-space">
<button class="btn medium-btn-style same-btn-style" type="submit">Register</button><button class="btn medium-btn-style same-btn-style" type="submit">Register</button>
</div> --}}
</form>
</div>
<div class="form-group">
<input type="password" id="password" name="password" class="form-control" placeholder="Password" required>
<div class="col-lg-6 only-text-space d-flex align-items-center justify-content-center">
<div>
<div class="nft-store-text-style">
<h1>
PEER <span class="text-blue font-normal">PLAYS</span><br/>
<span class="text-blue">NFT STORE</span>
</h1>
</div>
</div>
</div>
<button class="btn btn-outline-primary btn-block" id="loginForm" type="submit">{{ @root.__ "Sign in" }}</button>
</form>
</div>

</div>
44 changes: 37 additions & 7 deletions views/themes/Cloth/customer-login.hbs
Original file line number Diff line number Diff line change
@@ -1,13 +1,43 @@
<div class="col-md-4 offset-md-4 top-pad-100">
<form class="form-signin" method="post" role="form" data-toggle="validator">
<h2 class="form-signin-heading">{{ @root.__ "Please sign in" }}</h2>
<div class="form-group">
<input type="email" id="email" name="email" class="form-control" placeholder="email address" required autofocus>
<div class="col-md-12 col-lg-12">
<div class="row top-align-space h-100 mobile-direction">
<div class="col-lg-6 left-right-align">
<form class="form-signin" method="post" role="form" data-toggle="validator">
<h2 class="form-signin-heading heading-title-text-color pt-5">{{ @root.__ "Please sign in" }}</h2>
<div class="bottom-space pt-4">
<div class="form-group has-search email-img d-flex align-items-center">
<img class="form-control-feedback" src="/images/email.png" alt="email"/>
<input type="email" id="email" name="email" class="form-control" placeholder="email address" required autofocus>
</div>
</div>
<div class="bottom-space">
<div class="form-group has-search email-img d-flex align-items-center">
<img class="form-control-feedback-password" src="/images/lock.png" alt="password"/>
<input type="password" id="password" name="password" class="form-control" placeholder="Password" required>
</div>
</div>
<div class="bottom-space">
<button class="btn outline-large-btn same-btn-style" id="customerloginForm" type="submit">{{ @root.__ "Sign in" }}</button>
</div>
<div class="bottom-space">
<button type="button" class="btn medium-btn-style same-btn-style" id="customerRegister" >{{ @root.__ "Register" }}</button>
</div>
</form>
</div>
<div class="form-group">
<input type="password" id="password" name="password" class="form-control" placeholder="Password" required>
<div class="col-lg-6 only-text-space d-flex align-items-center justify-content-center">
<div>
<div class="nft-store-text-style">
<a href="/" style="text-decoration: none;"><h1>
PEER <span class="text-blue font-normal">PLAYS</span><br/>
<span class="text-blue">NFT STORE</span>
</h1>
</a>
</div>
</div>
</div>
<button class="btn btn-outline-primary btn-block" id="customerloginForm" type="submit">{{ @root.__ "Sign in" }}</button>
<button class="btn btn-outline-secondary btn-block mt-3" id="customerRegister" type="button" >{{ @root.__ "Register" }}</button>
</form>
</div>



Loading

0 comments on commit 76732c6

Please sign in to comment.