aboutsummaryrefslogtreecommitdiffstats
path: root/themes/default/template/index.tpl
diff options
context:
space:
mode:
authorrvelices <rv-github@modusoptimus.com>2013-06-22 04:44:48 +0000
committerrvelices <rv-github@modusoptimus.com>2013-06-22 04:44:48 +0000
commit0b319ddd456faaced5a300db64b48af60e1dbaec (patch)
tree8f63328554b9f419feefced30aef5e352e20af26 /themes/default/template/index.tpl
parent6d74171c3c5032b4e1124bccfe59990fb82c2220 (diff)
feature 2928: fctorize switchBox (now js is loaded async + also apply to the calendar type links on index page)
git-svn-id: http://piwigo.org/svn/trunk@23437 68402e56-0260-453c-a942-63ccdbb3a9ee
Diffstat (limited to '')
-rw-r--r--themes/default/template/index.tpl23
1 files changed, 6 insertions, 17 deletions
diff --git a/themes/default/template/index.tpl b/themes/default/template/index.tpl
index 8b47aace4..891713127 100644
--- a/themes/default/template/index.tpl
+++ b/themes/default/template/index.tpl
@@ -1,4 +1,4 @@
-{combine_script id='core.switchbox' load='footer' require='jquery' path='themes/default/js/switchbox.js'}
+{combine_script id='core.switchbox' load='async' require='jquery' path='themes/default/js/switchbox.js'}
{$MENUBAR}
@@ -26,7 +26,7 @@
{/if}
{/foreach}
</div>
- {footer_script require='core.switchbox'}switchBox("#sortOrderLink", "#sortOrderBox");{/footer_script}
+ {footer_script}(SwitchBox=window.SwitchBox||[]).push("#sortOrderLink", "#sortOrderBox");{/footer_script}
{/strip}</li>
{/if}
{if !empty($image_derivatives)}
@@ -43,7 +43,7 @@
{/if}
{/foreach}
</div>
- {footer_script require='core.switchbox'}switchBox("#derivativeSwitchLink", "#derivativeSwitchBox");{/footer_script}
+ {footer_script}(SwitchBox=window.SwitchBox||[]).push("#derivativeSwitchLink", "#derivativeSwitchBox");{/footer_script}
{/strip}</li>
{/if}
@@ -101,26 +101,15 @@
{if isset($chronology_views)}
<div class="calendarViews">{'View'|@translate}:
- <a id="calendarViewSwitchLink" href="javascript:toggleCalendarViewsBox()">
+ <a id="calendarViewSwitchLink" href="#">
{foreach from=$chronology_views item=view}{if $view.SELECTED}{$view.CONTENT}{/if}{/foreach}
- </a>
+ </a>
<div id="calendarViewSwitchBox" class="switchBox">
{foreach from=$chronology_views item=view name=loop}{if !$smarty.foreach.loop.first}<br>{/if}
<span{if !$view.SELECTED} style="visibility:hidden"{/if}>&#x2714; </span><a href="{$view.VALUE}">{$view.CONTENT}</a>
{/foreach}
</div>
- {footer_script require='jquery'}{literal}
-function toggleCalendarViewsBox() {
- var elt = jQuery("#calendarViewSwitchBox")
- , ePos = jQuery("#calendarViewSwitchLink");
- elt.css("left", Math.min( ePos.offset().left, jQuery(window).width() - elt.outerWidth(true) - 5))
- .css("top", ePos.offset().top + ePos.outerHeight(true))
- .toggle();
-};
-jQuery("#calendarViewSwitchBox").on("mouseleave", function() {
- jQuery(this).hide();
-});
- {/literal}{/footer_script}
+ {footer_script}(SwitchBox=window.SwitchBox||[]).push("#calendarViewSwitchLink", "#calendarViewSwitchBox");{/footer_script}
</div>
{/if}