dinislage/PrestaShop
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

//dashboard module view tpl init

Browse Source
This commit is contained in:
Vincent Augagneur
2013-09-02 10:10:20 +02:00
parent 48dd826f7d
commit d0f2a37fff
12 changed files with 303 additions and 289 deletions
Download Patch File Download Diff File Expand all files Collapse all files
admin-dev/themes/default/template/controllers/dashboard/helpers/view/view.tpl
+2 -286
View File
@@ -7,294 +7,10 @@
<div id="dashboard">
<div class="row">
<div class="col-lg-3">
<div id="dash_activity" class="panel">
<div class="panel-heading">
<i class="icon-time"></i> {l s='Recent Activity'}
<span class="panel-heading-action">
<a class="list-tooolbar-btn" href="javascript:void(0);" title="configure">
<i class="process-icon-configure"></i>
</a>
<a class="list-tooolbar-btn" href="javascript:location.reload();" title="refresh">
<i class="process-icon-refresh"></i>
</a>
</span>
</div>
<section id="dash_orders">
<ul class="data_list_large">
<li>
<span class="data_label size_l">
{l s='Orders'}<br/>
<small class="text-muted">{l s='Within the last seven days'}</small>
</span>
<span class="data_value size_xxl">
365<br/>
<small class="dash_trend dash_trend_up"><i class="icon-circle-arrow-up"></i> 0.66%</small>
</span>
</li>
</ul>
</section>
<section id="dash_pending">
<header><i class="icon-time"></i> {l s='Pending'}</header>
<ul class="data_list">
<li>
<span class="data_label">{l s='Pending Orders'}</span>
<span class="data_value size_l">120</span>
</li>
<li>
<span class="data_label">{l s='Return/Exchanges'}</span>
<span class="data_value size_l">35</span>
</li>
<li>
<span class="data_label">{l s='Abandonned Carts'}</span>
<span class="data_value size_l">12</span>
</li>
<li>
<span class="data_label">{l s='Products Out of Stock'}</span>
<span class="data_value size_l">4</span>
</li>
</ul>
</section>
<section id="dash_notifications">
<header><i class="icon-exclamation-sign"></i> {l s='Notification'}</header>
<ul class="data_list_vertical">
<li>
<span class="data_label">{l s='New Messages'}</span>
<span class="data_value size_l">42</span>
</li>
<li>
<span class="data_label">{l s='Order Inquires'}</span>
<span class="data_value size_l">13</span>
</li>
<li>
<span class="data_label">{l s='Product Reviews'}</span>
<span class="data_value size_l">56</span>
</li>
</ul>
</section>
<section id="dash_customers">
<header><i class="icon-user"></i> {l s='Customers'}</header>
<ul class="data_list">
<li>
<span class="data_label">{l s='New Customers'}</span>
<span class="data_value size_md">42</span>
</li>
<li>
<span class="data_label">{l s='Online Visitor'}</span>
<span class="data_value size_md">200</span>
</li>
<li>
<span class="data_label">
{l s='Active Shopping Carts'}
<small class="text-muted"><br/>
{l s='In the last 30 minutes'}
</small>
</span>
<span class="data_value size_md">36</span>
</li>
</ul>
</section>
<section id="dash_newsletter">
<header><i class="icon-envelope"></i> {l s='Newsletter'}</header>
<ul class="data_list">
<li>
<span class="data_label">{l s='New Registrations'}</span>
<span class="data_value size_md">125</span>
</li>
<li>
<span class="data_label">{l s='Total Subscribers'}</span>
<span class="data_value size_md">13,500</span>
</li>
</ul>
</section>
<section id="dash_traffic">
<header><i class="icon-globe"></i> {l s='Traffic'}</header>
<ul class="data_list">
<li>
<span class="data_label">{l s='Visits'}</span>
<span class="data_value size_md">10,000</span>
</li>
<li>
<span class="data_label">{l s='Unique Visitors'}</span>
<span class="data_value size_md">3,500</span>
</li>
<li>
<span class="data_label">{l s='Traffic Sources'}</span>
<ul class="data_list_small">
<li>
<span class="data_label">{l s='Direct Link'}</span>
<span class="data_value size_s">120</span>
</li>
<li>
<span class="data_label">google.com</span>
<span class="data_value size_s">75</span>
</li>
<li>
<span class="data_label">facebook.com</span>
<span class="data_value size_s">32</span>
</li>
</ul>
<div id="dash_traffic_chart2" class='chart with-transitions'>
<svg></svg>
</div>
</li>
</ul>
</section>
</div>
{$hookDashboardZoneOne}
</div>
<div class="col-lg-7">
<section id="dash_trends" class="panel">
<header class="panel-heading">
<i class="icon-bar-chart"></i> {l s='Score Trends'}
<span class="panel-heading-action">
<a class="list-tooolbar-btn" href="javascript:void(0);" title="configure">
<i class="process-icon-configure"></i>
</a>
<a class="list-tooolbar-btn" href="javascript:location.reload();" title="refresh">
<i class="process-icon-refresh"></i>
</a>
</span>
</header>
<div id="dash_trends_toolbar" class="row">
<dl class="col-xs-4 col-lg-2 active">
<dt>{l s='Sales'}</dt>
<dd class="size_l">$150,365</dd>
<dd class="dash_trend dash_trend_up"><i class="icon-circle-arrow-up"></i> 0.66%</dd>
</dl>
<dl class="col-xs-4 col-lg-2">
<dt>{l s='Orders'}</dt>
<dd class="size_l">20,432</dd>
<dd class="dash_trend dash_trend_down"><i class="icon-circle-arrow-down"></i> 0.66%</dd>
</dl>
<dl class="col-xs-4 col-lg-2">
<dt>{l s='Cart Value'}</dt>
<dd class="size_l">$125</dd>
<dd class="dash_trend dash_trend_up"><i class="icon-circle-arrow-up"></i> 0.66%</dd>
</dl>
<dl class="col-xs-4 col-lg-2">
<dt>{l s='Visits'}</dt>
<dd class="size_l">1,200</dd>
<dd class="dash_trend dash_trend_down"><i class="icon-circle-arrow-down"></i> 0.66%</dd>
</dl>
<dl class="col-xs-4 col-lg-2">
<dt>{l s='Converstion Rate'}</dt>
<dd class="size_l">23%</dd>
<dd class="dash_trend dash_trend_up"><i class="icon-circle-arrow-up"></i> 0.66%</dd>
</dl>
<dl class="col-xs-4 col-lg-2">
<dt>{l s='Net Profits'}</dt>
<dd class="size_l">$23,568</dd>
<dd class="dash_trend dash_trend_up"><i class="icon-circle-arrow-up"></i> 0.66%</dd>
</dl>
</div>
<div id="dash_trends_chart1" class='chart with-transitions'>
<svg></svg>
</div>
</section>
<section id="dash_products" class="panel">
<header class="panel-heading">
<i class="icon-bar-chart"></i> {l s='Product and Sales'}
<span class="panel-heading-action">
<a class="list-tooolbar-btn" href="javascript:void(0);" title="configure">
<i class="process-icon-configure"></i>
</a>
<a class="list-tooolbar-btn" href="javascript:location.reload();" title="refresh">
<i class="process-icon-refresh"></i>
</a>
</span>
</header>
<nav>
<ul class="nav">
<li><a href="#dash_recent_orders" data-toggle="tab">
<i class="icon-fire"></i> {l s='Recent Orders'}</a>
</li>
<li><a href="#dash_best_sellers" data-toggle="tab">
<i class="icon-trophy"></i> {l s='Best Sellers'}</a></li>
<li><a href="#dash_most_viewed" data-toggle="tab">
<i class="icon-eye-open"></i> {l s='Most Viewed'}</a></li>
<li><a href="#dash_top_search" data-toggle="tab">
<i class="icon-search"></i> {l s='Top Search'}</a></li>
<li><a href="#dash_best_sales" data-toggle="tab">
<i class="icon-thumbs-up"></i> {l s='Best Sales'}</a></li>
</ul>
</nav>
<h4 >Last 10 orders: Overall | Pending</h4>
<table class="table">
<thead>
<tr>
<th>Customer</th>
<th class="text-center">Products</th>
<th class="text-center">Total</th>
<th>Date</th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td class=""><a href="javascript:void(0);">John Smith</a></td>
<td class="text-center"><strong>10</strong></td>
<td class="text-center"><span class="label label-success">$1200</span></td>
<td>July 8th, 2013 // 10:42 am</td>
<td><i class="icon-time"></i> Today</td>
</tr>
<tr>
<td class=""><a href="javascript:void(0);">John Smith</a></td>
<td class="text-center"><strong>10</strong></td>
<td class="text-center"><span class="label label-success">$1200</span></td>
<td>July 8th, 2013 // 10:42 am</td>
<td><i class="icon-time"></i> Today</td>
</tr>
<tr>
<td class=""><a href="javascript:void(0);">John Smith</a></td>
<td class="text-center"><strong>10</strong></td>
<td class="text-center"><span class="label label-success">$1200</span></td>
<td>July 8th, 2013 // 10:42 am</td>
<td><i class="icon-time"></i> Today</td>
</tr>
<tr>
<td class=""><a href="javascript:void(0);">John Smith</a></td>
<td class="text-center"><strong>10</strong></td>
<td class="text-center"><span class="label label-success">$1200</span></td>
<td>July 8th, 2013 // 10:42 am</td>
<td><i class="icon-time"></i> Today</td>
</tr>
<tr>
<td class=""><a href="javascript:void(0);">John Smith</a></td>
<td class="text-center"><strong>10</strong></td>
<td class="text-center"><span class="label label-success">$1200</span></td>
<td>July 8th, 2013 // 10:42 am</td>
<td><i class="icon-time"></i> Today</td>
</tr>
<tr>
<td class=""><a href="javascript:void(0);">John Smith</a></td>
<td class="text-center"><strong>10</strong></td>
<td class="text-center"><span class="label label-success">$1200</span></td>
<td>July 8th, 2013 // 10:42 am</td>
<td><i class="icon-time"></i> Today</td>
</tr>
<tr>
<td class=""><a href="javascript:void(0);">John Smith</a></td>
<td class="text-center"><strong>10</strong></td>
<td class="text-center"><span class="label label-success">$1200</span></td>
<td>July 8th, 2013 // 10:42 am</td>
<td><i class="icon-time"></i> Today</td>
</tr>
<tr>
<td class=""><a href="javascript:void(0);">John Smith</a></td>
<td class="text-center"><strong>10</strong></td>
<td class="text-center"><span class="label label-success">$1200</span></td>
<td>July 8th, 2013 // 10:42 am</td>
<td><i class="icon-time"></i> Today</td>
</tr>
</tbody>
</table>
</section>
{$hookDashboardZoneOne}
</div>
<div class="col-lg-2">
<section class="dash_news panel">
controllers/admin/AdminDashboardController.php
+9
View File
@@ -46,4 +46,13 @@ class AdminDashboardControllerCore extends AdminController
__PS_BASE_URI__.$admin_webpath.'/themes/'.$this->bo_theme.'/css/nv.d3.css'
));
}
public function renderView()
{
$this->tpl_view_vars = array(
'hookDashboardZoneOne' => Hook::exec('dashboardZoneOne'),
'hookDashboardZoneTwo' => Hook::exec('dashboardZoneTwo'),
);
return parent::renderView();
}
}
install-dev/models/install.php
+3
View File
@@ -550,6 +550,9 @@ class InstallModelInstall extends InstallAbstractModel
'blockuserinfo',
'blockviewed',
'cheque',
'dashactivity',
'dashproducts',
'dashtrends',
'favoriteproducts',
'graphartichow',
'graphgooglechart',
modules/dashactivity/config.xml
+1 -1
View File
@@ -1,7 +1,7 @@
<?xml version="1.0" encoding="UTF-8" ?>
<module>
<name>dashactivity</name>
<displayName><![CDATA[Dasboard Activity]]></displayName>
<displayName><![CDATA[Dashboard Activity]]></displayName>
<version><![CDATA[0.1]]></version>
<description><![CDATA[]]></description>
<author><![CDATA[PrestaShop]]></author>
modules/dashactivity/dashactivity.php
+1
View File
@@ -32,6 +32,7 @@ class Dashactivity extends Module
public function __construct()
{
$this->name = 'dashactivity';
$this->displayName = 'Dashboard Activity';
$this->tab = '';
$this->version = '0.1';
$this->author = 'PrestaShop';
modules/dashactivity/views/templates/hook/dashboard_zone_one.tpl
+133
View File
@@ -23,3 +23,136 @@
* International Registered Trademark & Property of PrestaShop SA
*}
<section id="dash_activity" class="panel">
<div class="panel-heading">
<i class="icon-time"></i> {l s='Recent Activity'}
<span class="panel-heading-action">
<a class="list-tooolbar-btn" href="javascript:void(0);" title="configure">
<i class="process-icon-configure"></i>
</a>
<a class="list-tooolbar-btn" href="javascript:location.reload();" title="refresh">
<i class="process-icon-refresh"></i>
</a>
</span>
</div>
<section id="dash_orders">
<ul class="data_list_large">
<li>
<span class="data_label size_l">
{l s='Orders'}<br/>
<small class="text-muted">{l s='Within the last seven days'}</small>
</span>
<span class="data_value size_xxl">
365<br/>
<small class="dash_trend dash_trend_up"><i class="icon-circle-arrow-up"></i> 0.66%</small>
</span>
</li>
</ul>
</section>
<section id="dash_pending">
<header><i class="icon-time"></i> {l s='Pending'}</header>
<ul class="data_list">
<li>
<span class="data_label">{l s='Pending Orders'}</span>
<span class="data_value size_l">120</span>
</li>
<li>
<span class="data_label">{l s='Return/Exchanges'}</span>
<span class="data_value size_l">35</span>
</li>
<li>
<span class="data_label">{l s='Abandonned Carts'}</span>
<span class="data_value size_l">12</span>
</li>
<li>
<span class="data_label">{l s='Products Out of Stock'}</span>
<span class="data_value size_l">4</span>
</li>
</ul>
</section>
<section id="dash_notifications">
<header><i class="icon-exclamation-sign"></i> {l s='Notification'}</header>
<ul class="data_list_vertical">
<li>
<span class="data_label">{l s='New Messages'}</span>
<span class="data_value size_l">42</span>
</li>
<li>
<span class="data_label">{l s='Order Inquires'}</span>
<span class="data_value size_l">13</span>
</li>
<li>
<span class="data_label">{l s='Product Reviews'}</span>
<span class="data_value size_l">56</span>
</li>
</ul>
</section>
<section id="dash_customers">
<header><i class="icon-user"></i> {l s='Customers'}</header>
<ul class="data_list">
<li>
<span class="data_label">{l s='New Customers'}</span>
<span class="data_value size_md">42</span>
</li>
<li>
<span class="data_label">{l s='Online Visitor'}</span>
<span class="data_value size_md">200</span>
</li>
<li>
<span class="data_label">
{l s='Active Shopping Carts'}
<small class="text-muted"><br/>
{l s='In the last 30 minutes'}
</small>
</span>
<span class="data_value size_md">36</span>
</li>
</ul>
</section>
<section id="dash_newsletter">
<header><i class="icon-envelope"></i> {l s='Newsletter'}</header>
<ul class="data_list">
<li>
<span class="data_label">{l s='New Registrations'}</span>
<span class="data_value size_md">125</span>
</li>
<li>
<span class="data_label">{l s='Total Subscribers'}</span>
<span class="data_value size_md">13,500</span>
</li>
</ul>
</section>
<section id="dash_traffic">
<header><i class="icon-globe"></i> {l s='Traffic'}</header>
<ul class="data_list">
<li>
<span class="data_label">{l s='Visits'}</span>
<span class="data_value size_md">10,000</span>
</li>
<li>
<span class="data_label">{l s='Unique Visitors'}</span>
<span class="data_value size_md">3,500</span>
</li>
<li>
<span class="data_label">{l s='Traffic Sources'}</span>
<ul class="data_list_small">
<li>
<span class="data_label">{l s='Direct Link'}</span>
<span class="data_value size_s">120</span>
</li>
<li>
<span class="data_label">google.com</span>
<span class="data_value size_s">75</span>
</li>
<li>
<span class="data_label">facebook.com</span>
<span class="data_value size_s">32</span>
</li>
</ul>
<div id="dash_traffic_chart2" class='chart with-transitions'>
<svg></svg>
</div>
</li>
</ul>
</section>
</section>
modules/dashproducts/config.xml
+1 -1
View File
@@ -1,7 +1,7 @@
<?xml version="1.0" encoding="UTF-8" ?>
<module>
<name>dashproducts</name>
<displayName><![CDATA[Dasboard Products &amp; sales]]></displayName>
<displayName><![CDATA[Dashboard Products]]></displayName>
<version><![CDATA[0.1]]></version>
<description><![CDATA[]]></description>
<author><![CDATA[PrestaShop]]></author>
modules/dashproducts/dashproducts.php
+1
View File
@@ -32,6 +32,7 @@ class Dashproducts extends Module
public function __construct()
{
$this->name = 'dashproducts';
$this->displayName = 'Dashboard Products';
$this->tab = '';
$this->version = '0.1';
$this->author = 'PrestaShop';
modules/dashproducts/views/templates/hook/dashboard_zone_two.tpl
+100
View File
@@ -23,3 +23,103 @@
* International Registered Trademark & Property of PrestaShop SA
*}
<section id="dash_products" class="panel">
<header class="panel-heading">
<i class="icon-bar-chart"></i> {l s='Product and Sales'}
<span class="panel-heading-action">
<a class="list-tooolbar-btn" href="javascript:void(0);" title="configure">
<i class="process-icon-configure"></i>
</a>
<a class="list-tooolbar-btn" href="javascript:location.reload();" title="refresh">
<i class="process-icon-refresh"></i>
</a>
</span>
</header>
<nav>
<ul class="nav">
<li><a href="#dash_recent_orders" data-toggle="tab">
<i class="icon-fire"></i> {l s='Recent Orders'}</a>
</li>
<li><a href="#dash_best_sellers" data-toggle="tab">
<i class="icon-trophy"></i> {l s='Best Sellers'}</a></li>
<li><a href="#dash_most_viewed" data-toggle="tab">
<i class="icon-eye-open"></i> {l s='Most Viewed'}</a></li>
<li><a href="#dash_top_search" data-toggle="tab">
<i class="icon-search"></i> {l s='Top Search'}</a></li>
<li><a href="#dash_best_sales" data-toggle="tab">
<i class="icon-thumbs-up"></i> {l s='Best Sales'}</a></li>
</ul>
</nav>
<h4 >Last 10 orders: Overall | Pending</h4>
<table class="table">
<thead>
<tr>
<th>Customer</th>
<th class="text-center">Products</th>
<th class="text-center">Total</th>
<th>Date</th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td class=""><a href="javascript:void(0);">John Smith</a></td>
<td class="text-center"><strong>10</strong></td>
<td class="text-center"><span class="label label-success">$1200</span></td>
<td>July 8th, 2013 // 10:42 am</td>
<td><i class="icon-time"></i> Today</td>
</tr>
<tr>
<td class=""><a href="javascript:void(0);">John Smith</a></td>
<td class="text-center"><strong>10</strong></td>
<td class="text-center"><span class="label label-success">$1200</span></td>
<td>July 8th, 2013 // 10:42 am</td>
<td><i class="icon-time"></i> Today</td>
</tr>
<tr>
<td class=""><a href="javascript:void(0);">John Smith</a></td>
<td class="text-center"><strong>10</strong></td>
<td class="text-center"><span class="label label-success">$1200</span></td>
<td>July 8th, 2013 // 10:42 am</td>
<td><i class="icon-time"></i> Today</td>
</tr>
<tr>
<td class=""><a href="javascript:void(0);">John Smith</a></td>
<td class="text-center"><strong>10</strong></td>
<td class="text-center"><span class="label label-success">$1200</span></td>
<td>July 8th, 2013 // 10:42 am</td>
<td><i class="icon-time"></i> Today</td>
</tr>
<tr>
<td class=""><a href="javascript:void(0);">John Smith</a></td>
<td class="text-center"><strong>10</strong></td>
<td class="text-center"><span class="label label-success">$1200</span></td>
<td>July 8th, 2013 // 10:42 am</td>
<td><i class="icon-time"></i> Today</td>
</tr>
<tr>
<td class=""><a href="javascript:void(0);">John Smith</a></td>
<td class="text-center"><strong>10</strong></td>
<td class="text-center"><span class="label label-success">$1200</span></td>
<td>July 8th, 2013 // 10:42 am</td>
<td><i class="icon-time"></i> Today</td>
</tr>
<tr>
<td class=""><a href="javascript:void(0);">John Smith</a></td>
<td class="text-center"><strong>10</strong></td>
<td class="text-center"><span class="label label-success">$1200</span></td>
<td>July 8th, 2013 // 10:42 am</td>
<td><i class="icon-time"></i> Today</td>
</tr>
<tr>
<td class=""><a href="javascript:void(0);">John Smith</a></td>
<td class="text-center"><strong>10</strong></td>
<td class="text-center"><span class="label label-success">$1200</span></td>
<td>July 8th, 2013 // 10:42 am</td>
<td><i class="icon-time"></i> Today</td>
</tr>
</tbody>
</table>
</section>
modules/dashtrends/config.xml
+1 -1
View File
@@ -1,7 +1,7 @@
<?xml version="1.0" encoding="UTF-8" ?>
<module>
<name>dashtrends</name>
<displayName><![CDATA[Dasboard Trends]]></displayName>
<displayName><![CDATA[Dashboard Trends]]></displayName>
<version><![CDATA[0.1]]></version>
<description><![CDATA[]]></description>
<author><![CDATA[PrestaShop]]></author>
modules/dashtrends/dashtrends.php
+1
View File
@@ -32,6 +32,7 @@ class Dashtrends extends Module
public function __construct()
{
$this->name = 'dashtrends';
$this->displayName = 'Dashboard Trends';
$this->tab = '';
$this->version = '0.1';
$this->author = 'PrestaShop';
modules/dashtrends/views/templates/hook/dashboard_zone_two.tpl
+50
View File
@@ -23,3 +23,53 @@
* International Registered Trademark & Property of PrestaShop SA
*}
<section id="dash_trends" class="panel">
<header class="panel-heading">
<i class="icon-bar-chart"></i> {l s='Score Trends'}
<span class="panel-heading-action">
<a class="list-tooolbar-btn" href="javascript:void(0);" title="configure">
<i class="process-icon-configure"></i>
</a>
<a class="list-tooolbar-btn" href="javascript:location.reload();" title="refresh">
<i class="process-icon-refresh"></i>
</a>
</span>
</header>
<div id="dash_trends_toolbar" class="row">
<dl class="col-xs-4 col-lg-2 active">
<dt>{l s='Sales'}</dt>
<dd class="size_l">$150,365</dd>
<dd class="dash_trend dash_trend_up"><i class="icon-circle-arrow-up"></i> 0.66%</dd>
</dl>
<dl class="col-xs-4 col-lg-2">
<dt>{l s='Orders'}</dt>
<dd class="size_l">20,432</dd>
<dd class="dash_trend dash_trend_down"><i class="icon-circle-arrow-down"></i> 0.66%</dd>
</dl>
<dl class="col-xs-4 col-lg-2">
<dt>{l s='Cart Value'}</dt>
<dd class="size_l">$125</dd>
<dd class="dash_trend dash_trend_up"><i class="icon-circle-arrow-up"></i> 0.66%</dd>
</dl>
<dl class="col-xs-4 col-lg-2">
<dt>{l s='Visits'}</dt>
<dd class="size_l">1,200</dd>
<dd class="dash_trend dash_trend_down"><i class="icon-circle-arrow-down"></i> 0.66%</dd>
</dl>
<dl class="col-xs-4 col-lg-2">
<dt>{l s='Converstion Rate'}</dt>
<dd class="size_l">23%</dd>
<dd class="dash_trend dash_trend_up"><i class="icon-circle-arrow-up"></i> 0.66%</dd>
</dl>
<dl class="col-xs-4 col-lg-2">
<dt>{l s='Net Profits'}</dt>
<dd class="size_l">$23,568</dd>
<dd class="dash_trend dash_trend_up"><i class="icon-circle-arrow-up"></i> 0.66%</dd>
</dl>
</div>
<div id="dash_trends_chart1" class='chart with-transitions'>
<svg></svg>
</div>
</section>