diff options
| author | ArthurHoaro <arthur@hoa.ro> | 2018-07-28 09:41:29 +0200 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2018-07-28 09:41:29 +0200 |
| commit | ad5f47adbaee1eef85e90950ab8a45fe82959924 (patch) | |
| tree | d23a186661db00d36cb2b2287a7bf890fbc62cfb /tpl/default/picwall.html | |
| parent | 8fdd65b88412a0db28c723a486650c434fe5668c (diff) | |
| parent | 7b4fea0e39be9e74e9aef13e73af9bbd2b1a6397 (diff) | |
| download | Shaarli-ad5f47adbaee1eef85e90950ab8a45fe82959924.tar.gz Shaarli-ad5f47adbaee1eef85e90950ab8a45fe82959924.tar.zst Shaarli-ad5f47adbaee1eef85e90950ab8a45fe82959924.zip | |
Merge pull request #687 from ArthurHoaro/web-thumb
Use web-thumbnailer to retrieve thumbnails
Diffstat (limited to 'tpl/default/picwall.html')
| -rw-r--r-- | tpl/default/picwall.html | 74 |
1 files changed, 47 insertions, 27 deletions
diff --git a/tpl/default/picwall.html b/tpl/default/picwall.html index 2f7e03dc..9a0b10dc 100644 --- a/tpl/default/picwall.html +++ b/tpl/default/picwall.html | |||
| @@ -5,41 +5,61 @@ | |||
| 5 | </head> | 5 | </head> |
| 6 | <body> | 6 | <body> |
| 7 | {include="page.header"} | 7 | {include="page.header"} |
| 8 | {if="!$thumbnails_enabled"} | ||
| 9 | <div class="pure-g pure-alert pure-alert-warning page-single-alert"> | ||
| 10 | <div class="pure-u-1 center"> | ||
| 11 | {'Picture wall unavailable (thumbnails are disabled).'|t} | ||
| 12 | </div> | ||
| 13 | </div> | ||
| 14 | {else} | ||
| 15 | {if="count($linksToDisplay)===0 && $is_logged_in"} | ||
| 16 | <div class="pure-g pure-alert pure-alert-warning page-single-alert"> | ||
| 17 | <div class="pure-u-1 center"> | ||
| 18 | {'There is no cached thumbnail. Try to <a href="?do=thumbs_update">synchronize them</a>.'|t} | ||
| 19 | </div> | ||
| 20 | </div> | ||
| 21 | {/if} | ||
| 8 | 22 | ||
| 9 | <div class="pure-g"> | 23 | <div class="pure-g"> |
| 10 | <div class="pure-u-lg-1-6 pure-u-1-24"></div> | 24 | <div class="pure-u-lg-1-6 pure-u-1-24"></div> |
| 11 | <div class="pure-u-lg-2-3 pure-u-22-24 page-form page-visitor"> | 25 | <div class="pure-u-lg-2-3 pure-u-22-24 page-form page-visitor"> |
| 12 | {$countPics=count($linksToDisplay)} | 26 | {$countPics=count($linksToDisplay)} |
| 13 | <h2 class="window-title">{'Picture Wall'|t} - {$countPics} {'pics'|t}</h2> | 27 | <h2 class="window-title">{'Picture Wall'|t} - {$countPics} {'pics'|t}</h2> |
| 14 | 28 | ||
| 15 | <div id="plugin_zone_start_picwall" class="plugin_zone"> | 29 | <div id="plugin_zone_start_picwall" class="plugin_zone"> |
| 16 | {loop="$plugin_start_zone"} | 30 | {loop="$plugin_start_zone"} |
| 17 | {$value} | 31 | {$value} |
| 18 | {/loop} | 32 | {/loop} |
| 19 | </div> | 33 | </div> |
| 20 | 34 | ||
| 21 | <div id="picwall_container" class="picwall-container"> | 35 | <div id="picwall-container" class="picwall-container"> |
| 22 | {loop="$linksToDisplay"} | 36 | {loop="$linksToDisplay"} |
| 23 | <div class="picwall-pictureframe"> | 37 | <div class="picwall-pictureframe"> |
| 24 | {$value.thumbnail}<a href="{$value.real_url}"><span class="info">{$value.title}</span></a> | 38 | {ignore}RainTPL hack: put the 2 src on two different line to avoid path replace bug{/ignore} |
| 25 | {loop="$value.picwall_plugin"} | 39 | <img data-src="{$value.thumbnail}#" class="b-lazy" |
| 26 | {$value} | 40 | src="#" |
| 27 | {/loop} | 41 | alt="thumbnail" width="{$thumbnails_width}" height="{$thumbnails_height}" /> |
| 28 | </div> | 42 | <a href="{$value.real_url}"><span class="info">{$value.title}</span></a> |
| 29 | {/loop} | 43 | {loop="$value.picwall_plugin"} |
| 30 | <div class="clear"></div> | 44 | {$value} |
| 31 | </div> | 45 | {/loop} |
| 46 | </div> | ||
| 47 | {/loop} | ||
| 48 | <div class="clear"></div> | ||
| 49 | </div> | ||
| 32 | 50 | ||
| 33 | <div id="plugin_zone_end_picwall" class="plugin_zone"> | 51 | <div id="plugin_zone_end_picwall" class="plugin_zone"> |
| 34 | {loop="$plugin_end_zone"} | 52 | {loop="$plugin_end_zone"} |
| 35 | {$value} | 53 | {$value} |
| 36 | {/loop} | 54 | {/loop} |
| 55 | </div> | ||
| 37 | </div> | 56 | </div> |
| 57 | <div class="pure-u-lg-1-6 pure-u-1-24"></div> | ||
| 38 | </div> | 58 | </div> |
| 39 | </div> | 59 | {/if} |
| 40 | 60 | ||
| 41 | {include="page.footer"} | 61 | {include="page.footer"} |
| 42 | <script src="js/picwall.min.js?v={$version_hash}"></script> | 62 | <script src="js/thumbnails.min.js?v={$version_hash}"></script> |
| 43 | </body> | 63 | </body> |
| 44 | </html> | 64 | </html> |
| 45 | 65 | ||