Changeset 31575

Timestamp:

Apr 26, 2016, 4:25:28 PM (8 years ago)

Author:

plg

Message:

equivalent to stripped r31389

compatibility with formats in Piwigo 2.8

Location:

extensions/stripped_responsive

Files:

• template/picture.tpl (modified) (3 diffs)
• theme.css (modified) (1 diff)

extensions/stripped_responsive/template/picture.tpl

@@ +1 @@
+{combine_script id='core.switchbox' load='async' require='jquery' path='themes/default/js/switchbox.js'}
+
 {assign var=derivative value=$pwg->derivative($stripped_responsive.imageSize, $current.src_image)}
 {assign var='size' value=$derivative->get_size()}
@@ -37 +39 @@
                 {strip}{if isset($current.U_DOWNLOAD)}
           <li>
-            <a href="{$current.U_DOWNLOAD}" title="{'download this file'|@translate}">
+            <a id="downloadSwitchLink" href="{$current.U_DOWNLOAD}" title="{'Download this file'|@translate}">
               <span class="pwg-icon pwg-icon-download"></span>
               <span class="pwg-button-text">{'Download'|@translate}</span>
@@ -43 +45 @@
           </li>
                 {/if}{/strip}
+
+{if !empty($current.formats)}
+{footer_script require='jquery'}{literal}
+jQuery().ready(function() {
+  jQuery("#downloadSwitchLink").removeAttr("href");
+ 
+  (window.SwitchBox=window.SwitchBox||[]).push("#downloadSwitchLink", "#downloadSwitchBox");
+});
+{/literal}{/footer_script}
+ 
+<div id="downloadSwitchBox" class="switchBox">
+  <div class="switchBoxTitle">{'Download'|translate} - {'Formats'|translate}</div>
+  <ul>
+  {foreach from=$current.formats item=format}
+    <li><a href="{$format.download_url}" rel="nofollow">{$format.label}<span class="downloadformatDetails"> ({$format.filesize})</span></a></li>
+  {/foreach}
+  </ul>
+</div>
+{/if} {* has formats *}
+
                 {strip}{if isset($PLUGIN_PICTURE_ACTIONS)}
                         <li class="plugin_buttons plugin_buttons_group1">{$PLUGIN_PICTURE_ACTIONS}</li>

extensions/stripped_responsive/theme.css

@@ -1624 +1624 @@
 }
 
+.switchBox ul {
+  padding:0;
+  margin:0;
+}
+
+.switchBox ul li {
+  display:block;
+  float:none;
+}
+
 .menu-random-photo .ammillustration#imrp_ill0 {
   padding: 0;