// dashboard date range picker wip
This commit is contained in:
Kevin Granger
@@ -36,46 +36,67 @@
|
||||
<div class="col-lg-12">
|
||||
{if $warning}
|
||||
<div class="alert alert-warning">{$warning}</div>
|
||||
{/if}
|
||||
{/if}
|
||||
<div id="calendar" class="panel">
|
||||
<form action="{$action|escape}" method="post" id="calendar_form" name="calendar_form" class="form-inline">
|
||||
<div class="row">
|
||||
<div class="col-lg-6">
|
||||
<div class="btn-group">
|
||||
<button type="button" name="submitDateDay" class="btn btn-default submitDateDay" onclick="setDayPeriod()">{$translations.Day}</button>
|
||||
<button type="button" name="submitDateMonth" class="btn btn-default submitDateMonth" onclick="setMonthPeriod()">{$translations.Month}</button>
|
||||
<button type="button" name="submitDateYear" class="btn btn-default submitDateYear" onclick="setYearPeriod()">{$translations.Year}</button>
|
||||
<button type="button" name="submitDateDayPrev" class="btn btn-default submitDateDayPrev" onclick="setPreviousDayPeriod()">{$translations.Day}-1</button>
|
||||
<button type="button" name="submitDateMonthPrev" class="btn btn-default submitDateMonthPrev" onclick="setPreviousMonthPeriod()">{$translations.Month}-1</button>
|
||||
<button type="button" name="submitDateYearPrev" class="btn btn-default submitDateYearPrev" onclick="setPreviousYearPeriod()">{$translations.Year}-1</button>
|
||||
<button type="button" name="submitDateDay" class="btn btn-default submitDateDay">
|
||||
{l s='Day'}
|
||||
</button>
|
||||
<button type="button" name="submitDateMonth" class="btn btn-default submitDateMonth">
|
||||
{l s='Month'}
|
||||
</button>
|
||||
<button type="button" name="submitDateYear" class="btn btn-default submitDateYear">
|
||||
{l s='Year'}
|
||||
</button>
|
||||
<button type="button" name="submitDateDayPrev" class="btn btn-default submitDateDayPrev">
|
||||
{l s='Day'}-1
|
||||
</button>
|
||||
<button type="button" name="submitDateMonthPrev" class="btn btn-default submitDateMonthPrev">
|
||||
{l s='Month'}-1
|
||||
</button>
|
||||
<button type="button" name="submitDateYearPrev" class="btn btn-default submitDateYearPrev">
|
||||
{l s='Year'}-1
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6">
|
||||
<div class="row">
|
||||
<div class="col-md-8">
|
||||
<div class="row">
|
||||
<div class="col-xs-6">
|
||||
<div class="input-group">
|
||||
<label class="input-group-addon">{if isset($translations.From)}{$translations.From}{else}{l s='From:'}{/if}</label>
|
||||
<input type="text" name="datepickerFrom" id="datepickerFrom" value="{$datepickerFrom|escape}" class="form-control">
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-xs-6">
|
||||
<div class="input-group">
|
||||
<label class="input-group-addon">{if isset($translations.To)}{$translations.To}{else}{l s='From:'}{/if}</label>
|
||||
<input type="text" name="datepickerTo" id="datepickerTo" value="{$datepickerTo|escape}" class="form-control">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<div class="input-group fixed-width-lg">
|
||||
<label class="input-group-addon">{l s='From'}</label>
|
||||
<input type="text" name="datepickerFrom" id="datepickerFrom" value="{$datepickerFrom|escape}" class="form-control">
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<div class="input-group fixed-width-lg inline-form-element">
|
||||
<label class="input-group-addon">{l s='To'}</label>
|
||||
<input type="text" name="datepickerTo" id="datepickerTo" value="{$datepickerTo|escape}" class="form-control">
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<p class="form-control-static">
|
||||
13 Days
|
||||
</p>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<p class="checkbox">
|
||||
<label>
|
||||
<input type="checkbox">
|
||||
Compare
|
||||
</label>
|
||||
</p>
|
||||
</div>
|
||||
<div class="form-group pull-right">
|
||||
<button class="btn btn-default" type="button">
|
||||
<i class="icon-calendar-empty"></i>
|
||||
<i class="icon-caret-down"></i>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-lg-12">
|
||||
{$calendar}
|
||||
</div>
|
||||
</div>
|
||||
{$calendar}
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
@@ -95,14 +116,15 @@
|
||||
<div class="col-lg-2">
|
||||
|
||||
<section class="dash_news panel">
|
||||
<h4><i class="icon-rss"></i> PrestaShop News</h4>
|
||||
<h3><i class="icon-rss"></i> PrestaShop News</h3>
|
||||
</section>
|
||||
|
||||
<section id="dash_version" class="visible-lg">
|
||||
<iframe frameborder="no" scrolling="no" allowtransparency="true" src="{$new_version_url}"></iframe>
|
||||
</section>
|
||||
|
||||
<section class="dash_links panel">
|
||||
<h4><i class="icon-link"></i> {l s="Useful PrestaShop Links"}</h4>
|
||||
<h3><i class="icon-link"></i> {l s="Useful Links"}</h3>
|
||||
<dl>
|
||||
<dt>{l s="Discover the official documentation"}</dt>
|
||||
<dd><a href="http://doc.prestashop.com/display/PS16?utm_source=backoffice_dashboard" target="_blank">{l s="Go to doc.prestashop.com"}</a></dd>
|
||||
@@ -126,17 +148,4 @@
|
||||
</section>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<script type="text/javascript">
|
||||
$(document).ready(function() {
|
||||
$('#datepickerFrom').click(function() {
|
||||
$('#datepicker').slideDown(200);
|
||||
$('#date-start').focus();
|
||||
});
|
||||
|
||||
$('#datepickerTo').click(function() {
|
||||
$('#datepicker').slideDown(200);
|
||||
$('#date-end').focus();
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</div>
|
||||
Reference in New Issue
Block a user