Support using Shaarli without URL rewriting

[github/shaarli/Shaarli.git] / tpl / default / picwall.html
diff --git a/tpl/default/picwall.html b/tpl/default/picwall.html

index 23796ac94e4eb200de71c02cfd54197ce357f4b6..ac613b35d56080bf0c4a0f303324871082d2e9d4 100644 (file)
--- a/tpl/default/picwall.html
+++ b/tpl/default/picwall.html
@@ -1,11 +1,20 @@
  <!DOCTYPE html>
-<html>
+<html{if="$language !== 'auto'"} lang="{$language}"{/if}>
  <head>
    {include="includes"}
  </head>
  <body>
  {include="page.header"}
  
+{if="count($linksToDisplay)===0 && $is_logged_in"}
+  <div class="pure-g pure-alert pure-alert-warning page-single-alert">
+    <div class="pure-u-1 center">
+      {'There is no cached thumbnail.'|t}
+      <a href="{$base_path}/admin/thumbnails">{'Try to synchronize them.'|t}</a>
+    </div>
+  </div>
+{/if}
+
  <div class="pure-g">
    <div class="pure-u-lg-1-6 pure-u-1-24"></div>
    <div class="pure-u-lg-2-3 pure-u-22-24 page-form page-visitor">
@@ -18,10 +27,14 @@
        {/loop}
      </div>
  
-    <div id="picwall_container">
+    <div id="picwall-container" class="picwall-container" role="list">
        {loop="$linksToDisplay"}
-        <div class="picwall_pictureframe">
-          {$value.thumbnail}<a href="{$value.real_url}"><span class="info">{$value.title}</span></a>
+        <div class="picwall-pictureframe" role="listitem">
+          {ignore}RainTPL hack: put the 2 src on two different line to avoid path replace bug{/ignore}
+          <img data-src="{$root_path}/{$value.thumbnail}#" class="b-lazy"
+               src=""
+               alt="" width="{$thumbnails_width}" height="{$thumbnails_height}" />
+          <a href="{$value.real_url}"><span class="info">{$value.title}</span></a>
            {loop="$value.picwall_plugin"}
              {$value}
            {/loop}
@@ -36,10 +49,11 @@
        {/loop}
      </div>
    </div>
+  <div class="pure-u-lg-1-6 pure-u-1-24"></div>
  </div>
  
  {include="page.footer"}
-<script src="js/picwall.min.js?v={$version_hash}"></script>
+<script src="{$asset_path}/js/thumbnails.min.js?v={$version_hash}#"></script>
  </body>
  </html>