complete login form

This commit is contained in:
Manuel Raynaud
2013-09-10 12:16:19 +02:00
parent 71928ec879
commit 7eb3ec41fe
14 changed files with 101 additions and 32 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 698 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 766 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 298 KiB

View File

@@ -47,7 +47,7 @@
}
// Login
var $form_login = $('#form-login');
/* var $form_login = $('#form-login');
if($form_login.size() > 0) {
$form_login.on('change.account', ':radio', function(){
if($(this).val() === '0')
@@ -55,7 +55,7 @@
else
$('#password', $form_login).prop('disabled', false); // Enabled
}).find(':radio:checked').trigger('change.account');
}
}*/
// Forgot Password
/*

View File

@@ -7,13 +7,13 @@
<div class="carousel-wrapper">
<div class="carousel-inner">
<figure class="item active">
{images file='assets/img/carousel/1200x390.png'}<img src="{$asset_url}" alt="img1">{/images}
{images file='assets/img/carousel/slider1.png'}<img src="{$asset_url}" alt="img1">{/images}
</figure>
<figure class="item">
{images file='assets/img/carousel/1200x390.png'}<img src="{$asset_url}" alt="img2">{/images}
{images file='assets/img/carousel/slider2.png'}<img src="{$asset_url}" alt="img2">{/images}
</figure>
<figure class="item">
{images file='assets/img/carousel/1200x390.png'}<img src="{$asset_url}" alt="img3">{/images}
{images file='assets/img/carousel/slider3.png'}<img src="{$asset_url}" alt="img3">{/images}
</figure>
</div>
</div>
@@ -59,7 +59,7 @@
<div class="product-price">
<div class="price-container" itemprop="offers" itemscope itemtype="http://schema.org/Offer">
<meta itemprop="currency" content="USD"> <!-- List of currency : The currency used to describe the product price, in three-letter ISO format. -->
<meta itemprop="currency" content="{currency attr="code"}"> <!-- List of currency : The currency used to describe the product price, in three-letter ISO format. -->
<link itemprop="availability" href="http://schema.org/InStock" content="In Stock" />
<!-- List of availibility :
out_of_stock : http://schema.org/OutOfStock

View File

@@ -15,37 +15,63 @@
<div class="main">
<article class="col-main" role="main" aria-labelledby="main-label">
<h1 id="main-label" class="page-header">Login</h1>
<form id="form-login" action="" method="post" role="form">
<h1 id="main-label" class="page-header">{intl l="Login"}</h1>
{form name="thelia.customer.login"}
<form id="form-login" action="{url path="/customer/login"}" method="post" role="form" {form_enctype form=$form}>
{if #form_error}<div class="alert alert-danger">#form_error_message</div>{/if}
{form_field form=$form field='success_url'}
<input type="hidden" name="{$name}" value="{navigate to="return_to"}" /> {* the url the user is redirected to on login success *}
{/form_field}
{form_field form=$form field='error_message'}
<input type="hidden" name="{$name}" value="{intl l="missing or invalid data"}" /> {* the url the user is redirected to on login success *}
{/form_field}
{form_hidden_fields form=$form}
<fieldset>
<div class="form-group group-email">
<label for="email">Please enter your email address</label>
<input type="email" name="email" id="email" class="form-control" value="" aria-required="true" autofocus required>
</div>
{form_field form=$form field="email"}
<div class="form-group group-email {if $error}has-error{/if} ">
<label for="{$label_attr.for}">{$label}</label>
<div class="control-input">
<input type="email" name="{$name}" id="{$label_attr.for}" value="{$value}" class="form-control" {$attr} aria-required="true" autofocus required>
{if $error}
<span class="help-block"><i class="icon-remove"></i> {$message}</span>
{/if}
</div>
</div>
{/form_field}
<fieldset>
<legend>Do you have an account?</legend>
<legend>{intl l="Do you have an account?"}</legend>
<div class="radio radio-account0" >
<label for="account0">
<input type="radio" name="account" id="account0" data-toggle="password" value="0" <?php if(!(isset($_POST['account']) && $_POST['account'] == '1')) { echo ' checked'; }?>> No, I am a new customer.
<input type="radio" name="account" id="account0" data-toggle="password" value="0" > {intl l="No, I am a new customer."}
</label>
</div>
<div class="radio radio-account1">
<label for="account1">
<input type="radio" name="account" id="account1" data-toggle="password" value="1"<?php if(isset($_POST['account']) && $_POST['account'] == '1' ) { echo ' checked'; }?>> Yes, I have a password :
<input type="radio" name="account" id="account1" data-toggle="password" value="1" checked> {intl l="Yes, I have a password :"}
</label>
</div>
<div class="form-group group-password">
<label for="password" class="sr-only">Please enter your password</label>
<input type="password" name="password" id="password" class="form-control" autocomplete="off">
{form_field form=$form field="password"}
<div class="form-group group-password {if $error}has-error{/if} ">
<label for="{$label_attr.for}" class="sr-only">{$label}</label>
<div class="control-input">
<input type="password" name="{$name}" id="{$label_attr.for}" class="form-control" autocomplete="off">
{if $error}
<span class="help-block"><i class="icon-remove"></i> {$message}</span>
{/if}
</div>
</div>
{/form_field}
</fieldset>
</fieldset>
<div class="group-btn">
<a href="password.php" class="forgot-password">Forgot your Password ?</a>
<button type="submit" class="btn btn-login">Next</button>
<a href="{url path="/customer/password"}" class="forgot-password">{intl l="Forgot your Password ?"}</a>
<button type="submit" class="btn btn-login">{intl l="Next"}</button>
</div>
</form>
{/form}
</article>
</div>
{/block}