// calendar WIP

This commit is contained in:
Kevin Granger
2013-10-15 12:10:05 +02:00
parent 2bc927c810
commit d1bc5eb6e0
5 changed files with 187 additions and 204 deletions
@@ -1,21 +1,25 @@
<div id="datepicker" class="datepicker-days">
<div class="row">
<div class="col-lg-8">
<div class="datepickers-container">
{if $is_rtl}
<div class="datepicker2" data-date="{$date_to}" data-date-format="{$date_format}"></div>
<div class="datepicker1" data-date="{$date_from}" data-date-format="{$date_format}"></div>
{else}
<div class="datepicker1" data-date="{$date_from}" data-date-format="{$date_format}"></div>
<div class="datepicker2" data-date="{$date_to}" data-date-format="{$date_format}"></div>
{/if}
</div>
<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-lg-4">
<form class='form-inline' id='datepicker-form'>
<fieldset class='form-date-group' id='date-range'>
<div class='form-date-heading'>
{l s='Date range'}
<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}
<div class='btn btn-default btn-xs pull-right dropdown-toggle' data-toggle='dropdown'>
@@ -32,39 +36,47 @@
{/if}
{/if}
</div>
<div class='form-date-body form-group'>
<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}" />
<label>{l s='to'}</label>
<input class='date-input form-control' id='date-end' placeholder='End' type='text' name="date_to" value="{$date_to}" />
</div>
<hr/>
<div class='form-date-heading'>
<div>{l s='Compare to'}</div>
</div>
<div id="date-compare" class='form-date-group'>
<div class='form-date-heading clearfix'>
<span class="checkbox-title">
<label >
<input type='checkbox'>
{l s='Compare to'}
</label>
</span>
<button class='btn btn-default btn-xs pull-right dropdown-toggle' data-toggle='dropdown'>
Custom
<i class='icon-angle-down'></i>
</button>
</div>
<div class="form-date-body form-group">
<div class="form-date-body">
<label>{l s='From'}</label>
<input id="compare-date-start" class="date-input form-control" type="text" placeholder="Start" name="compare_date_from" value="{$compare_date_from}" />
<label>{l s='to'}</label>
<input id="compare-date-end" class="date-input form-control" type="text" placeholder="End" name="compare_date_to" value="{$compare_date_to}" />
</div>
<hr/>
<div class='form-group'>
<button class='btn btn-default' type='button'>
<i class='icon-remove text-danger'></i>
{l s='Cancel'}
</button>
<button class='btn btn-default' type='submit' name="submitDateRange">
<i class='icon-ok text-success'></i>
{l s='Apply'}
</button>
</div>
</fieldset>
</form>
</div>
<div class='form-date-actions'>
<button class='btn btn-default' type='button'>
<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>
</div>
<hr/>
</div>
<script type="text/javascript">
$(function() {