add admin templates

This commit is contained in:
Etienne Roudeix
2013-09-24 09:15:41 +02:00
parent ac40705c80
commit fbd91c1925
2 changed files with 354 additions and 343 deletions

View File

@@ -30,71 +30,75 @@
<div class="tab-content"> <div class="tab-content">
<div class="tab-pane fade active in" id="cart"> <div class="tab-pane fade active in" id="cart">
<table class="table table-striped table-condensed table-left-aligned"> <div class="table-responsive">
<caption class="clearfix"> <table class="table table-striped table-condensed table-left-aligned">
{intl l='Information about order 01201303540354'} <caption class="clearfix">
</caption> {intl l='Information about order 01201303540354'}
<thead> </caption>
<tr> <thead>
<th>{intl l="Designation"}</th> <tr>
<th>{intl l="Price"}</th> <th>{intl l="Designation"}</th>
<th>{intl l="Quantity"}</th> <th>{intl l="Price"}</th>
<th>{intl l="Total"}</th> <th>{intl l="Quantity"}</th>
</tr> <th>{intl l="Total"}</th>
</thead> </tr>
</thead>
<tbody> <tbody>
<tr> <tr>
<td><a href="#">T-Shirt F T1</a></td> <td><a href="#">T-Shirt F T1</a></td>
<td>20.00 &euro;</td> <td>20.00 &euro;</td>
<td>3</td> <td>3</td>
<td>60.00 &euro;</td> <td>60.00 &euro;</td>
</tr> </tr>
<tr> <tr>
<td><a href="#">T-Shirt F T1</a></td> <td><a href="#">T-Shirt F T1</a></td>
<td>20.00 &euro;</td> <td>20.00 &euro;</td>
<td>3</td> <td>3</td>
<td>60.00 &euro;</td> <td>60.00 &euro;</td>
</tr> </tr>
<tr> <tr>
<td><a href="#">T-Shirt F T1</a></td> <td><a href="#">T-Shirt F T1</a></td>
<td>20.00 &euro;</td> <td>20.00 &euro;</td>
<td>3</td> <td>3</td>
<td>60.00 &euro;</td> <td>60.00 &euro;</td>
</tr> </tr>
</tbody> </tbody>
<tfoot> <tfoot>
<tr class="active"> <tr class="active">
<td colspan="3"><strong>Total</strong></td> <td colspan="3"><strong>Total</strong></td>
<td><strong>180.00 &euro;</strong></td> <td><strong>180.00 &euro;</strong></td>
</tr> </tr>
</tfoot> </tfoot>
</table> </table>
</div>
</div> <!-- #cart --> </div> <!-- #cart -->
<div class="tab-pane fade" id="bill"> <div class="tab-pane fade" id="bill">
<table class="table table-striped table-condensed table-left-aligned"> <div class="table-responsive">
<caption> <table class="table table-striped table-condensed table-left-aligned">
{intl l='Information about the bill'} <caption>
</caption> {intl l='Information about the bill'}
<thead> </caption>
<tr> <thead>
<th>{intl l="Bill n°"}</th> <tr>
<th>{intl l="Compagny"}</th> <th>{intl l="Bill n°"}</th>
<th>{intl l="Firstname & Lastname"}</th> <th>{intl l="Compagny"}</th>
<th>{intl l="Date & Hour"}</th> <th>{intl l="Firstname & Lastname"}</th>
</tr> <th>{intl l="Date & Hour"}</th>
</thead> </tr>
</thead>
<tbody> <tbody>
<tr> <tr>
<td><a href="#">0001</a></td> <td><a href="#">0001</a></td>
<td>Thelia</td> <td>Thelia</td>
<td>Dupont Jean</td> <td>Dupont Jean</td>
<td>11/01/2013 14:11:00</td> <td>11/01/2013 14:11:00</td>
</tr> </tr>
</tbody> </tbody>
</table> </table>
</div>
</div> <!-- #bill --> </div> <!-- #bill -->
<div class="tab-pane fade" id="carriage"> <div class="tab-pane fade" id="carriage">
@@ -116,214 +120,219 @@
</div> <!-- #carriage --> </div> <!-- #carriage -->
<div class="tab-pane fade" id="settlement"> <div class="tab-pane fade" id="settlement">
<div class="table-responsive">
<table class="table table-striped table-condensed table-left-aligned"> <table class="table table-striped table-condensed table-left-aligned">
<caption class="clearfix"> <caption class="clearfix">
{intl l='Information about the settlement'} {intl l='Information about the settlement'}
</caption> </caption>
<tbody> <tbody>
<tr> <tr>
<th>{intl l="Type of payment"}</th> <th>{intl l="Type of payment"}</th>
<td>Unknown</td> <td>Unknown</td>
</tr> </tr>
<tr> <tr>
<th>{intl l="Transaction reference"}</th> <th>{intl l="Transaction reference"}</th>
<td>141100</td> <td>141100</td>
</tr> </tr>
<tr> <tr>
<th>{intl l="Total order before discount"}</th> <th>{intl l="Total order before discount"}</th>
<td>60 &euro;</td> <td>60 &euro;</td>
</tr> </tr>
<tr> <tr>
<th>{intl l="Discount"}</th> <th>{intl l="Discount"}</th>
<td>10%</td> <td>10%</td>
</tr> </tr>
<tr> <tr>
<th>{intl l="Coupon code"}</th> <th>{intl l="Coupon code"}</th>
<td></td> <td></td>
</tr> </tr>
<tr> <tr>
<th>{intl l="Total with discount"}</th> <th>{intl l="Total with discount"}</th>
<td>50 &euro;</td> <td>50 &euro;</td>
</tr> </tr>
<tr> <tr>
<th>{intl l="Freight"}</th> <th>{intl l="Freight"}</th>
<td>6 &euro;</td> <td>6 &euro;</td>
</tr> </tr>
<tr> <tr>
<th>{intl l="Total"}</th> <th>{intl l="Total"}</th>
<td>56 &euro;</td> <td>56 &euro;</td>
</tr> </tr>
</tbody> </tbody>
</table> </table>
</div>
</div> <!-- #settlement --> </div> <!-- #settlement -->
<div class="tab-pane fade clearfix" id="address"> <div class="tab-pane fade clearfix" id="address">
<div class="col-md-6"> <div class="col-md-6">
<table class="table table-striped table-condensed table-left-aligned"> <div class="table-responsive">
<caption class="clearfix"> <table class="table table-striped table-condensed table-left-aligned">
{intl l='Billing address'} <caption class="clearfix">
<a class="btn btn-default btn-primary pull-right" title="{intl l='Edit this billing address'}" href="#edit_address_dialog" data-toggle="modal"> {intl l='Billing address'}
<span class="glyphicon glyphicon-edit"></span> <a class="btn btn-default btn-primary pull-right" title="{intl l='Edit this billing address'}" href="#edit_address_dialog" data-toggle="modal">
</a> <span class="glyphicon glyphicon-edit"></span>
</caption> </a>
<tbody> </caption>
<tr> <tbody>
<th>{intl l="Title"}</th> <tr>
<td>Mr</td> <th>{intl l="Title"}</th>
</tr> <td>Mr</td>
<tr> </tr>
<th>{intl l="Compagny"}</th> <tr>
<td>Thelia</td> <th>{intl l="Compagny"}</th>
</tr> <td>Thelia</td>
<tr> </tr>
<th>{intl l="Firstname"}</th> <tr>
<td>Espeche</td> <th>{intl l="Firstname"}</th>
</tr> <td>Espeche</td>
<tr> </tr>
<th>{intl l="Lastname"}</th> <tr>
<td>Michaël</td> <th>{intl l="Lastname"}</th>
</tr> <td>Michaël</td>
<tr> </tr>
<th>{intl l="Street address"}</th> <tr>
<td>5, rue Rochon</td> <th>{intl l="Street address"}</th>
</tr> <td>5, rue Rochon</td>
<tr> </tr>
<th>{intl l="Additional address"}</th> <tr>
<td>Lorem ipsum dolor sit amet</td> <th>{intl l="Additional address"}</th>
</tr> <td>Lorem ipsum dolor sit amet</td>
<tr> </tr>
<th>{intl l="Additional address"}</th> <tr>
<td>Lorem ipsum dolor sit</td> <th>{intl l="Additional address"}</th>
</tr> <td>Lorem ipsum dolor sit</td>
<tr> </tr>
<th>{intl l="Zip code"}</th> <tr>
<td>63000</td> <th>{intl l="Zip code"}</th>
</tr> <td>63000</td>
<tr> </tr>
<th>{intl l="City"}</th> <tr>
<td>Clermont-Fd</td> <th>{intl l="City"}</th>
</tr> <td>Clermont-Fd</td>
<tr> </tr>
<th>{intl l="Country"}</th> <tr>
<td>France</td> <th>{intl l="Country"}</th>
</tr> <td>France</td>
<tr> </tr>
<th>{intl l="Phone"}</th> <tr>
<td>01 02 03 04 05</td> <th>{intl l="Phone"}</th>
</tr> <td>01 02 03 04 05</td>
</tbody> </tr>
</table> </tbody>
</table>
</div>
</div> </div>
<div class="col-md-6"> <div class="col-md-6">
<table class="table table-striped table-condensed table-left-aligned"> <div class="table-responsive">
<caption class="clearfix"> <table class="table table-striped table-condensed table-left-aligned">
{intl l='Delivery address'} <caption class="clearfix">
<a class="btn btn-default btn-primary pull-right" title="{intl l='Edit this delivery address'}" href="#edit_address_dialog" data-toggle="modal"> {intl l='Delivery address'}
<span class="glyphicon glyphicon-edit"></span> <a class="btn btn-default btn-primary pull-right" title="{intl l='Edit this delivery address'}" href="#edit_address_dialog" data-toggle="modal">
</a> <span class="glyphicon glyphicon-edit"></span>
</caption> </a>
<tbody> </caption>
<tr> <tbody>
<th>{intl l="Title"}</th> <tr>
<td>Mr</td> <th>{intl l="Title"}</th>
</tr> <td>Mr</td>
<tr> </tr>
<th>{intl l="Compagny"}</th> <tr>
<td>Thelia</td> <th>{intl l="Compagny"}</th>
</tr> <td>Thelia</td>
<tr> </tr>
<th>{intl l="Firstname"}</th> <tr>
<td>Espeche</td> <th>{intl l="Firstname"}</th>
</tr> <td>Espeche</td>
<tr> </tr>
<th>{intl l="Lastname"}</th> <tr>
<td>Michaël</td> <th>{intl l="Lastname"}</th>
</tr> <td>Michaël</td>
<tr> </tr>
<th>{intl l="Street address"}</th> <tr>
<td>5, rue Rochon</td> <th>{intl l="Street address"}</th>
</tr> <td>5, rue Rochon</td>
<tr> </tr>
<th>{intl l="Additional address"}</th> <tr>
<td>Lorem ipsum dolor sit amet</td> <th>{intl l="Additional address"}</th>
</tr> <td>Lorem ipsum dolor sit amet</td>
<tr> </tr>
<th>{intl l="Additional address"}</th> <tr>
<td>Lorem ipsum dolor sit</td> <th>{intl l="Additional address"}</th>
</tr> <td>Lorem ipsum dolor sit</td>
<tr> </tr>
<th>{intl l="Zip code"}</th> <tr>
<td>63000</td> <th>{intl l="Zip code"}</th>
</tr> <td>63000</td>
<tr> </tr>
<th>{intl l="City"}</th> <tr>
<td>Clermont-Fd</td> <th>{intl l="City"}</th>
</tr> <td>Clermont-Fd</td>
<tr> </tr>
<th>{intl l="Country"}</th> <tr>
<td>France</td> <th>{intl l="Country"}</th>
</tr> <td>France</td>
<tr> </tr>
<th>{intl l="Phone"}</th> <tr>
<td>01 02 03 04 05</td> <th>{intl l="Phone"}</th>
</tr> <td>01 02 03 04 05</td>
</tbody> </tr>
</table> </tbody>
</table>
</div>
</div> </div>
</div> <!-- #address --> </div> <!-- #address -->
<div class="tab-pane fade clearfix" id="supplements"> <div class="tab-pane fade clearfix" id="supplements">
<table class="table table-striped table-condensed table-left-aligned"> <div class="table-responsive">
<caption> <table class="table table-striped table-condensed table-left-aligned">
{intl l='Further information'} <caption>
</caption> {intl l='Further information'}
</caption>
<tbody>
<tr> <tbody>
<th><label for="">{intl l='Status'}</label></th> <tr>
<td> <th><label for="">{intl l='Status'}</label></th>
<form action="" method=""> <td>
<div class="row"> <form action="" method="">
<div class="col-lg-4"> <div class="row">
<select name="" id="" class="form-control"> <div class="col-lg-4">
<option value="">Status 1</option> <select name="" id="" class="form-control">
<option value="">Status 2</option> <option value="">Status 1</option>
<option value="">Status 3</option> <option value="">Status 2</option>
</select> <option value="">Status 3</option>
</div> </select>
</div> </div>
</form> </div>
</td> </form>
</tr> </td>
<tr> </tr>
<th><label for="">{intl l='Order Tracking'}</label></th> <tr>
<td> <th><label for="">{intl l='Order Tracking'}</label></th>
<form action="" method=""> <td>
<div class="row"> <form action="" method="">
<div class="col-lg-4"> <div class="row">
<input type="text" id="" name="" class="form-control" value="" title="" placeholder=""> <div class="col-lg-4">
</div> <input type="text" id="" name="" class="form-control" value="" title="" placeholder="">
<button type="submit" class="btn btn-primary"><span class="glyphicon glyphicon-ok"></span></button> </div>
</div> <button type="submit" class="btn btn-primary"><span class="glyphicon glyphicon-ok"></span></button>
</form> </div>
</td> </form>
</tr> </td>
<tr> </tr>
<th>{intl l='Bill'}</th> <tr>
<td><a href="#" class="btn btn-default btn-primary"><span class="glyphicon glyphicon-cloud-download"></span> {intl l='Download bill to pdf'}</a></td> <th>{intl l='Bill'}</th>
</tr> <td><a href="#" class="btn btn-default btn-primary"><span class="glyphicon glyphicon-cloud-download"></span> {intl l='Download bill to pdf'}</a></td>
<tr> </tr>
<th>{intl l='Delivery'}</th> <tr>
<td><a href="#" class="btn btn-default btn-primary"><span class="glyphicon glyphicon-cloud-download"></span> {intl l='Download delivery to pdf'}</a></td> <th>{intl l='Delivery'}</th>
</tr> <td><a href="#" class="btn btn-default btn-primary"><span class="glyphicon glyphicon-cloud-download"></span> {intl l='Download delivery to pdf'}</a></td>
</tbody> </tr>
</tbody>
</table> </table>
</div>
</div> <!-- #supplements --> </div> <!-- #supplements -->
</div> </div>

