Version 0.0.37 beta

- Added: Basic CSS for mobiles, which makes Shaarli much more usable on mobile devices.
- Added: Picture wall no more instantly kills your browser. Now it uses lazy image loading [0]: The picture are loaded only as you scroll the page. This will reduce browser memory usage (especially on mobile devices) and will reduce server load. If you have javascript disabled, the page will still work as before (all images loaded at once).
- Added: RSS feed for the “Daily” page. 1 RSS entry per day, with all links of that day. RSS feed provides the last 7 days (only non-empty days are returned).
- Added: In link list, added an icon to see only private links. Click to toggle (only private / all).

[0] http://www.appelsiini.net/projects/lazyload

1 files changed, 9 insertions, 11 deletions

diff --git a/tpl/linklist.html b/tpl/linklist.html
index dc5b5398..1067d6fc 100644
--- a/tpl/linklist.html
+++ b/tpl/linklist.html
@@ -5,8 +5,8 @@
 <div id="pageheader">
         {include="page.header"}
         <div id="headerform" style="width:100%; white-space:nowrap;">
-            <form method="GET" class="searchform" name="searchform" style="display:inline;"><input type="text" name="searchterm" style="width:30%" value=""> <input type="submit" value="Search" class="bigbutton"></form>
-            <form method="GET" class="tagfilter" name="tagfilter" style="display:inline;margin-left:24px;"><input type="text" name="searchtags" id="searchtags" style="width:10%" value=""> <input type="submit" value="Filter by tag" class="bigbutton"></form>
+            <form method="GET" class="searchform" name="searchform" style="display:inline;"><input type="text" id="searchform_value" name="searchterm" style="width:30%" value=""> <input type="submit" value="Search" class="bigbutton"></form>
+            <form method="GET" class="tagfilter" name="tagfilter" style="display:inline;margin-left:24px;"><input type="text" name="searchtags" id="tagfilter_value" style="width:10%" value=""> <input type="submit" value="Filter by tag" class="bigbutton"></form>
         </div>
 </div>
 
@@ -60,16 +60,14 @@
 
     {include="page.footer"}
 <script>
-$('a.qrcode').click(function(){
-  hide_qrcode();
-  var link = $(this).attr('href');
-  $(this).after('<div class="qrcode" onclick="hide_qrcode();return false;"><img src="'+link+'#" width="200" height="200"><br>click to close</div>');
+$(document).ready(function() {
+        $('a.qrcode').click(function(){
+          hide_qrcode();
+          var link = $(this).attr('href');
+          $(this).after('<div class="qrcode" onclick="hide_qrcode();return false;"><img src="'+link+'#" width="200" height="200"><br>click to close</div>');
+        });
 });
-
-function hide_qrcode()
-{
-    $('div.qrcode').remove();
-}
+function hide_qrcode() { $('div.qrcode').remove(); }
 </script>
 </body>
 </html>
\ No newline at end of file