// dashboard date range picker wip
This commit is contained in:
Kevin Granger
@@ -1,80 +1,82 @@
|
||||
<div id="datepicker" class="daterangepicker-days">
|
||||
<div class="row">
|
||||
{if $is_rtl}
|
||||
<div class="col-sm-6 col-lg-4">
|
||||
<div class="datepicker2" data-date="{$date_to}" data-date-format="{$date_format}"></div>
|
||||
</div>
|
||||
<div class="col-sm-6 col-lg-4">
|
||||
<div class="datepicker1" data-date="{$date_from}" data-date-format="{$date_format}"></div>
|
||||
</div>
|
||||
{else}
|
||||
<div class="col-sm-6 col-lg-4">
|
||||
<div class="datepicker1" data-date="{$date_from}" data-date-format="{$date_format}"></div>
|
||||
</div>
|
||||
<div class="col-sm-6 col-lg-4">
|
||||
<div class="datepicker2" data-date="{$date_to}" data-date-format="{$date_format}"></div>
|
||||
</div>
|
||||
{/if}
|
||||
<div class="col-lg-4 clearfix">
|
||||
<div id='datepicker-form' class='form-inline'>
|
||||
|
||||
<div id='date-range' class='form-date-group'>
|
||||
<div class='form-date-heading'>
|
||||
<span class="title">{l s='Date range'}</span>
|
||||
{if isset($actions) && $actions|count > 0}
|
||||
{if $actions|count > 1}
|
||||
<button class='btn btn-default btn-xs pull-right dropdown-toggle' data-toggle='dropdown' type="button">
|
||||
{l s='Custom'}
|
||||
<i class='icon-angle-down'></i>
|
||||
<div id="datepicker" class="row row-padding-top hide">
|
||||
<div class="col-lg-12">
|
||||
<div class="daterangepicker-days">
|
||||
<div class="row">
|
||||
{if $is_rtl}
|
||||
<div class="col-sm-6 col-lg-4">
|
||||
<div class="datepicker2" data-date="{$date_to}" data-date-format="{$date_format}"></div>
|
||||
</div>
|
||||
<div class="col-sm-6 col-lg-4">
|
||||
<div class="datepicker1" data-date="{$date_from}" data-date-format="{$date_format}"></div>
|
||||
</div>
|
||||
{else}
|
||||
<div class="col-sm-6 col-lg-4">
|
||||
<div class="datepicker1" data-date="{$date_from}" data-date-format="{$date_format}"></div>
|
||||
</div>
|
||||
<div class="col-sm-6 col-lg-4">
|
||||
<div class="datepicker2" data-date="{$date_to}" data-date-format="{$date_format}"></div>
|
||||
</div>
|
||||
{/if}
|
||||
<div class="col-lg-4 clearfix">
|
||||
<div id='datepicker-form' class='form-inline'>
|
||||
<div id='date-range' class='form-date-group'>
|
||||
<div class='form-date-heading'>
|
||||
<span class="title">{l s='Date range'}</span>
|
||||
{if isset($actions) && $actions|count > 0}
|
||||
{if $actions|count > 1}
|
||||
<button class='btn btn-default btn-xs pull-right dropdown-toggle' data-toggle='dropdown' type="button">
|
||||
{l s='Custom'}
|
||||
<i class='icon-angle-down'></i>
|
||||
</button>
|
||||
<ul class='dropdown-menu'>
|
||||
{foreach from=$actions item=action}
|
||||
<li><a{if isset($action.href)} href="{$action.href}"{/if}{if isset($action.class)} class="{$action.class}"{/if}>{if isset($action.icon)}<i class="{$action.icon}"></i> {/if}{$action.label}</a></li>
|
||||
{/foreach}
|
||||
</ul>
|
||||
{else}
|
||||
<a{if isset($actions[0].href)} href="{$actions[0].href}"{/if} class="btn btn-default btn-xs pull-right{if isset($actions[0].class)} {$actions[0].class}{/if}">{if isset($actions[0].icon)}<i class="{$actions[0].icon}"></i> {/if}{$actions[0].label}</a>
|
||||
{/if}
|
||||
{/if}
|
||||
</div>
|
||||
<div class='form-date-body'>
|
||||
<label>{l s='From'}</label>
|
||||
<input class='date-input form-control' id='date-start' placeholder='Start' type='text' name="date_from" value="{$date_from}" data-date-format="{$date_format}" />
|
||||
<label>{l s='to'}</label>
|
||||
<input class='date-input form-control' id='date-end' placeholder='End' type='text' name="date_to" value="{$date_to}" data-date-format="{$date_format}" />
|
||||
</div>
|
||||
</div>
|
||||
<div id="date-compare" class='form-date-group'>
|
||||
<div class='form-date-heading'>
|
||||
<span class="checkbox-title">
|
||||
<label >
|
||||
<input type='checkbox' id="datepicker-compare" name="datepicker_compare"{if isset($compare_date_from) && isset($compare_date_to)} checked="checked"{/if}>
|
||||
{l s='Compare to'}
|
||||
</label>
|
||||
</span>
|
||||
<select id="compare-options" class="form-control fixed-width-lg pull-right" name="compare_date_option"{if is_null($compare_date_from) || is_null($compare_date_to)} disabled="disabled"{/if}>
|
||||
<option value="1"{if $compare_option == 1}selected="selected"{/if} label="{l s='Previous period'}">{l s='Previous period'}</option>
|
||||
<option value="2"{if $compare_option == 2}selected="selected"{/if} label="{l s='Previous Year'}">{l s='Previous Year'}</option>
|
||||
<option value="3"{if $compare_option == 3}selected="selected"{/if} label="{l s='Custom'}">{l s='Custom'}</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="form-date-body" id="form-date-body-compare"{if is_null($compare_date_from) || is_null($compare_date_to)} style="display: none;"{/if}>
|
||||
<label>{l s='From'}</label>
|
||||
<input id="date-start-compare" class="date-input form-control" type="text" placeholder="Start" name="compare_date_from" value="{$compare_date_from}" data-date-format="{$date_format}" />
|
||||
<label>{l s='to'}</label>
|
||||
<input id="date-end-compare" class="date-input form-control" type="text" placeholder="End" name="compare_date_to" value="{$compare_date_to}" data-date-format="{$date_format}" />
|
||||
</div>
|
||||
</div>
|
||||
<div class='form-date-actions'>
|
||||
<button class='btn btn-default' type='button' id="datepicker-cancel">
|
||||
<i class='icon-remove text-danger'></i>
|
||||
{l s='Cancel'}
|
||||
</button>
|
||||
<ul class='dropdown-menu'>
|
||||
{foreach from=$actions item=action}
|
||||
<li><a{if isset($action.href)} href="{$action.href}"{/if}{if isset($action.class)} class="{$action.class}"{/if}>{if isset($action.icon)}<i class="{$action.icon}"></i> {/if}{$action.label}</a></li>
|
||||
{/foreach}
|
||||
</ul>
|
||||
{else}
|
||||
<a{if isset($actions[0].href)} href="{$actions[0].href}"{/if} class="btn btn-default btn-xs pull-right{if isset($actions[0].class)} {$actions[0].class}{/if}">{if isset($actions[0].icon)}<i class="{$actions[0].icon}"></i> {/if}{$actions[0].label}</a>
|
||||
{/if}
|
||||
{/if}
|
||||
<button class='btn btn-default pull-right' type='submit' name="submitDateRange">
|
||||
<i class='icon-ok text-success'></i>
|
||||
{l s='Apply'}
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class='form-date-body'>
|
||||
<label>{l s='From'}</label>
|
||||
<input class='date-input form-control' id='date-start' placeholder='Start' type='text' name="date_from" value="{$date_from}" data-date-format="{$date_format}" />
|
||||
<label>{l s='to'}</label>
|
||||
<input class='date-input form-control' id='date-end' placeholder='End' type='text' name="date_to" value="{$date_to}" data-date-format="{$date_format}" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="date-compare" class='form-date-group'>
|
||||
<div class='form-date-heading'>
|
||||
<span class="checkbox-title">
|
||||
<label >
|
||||
<input type='checkbox' id="datepicker-compare" name="datepicker_compare"{if isset($compare_date_from) && isset($compare_date_to)} checked="checked"{/if}>
|
||||
{l s='Compare to'}
|
||||
</label>
|
||||
</span>
|
||||
<select id="compare-options" class="form-control fixed-width-lg pull-right" name="compare_date_option"{if is_null($compare_date_from) || is_null($compare_date_to)} disabled="disabled"{/if}>
|
||||
<option value="1"{if $compare_option == 1}selected="selected"{/if} label="{l s='Previous period'}">{l s='Previous period'}</option>
|
||||
<option value="2"{if $compare_option == 2}selected="selected"{/if} label="{l s='Previous Year'}">{l s='Previous Year'}</option>
|
||||
<option value="3"{if $compare_option == 3}selected="selected"{/if} label="{l s='Custom'}">{l s='Custom'}</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="form-date-body" id="form-date-body-compare"{if is_null($compare_date_from) || is_null($compare_date_to)} style="display: none;"{/if}>
|
||||
<label>{l s='From'}</label>
|
||||
<input id="date-start-compare" class="date-input form-control" type="text" placeholder="Start" name="compare_date_from" value="{$compare_date_from}" data-date-format="{$date_format}" />
|
||||
<label>{l s='to'}</label>
|
||||
<input id="date-end-compare" class="date-input form-control" type="text" placeholder="End" name="compare_date_to" value="{$compare_date_to}" data-date-format="{$date_format}" />
|
||||
</div>
|
||||
</div>
|
||||
<div class='form-date-actions'>
|
||||
<button class='btn btn-default' type='button' id="datepicker-cancel">
|
||||
<i class='icon-remove text-danger'></i>
|
||||
{l s='Cancel'}
|
||||
</button>
|
||||
<button class='btn btn-default pull-right' type='submit' name="submitDateRange">
|
||||
<i class='icon-ok text-success'></i>
|
||||
{l s='Apply'}
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user