aboutsummaryrefslogtreecommitdiffstats
path: root/admin/themes/default/template/history.tpl
diff options
context:
space:
mode:
authormistic100 <mistic@piwigo.org>2014-05-17 22:04:36 +0000
committermistic100 <mistic@piwigo.org>2014-05-17 22:04:36 +0000
commit914b6d96d2cae67507ef848a7a229fd5319d7968 (patch)
tree97d0c9f0741ddb6ddee8cfbb20717b6b0fd9b75e /admin/themes/default/template/history.tpl
parentce8a29810abe6f7fdf82043b32ca87ba0f14220c (diff)
feature 3080 : simpler date inputs (one input + fontello + picker selects)
git-svn-id: http://piwigo.org/svn/trunk@28497 68402e56-0260-453c-a942-63ccdbb3a9ee
Diffstat (limited to '')
-rw-r--r--admin/themes/default/template/history.tpl45
1 files changed, 19 insertions, 26 deletions
diff --git a/admin/themes/default/template/history.tpl b/admin/themes/default/template/history.tpl
index 3fe4e738d..fcdc67d8b 100644
--- a/admin/themes/default/template/history.tpl
+++ b/admin/themes/default/template/history.tpl
@@ -1,10 +1,11 @@
{include file='include/datepicker.inc.tpl'}
-{footer_script}{literal}
- pwg_initialization_datepicker("#start_day", "#start_month", "#start_year", "#start_linked_date", null, null, "#end_linked_date");
- pwg_initialization_datepicker("#end_day", "#end_month", "#end_year", "#end_linked_date", null, "#start_linked_date", null);
-{/literal}{/footer_script}
+{footer_script}
+jQuery(function(){ {* <!-- onLoad needed to wait localization loads --> *}
+ jQuery('[data-datepicker]').pwgDatepicker();
+});
+{/footer_script}
<h2>{'History'|@translate} {$TABSHEET_TITLE}</h2>
@@ -14,33 +15,25 @@
<ul>
<li><label>{'Date'|@translate}</label></li>
<li>
- <select id="start_day" name="start_day">
- <option value="0">--</option>
- {section name=day start=1 loop=32}
- <option value="{$smarty.section.day.index}" {if $smarty.section.day.index==$START_DAY_SELECTED}selected="selected"{/if}>{$smarty.section.day.index}</option>
- {/section}
- </select>
- <select id="start_month" name="start_month">
- {html_options options=$month_list selected=$START_MONTH_SELECTED}
- </select>
- <input id="start_year" name="start_year" value="{$START_YEAR}" type="text" size="4" maxlength="4" >
- <input id="start_linked_date" name="start_linked_date" type="hidden" size="10" disabled="disabled">
+ <input type="hidden" name="start" value="{$START}">
+ <label>
+ <i class="icon-calendar"></i>
+ <input type="text" data-datepicker="start" data-datepicker-end="end" data-datepicker-unset="start_unset" readonly>
+ </label>
+ <br>
+ <a href="#" class="icon-cancel-circled" id="start_unset">{'unset'|translate}</a>
</li>
</ul>
<ul>
<li><label>{'End-Date'|@translate}</label></li>
<li>
- <select id="end_day" name="end_day">
- <option value="0">--</option>
- {section name=day start=1 loop=32}
- <option value="{$smarty.section.day.index}" {if $smarty.section.day.index==$END_DAY_SELECTED}selected="selected"{/if}>{$smarty.section.day.index}</option>
- {/section}
- </select>
- <select id="end_month" name="end_month">
- {html_options options=$month_list selected=$END_MONTH_SELECTED}
- </select>
- <input id="end_year" name="end_year" value="{$END_YEAR}" type="text" size="4" maxlength="4" >
- <input id="end_linked_date" name="end_linked_date" type="hidden" size="10" disabled="disabled">
+ <input type="hidden" name="end" value="{$END}">
+ <label>
+ <i class="icon-calendar"></i>
+ <input type="text" data-datepicker="end" data-datepicker-start="start" data-datepicker-unset="end_unset" readonly>
+ </label>
+ <br>
+ <a href="#" class="icon-cancel-circled" id="end_unset">{'unset'|translate}</a>
</li>
</ul>