// update my account page for w3c
This commit is contained in:
sLorenzini committed
1 parent
da3ca98dfd
commit
ff08c1311b
7 files changed
+2867
-2730
No files matched your search
@@ -23,80 +23,146 @@
|
||||
* International Registered Trademark & Property of PrestaShop SA
|
||||
*}
|
||||
|
||||
{capture name=path}<a href="{$link->getPageLink('my-account', true)|escape:'html'}">{l s='My account'}</a><span class="navigation-pipe">{$navigationPipe}</span><span class="navigation_page">{l s='Order history'}</span>{/capture}
|
||||
{capture name=path}
|
||||
<a href="{$link->getPageLink('my-account', true)|escape:'html'}">
|
||||
{l s='My account'}
|
||||
</a>
|
||||
<span class="navigation-pipe">{$navigationPipe}</span>
|
||||
<span class="navigation_page">{l s='Order history'}</span>
|
||||
{/capture}
|
||||
{include file="$tpl_dir./errors.tpl"}
|
||||
|
||||
<h1 class="page-heading bottom-indent">{l s='Order history'}</h1>
|
||||
<p class="info-title">{l s='Here are the orders you\'ve placed since your account was created.'}</p>
|
||||
<h1 class="page-heading bottom-indent">
|
||||
{l s='Order history'}
|
||||
</h1>
|
||||
<p class="info-title">
|
||||
{l s='Here are the orders you\'ve placed since your account was created.'}
|
||||
</p>
|
||||
|
||||
{if $slowValidation}<p class="alert alert-warning">{l s='If you have just placed an order, it may take a few minutes for it to be validated. Please refresh this page if your order is missing.'}</p>{/if}
|
||||
{if $slowValidation}
|
||||
<p class="alert alert-warning">
|
||||
{l s='If you have just placed an order, it may take a few minutes for it to be validated. Please refresh this page if your order is missing.'}
|
||||
</p>
|
||||
{/if}
|
||||
|
||||
<div class="block-center" id="block-history">
|
||||
{if $orders && count($orders)}
|
||||
<table id="order-list" class="table table-bordered footab">
|
||||
<thead>
|
||||
<tr>
|
||||
<th class="first_item" data-sort-ignore="true">{l s='Order reference'}</th>
|
||||
<th class="item">{l s='Date'}</th>
|
||||
<th data-hide="phone" class="item">{l s='Total price'}</th>
|
||||
<th data-sort-ignore="true" data-hide="phone,tablet" class="item">{l s='Payment'}</th>
|
||||
<th class="item">{l s='Status'}</th>
|
||||
<th data-sort-ignore="true" data-hide="phone,tablet" class="item">{l s='Invoice'}</th>
|
||||
<th data-sort-ignore="true" data-hide="phone,tablet" class="last_item"> </th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{foreach from=$orders item=order name=myLoop}
|
||||
<tr class="{if $smarty.foreach.myLoop.first}first_item{elseif $smarty.foreach.myLoop.last}last_item{else}item{/if} {if $smarty.foreach.myLoop.index % 2}alternate_item{/if}">
|
||||
<td class="history_link bold">
|
||||
{if isset($order.invoice) && $order.invoice && isset($order.virtual) && $order.virtual}<img src="{$img_dir}icon/download_product.gif" class="icon" alt="{l s='Products to download'}" title="{l s='Products to download'}" />{/if}
|
||||
<a class="color-myaccount" href="javascript:showOrder(1, {$order.id_order|intval}, '{$link->getPageLink('order-detail', true)|escape:'html'}');">{Order::getUniqReferenceOf($order.id_order)}</a>
|
||||
</td>
|
||||
<td data-value="{$order.date_add|regex_replace:"/[\-\:\ ]/":""}" class="history_date bold">{dateFormat date=$order.date_add full=0}</td>
|
||||
<td class="history_price" data-value="{$order.total_paid}"><span class="price">{displayPrice price=$order.total_paid currency=$order.id_currency no_utf8=false convert=false}</span></td>
|
||||
<td class="history_method">{$order.payment|escape:'html':'UTF-8'}</td>
|
||||
<td data-value="{$order.id_order_state}" class="history_state">{if isset($order.order_state)}<span class="label{if $order.id_order_state == 1 || $order.id_order_state == 10 || $order.id_order_state == 11} label-info{elseif $order.id_order_state == 5 || $order.id_order_state == 2 || $order.id_order_state == 12} label-success{elseif $order.id_order_state == 6 || $order.id_order_state == 7 || $order.id_order_state == 8} label-danger{elseif $order.id_order_state == 3 || $order.id_order_state == 9 || $order.id_order_state == 4} label-warning{/if}">{$order.order_state|escape:'html':'UTF-8'}</span>{/if}</td>
|
||||
<td class="history_invoice">
|
||||
{if (isset($order.invoice) && $order.invoice && isset($order.invoice_number) && $order.invoice_number) && isset($invoiceAllowed) && $invoiceAllowed == true}
|
||||
<a class="link-button" href="{$link->getPageLink('pdf-invoice', true, NULL, "id_order={$order.id_order}")|escape:'html'}" title="{l s='Invoice'}" class="_blank"><i class="icon-file-text large"></i>{l s='PDF'}</a>
|
||||
{else}-{/if}
|
||||
</td>
|
||||
<td class="history_detail">
|
||||
<a class="btn btn-default button button-small" href="javascript:showOrder(1, {$order.id_order|intval}, '{$link->getPageLink('order-detail', true)|escape:'html'}');"><span>{l s='Details'}<i class="icon-chevron-right right"></i></span></a>
|
||||
{if isset($opc) && $opc}
|
||||
<a class="link-button" href="{$link->getPageLink('order-opc', true, NULL, "submitReorder&id_order={$order.id_order}")|escape:'html'}" title="{l s='Reorder'}">
|
||||
{else}
|
||||
<a class="link-button" href="{$link->getPageLink('order', true, NULL, "submitReorder&id_order={$order.id_order}")|escape:'html'}" title="{l s='Reorder'}">
|
||||
{/if}
|
||||
<i class="icon-refresh"></i>{l s='Reorder'}
|
||||
</a>
|
||||
</td>
|
||||
</tr>
|
||||
{/foreach}
|
||||
</tbody>
|
||||
</table>
|
||||
<script type="text/javascript">
|
||||
$(function () {
|
||||
$('.sort-column').click(function (e) {
|
||||
e.preventDefault();
|
||||
<table id="order-list" class="table table-bordered footab">
|
||||
<thead>
|
||||
<tr>
|
||||
<th class="first_item" data-sort-ignore="true">{l s='Order reference'}</th>
|
||||
<th class="item">{l s='Date'}</th>
|
||||
<th data-hide="phone" class="item">{l s='Total price'}</th>
|
||||
<th data-sort-ignore="true" data-hide="phone,tablet" class="item">{l s='Payment'}</th>
|
||||
<th class="item">{l s='Status'}</th>
|
||||
<th data-sort-ignore="true" data-hide="phone,tablet" class="item">{l s='Invoice'}</th>
|
||||
<th data-sort-ignore="true" data-hide="phone,tablet" class="last_item"> </th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{foreach from=$orders item=order name=myLoop}
|
||||
<tr class="{if $smarty.foreach.myLoop.first}first_item{elseif $smarty.foreach.myLoop.last}last_item{else}item{/if} {if $smarty.foreach.myLoop.index % 2}alternate_item{/if}">
|
||||
<td class="history_link bold">
|
||||
{if isset($order.invoice) && $order.invoice && isset($order.virtual) && $order.virtual}
|
||||
<img
|
||||
class="icon"
|
||||
src="{$img_dir}icon/download_product.gif"
|
||||
alt="{l s='Products to download'}"
|
||||
title="{l s='Products to download'}" />
|
||||
{/if}
|
||||
<a
|
||||
class="color-myaccount"
|
||||
href="javascript:showOrder(1, {$order.id_order|intval}, '{$link->getPageLink('order-detail', true)|escape:'html'}');">
|
||||
{Order::getUniqReferenceOf($order.id_order)}
|
||||
</a>
|
||||
</td>
|
||||
<td data-value="{$order.date_add|regex_replace:"/[\-\:\ ]/":""}" class="history_date bold">
|
||||
{dateFormat date=$order.date_add full=0}
|
||||
</td>
|
||||
<td class="history_price" data-value="{$order.total_paid}">
|
||||
<span class="price">
|
||||
{displayPrice price=$order.total_paid currency=$order.id_currency no_utf8=false convert=false}
|
||||
</span>
|
||||
</td>
|
||||
<td class="history_method">{$order.payment|escape:'html':'UTF-8'}</td>
|
||||
<td data-value="{$order.id_order_state}" class="history_state">
|
||||
{if isset($order.order_state)}
|
||||
<span class="label{if $order.id_order_state == 1 || $order.id_order_state == 10 || $order.id_order_state == 11} label-info{elseif $order.id_order_state == 5 || $order.id_order_state == 2 || $order.id_order_state == 12} label-success{elseif $order.id_order_state == 6 || $order.id_order_state == 7 || $order.id_order_state == 8} label-danger{elseif $order.id_order_state == 3 || $order.id_order_state == 9 || $order.id_order_state == 4} label-warning{/if}">
|
||||
{$order.order_state|escape:'html':'UTF-8'}
|
||||
</span>
|
||||
{/if}
|
||||
</td>
|
||||
<td class="history_invoice">
|
||||
{if (isset($order.invoice) && $order.invoice && isset($order.invoice_number) && $order.invoice_number) && isset($invoiceAllowed) && $invoiceAllowed == true}
|
||||
<a
|
||||
class="link-button"
|
||||
href="{$link->getPageLink('pdf-invoice', true, NULL, "id_order={$order.id_order}")|escape:'html'}"
|
||||
title="{l s='Invoice'}"
|
||||
target="_blank">
|
||||
<i class="icon-file-text large"></i>{l s='PDF'}
|
||||
</a>
|
||||
{else}
|
||||
-
|
||||
{/if}
|
||||
</td>
|
||||
<td class="history_detail">
|
||||
<a
|
||||
class="btn btn-default button button-small"
|
||||
href="javascript:showOrder(1, {$order.id_order|intval}, '{$link->getPageLink('order-detail', true)|escape:'html'}');">
|
||||
<span>
|
||||
{l s='Details'}<i class="icon-chevron-right right"></i>
|
||||
</span>
|
||||
</a>
|
||||
{if isset($opc) && $opc}
|
||||
<a
|
||||
class="link-button"
|
||||
href="{$link->getPageLink('order-opc', true, NULL, "submitReorder&id_order={$order.id_order}")|escape:'html'}"
|
||||
title="{l s='Reorder'}">
|
||||
{else}
|
||||
<a
|
||||
class="link-button"
|
||||
href="{$link->getPageLink('order', true, NULL, "submitReorder&id_order={$order.id_order}")|escape:'html'}"
|
||||
title="{l s='Reorder'}">
|
||||
{/if}
|
||||
<i class="icon-refresh"></i>{l s='Reorder'}
|
||||
</a>
|
||||
</td>
|
||||
</tr>
|
||||
{/foreach}
|
||||
</tbody>
|
||||
</table>
|
||||
<script type="text/javascript">
|
||||
$(function () {
|
||||
$('.sort-column').click(function (e) {
|
||||
e.preventDefault();
|
||||
|
||||
//get the footable sort object
|
||||
var footableSort = $('table').data('footable-sort');
|
||||
//get the footable sort object
|
||||
var footableSort = $('table').data('footable-sort');
|
||||
|
||||
//get the index we are wanting to sort by
|
||||
var index = $(this).data('index');
|
||||
//get the index we are wanting to sort by
|
||||
var index = $(this).data('index');
|
||||
|
||||
footableSort.doSort(index, 'toggle');
|
||||
});
|
||||
});
|
||||
</script>
|
||||
<div id="block-order-detail" class="unvisible"> </div>
|
||||
footableSort.doSort(index, 'toggle');
|
||||
});
|
||||
});
|
||||
</script>
|
||||
<div id="block-order-detail" class="unvisible"> </div>
|
||||
{else}
|
||||
<p class="alert alert-warning">{l s='You have not placed any orders.'}</p>
|
||||
{/if}
|
||||
</div>
|
||||
|
||||
<ul class="footer_links clearfix">
|
||||
<li><a class="btn btn-default button button-small" href="{$link->getPageLink('my-account', true)|escape:'html'}"><span><i class="icon-chevron-left"></i> {l s='Back to Your Account'}</span></a></li>
|
||||
<li><a class="btn btn-default button button-small" href="{$base_dir}"><span><i class="icon-chevron-left"></i> {l s='Home'}</span></a></li>
|
||||
<li>
|
||||
<a class="btn btn-default button button-small" href="{$link->getPageLink('my-account', true)|escape:'html'}">
|
||||
<span>
|
||||
<i class="icon-chevron-left"></i> {l s='Back to Your Account'}
|
||||
</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a class="btn btn-default button button-small" href="{$base_dir}">
|
||||
<span><i class="icon-chevron-left"></i> {l s='Home'}</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
Reference in new issue
Block a user