View File

@@ -19,114 +19,116 @@
<div class="row"> <div class="row">
<div class="col-md-12"> <div class="col-md-12">
<div class="general-block-decorator"> <div class="general-block-decorator">
<table class="table table-striped table-condensed table-left-aligned"> <div class="table-responsive">
<caption class="clearfix"> <table class="table table-striped table-condensed table-left-aligned">
{intl l='Orders'} <caption class="clearfix">
{loop type="auth" name="can_create" roles="ADMIN" permissions="admin.orders.create"} {intl l='Orders'}
<a class="btn btn-default btn-primary pull-right" title="{intl l='Create an order'}" href="#creation_dialog"> {loop type="auth" name="can_create" roles="ADMIN" permissions="admin.orders.create"}
<span class="glyphicon glyphicon-plus-sign"></span> <a class="btn btn-default btn-primary pull-right" title="{intl l='Create an order'}" href="#creation_dialog">
</a> <span class="glyphicon glyphicon-plus-sign"></span>
{/loop} </a>
</caption> {/loop}
<thead> </caption>
<tr> <thead>
<th>{intl l="Order n°"}</th> <tr>
<th>{intl l="Date & Hour"}</th> <th>{intl l="Order n°"}</th>
<th>{intl l="Compagny"}</th> <th>{intl l="Date & Hour"}</th>
<th>{intl l="Name"}</th> <th>{intl l="Compagny"}</th>
<th>{intl l="Amount"}</th> <th>{intl l="Name"}</th>
<th>{intl l="Status"}</th> <th>{intl l="Amount"}</th>
<th>{intl l="Status"}</th>
{module_include location='orders_table_header'} {module_include location='orders_table_header'}
<th class="actions">{intl l="Actions"}</th> <th class="actions">{intl l="Actions"}</th>
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
<tr> <tr>
<td><a href="">01230450123045</a></td> <td><a href="">01230450123045</a></td>
<td>11/09/2013 10:24:31</td> <td>11/09/2013 10:24:31</td>
<td>Thelia</td> <td>Thelia</td>
<td><a href="">Dupont</a></td> <td><a href="">Dupont</a></td>
<td>251 &euro;</td> <td>251 &euro;</td>
<td><span class="label label-success">Paid</span></td> <td><span class="label label-success">Paid</span></td>
{module_include location='orders_table_row'} {module_include location='orders_table_row'}
<td> <td>
<div class="btn-group"> <div class="btn-group">
{loop type="auth" name="can_change" roles="ADMIN" permissions="admin.orders.edit"} {loop type="auth" name="can_change" roles="ADMIN" permissions="admin.orders.edit"}
<a class="btn btn-default btn-xs" title="{intl l='Edit this order'}" href="{url path='/admin/order/update/$ID'}"><span class="glyphicon glyphicon-edit"></span></a> <a class="btn btn-default btn-xs" title="{intl l='Edit this order'}" href="{url path="/admin/order/update/$ID"}"><span class="glyphicon glyphicon-edit"></span></a>
{/loop} {/loop}
{loop type="auth" name="can_delete" roles="ADMIN" permissions="admin.orders.delete"} {loop type="auth" name="can_delete" roles="ADMIN" permissions="admin.orders.delete"}
<a class="btn btn-default btn-xs" title="{intl l='Delete this order'}" href="#delete_order_dialog" data-id="{$ID}" data-toggle="modal"><span class="glyphicon glyphicon-trash"></span></a> <a class="btn btn-default btn-xs" title="{intl l='Delete this order'}" href="#delete_order_dialog" data-id="{$ID}" data-toggle="modal"><span class="glyphicon glyphicon-trash"></span></a>
{/loop} {/loop}
</div> </div>
</td> </td>
</tr> </tr>
<tr> <tr>
<td><a href="">01230450123045</a></td> <td><a href="">01230450123045</a></td>
<td>11/09/2013 10:24:31</td> <td>11/09/2013 10:24:31</td>
<td>Thelia</td> <td>Thelia</td>
<td><a href="">Dupont</a></td> <td><a href="">Dupont</a></td>
<td>251 &euro;</td> <td>251 &euro;</td>
<td><span class="label label-danger">Canceled</span></td> <td><span class="label label-danger">Canceled</span></td>
{module_include location='orders_table_row'} {module_include location='orders_table_row'}
<td> <td>
<div class="btn-group"> <div class="btn-group">
{loop type="auth" name="can_change" roles="ADMIN" permissions="admin.orders.edit"} {loop type="auth" name="can_change" roles="ADMIN" permissions="admin.orders.edit"}
<a class="btn btn-default btn-xs" title="{intl l='Edit this order'}" href="{url path='/admin/order/update/$ID'}"><span class="glyphicon glyphicon-edit"></span></a> <a class="btn btn-default btn-xs" title="{intl l='Edit this order'}" href="{url path="/admin/order/update/$ID"}"><span class="glyphicon glyphicon-edit"></span></a>
{/loop} {/loop}
{loop type="auth" name="can_delete" roles="ADMIN" permissions="admin.orders.delete"} {loop type="auth" name="can_delete" roles="ADMIN" permissions="admin.orders.delete"}
<a class="btn btn-default btn-xs" title="{intl l='Delete this order'}" href="#delete_order_dialog" data-id="{$ID}" data-toggle="modal"><span class="glyphicon glyphicon-trash"></span></a> <a class="btn btn-default btn-xs" title="{intl l='Delete this order'}" href="#delete_order_dialog" data-id="{$ID}" data-toggle="modal"><span class="glyphicon glyphicon-trash"></span></a>
{/loop} {/loop}
</div> </div>
</td> </td>
</tr> </tr>
<tr> <tr>
<td><a href="">01230450123045</a></td> <td><a href="">01230450123045</a></td>
<td>11/09/2013 10:24:31</td> <td>11/09/2013 10:24:31</td>
<td>Thelia</td> <td>Thelia</td>
<td><a href="">Dupont</a></td> <td><a href="">Dupont</a></td>
<td>251 &euro;</td> <td>251 &euro;</td>
<td><span class="label label-info">Current</span></td> <td><span class="label label-info">Current</span></td>
{module_include location='orders_table_row'} {module_include location='orders_table_row'}
<td> <td>
<div class="btn-group"> <div class="btn-group">
{loop type="auth" name="can_change" roles="ADMIN" permissions="admin.orders.edit"} {loop type="auth" name="can_change" roles="ADMIN" permissions="admin.orders.edit"}
<a class="btn btn-default btn-xs" title="{intl l='Edit this order'}" href="{url path='/admin/order/update/$ID'}"><span class="glyphicon glyphicon-edit"></span></a> <a class="btn btn-default btn-xs" title="{intl l='Edit this order'}" href="{url path="/admin/order/update/$ID"}"><span class="glyphicon glyphicon-edit"></span></a>
{/loop} {/loop}
{loop type="auth" name="can_delete" roles="ADMIN" permissions="admin.orders.delete"} {loop type="auth" name="can_delete" roles="ADMIN" permissions="admin.orders.delete"}
<a class="btn btn-default btn-xs" title="{intl l='Delete this order'}" href="#delete_order_dialog" data-id="{$ID}" data-toggle="modal"><span class="glyphicon glyphicon-trash"></span></a> <a class="btn btn-default btn-xs" title="{intl l='Delete this order'}" href="#delete_order_dialog" data-id="{$ID}" data-toggle="modal"><span class="glyphicon glyphicon-trash"></span></a>
{/loop} {/loop}
</div> </div>
</td> </td>
</tr> </tr>
<!-- <tr> <!-- <tr>
<td colspan="3"> <td colspan="3">
<div class="alert alert-info"> <div class="alert alert-info">
{intl l="No mailing template has been created yet. Click the + button to create one."} {intl l="No mailing template has been created yet. Click the + button to create one."}
</div> </div>
</td> </td>
</tr> --> </tr> -->
</tbody> </tbody>
</table> </table>
</div>
</div> </div>
</div> </div>
</div> </div>