diff options
| author | Seb Sauvage <sebsauvage@sebsauvage.net> | 2012-01-25 10:24:44 +0100 |
|---|---|---|
| committer | Emilien Klein <emilien@klein.st> | 2012-01-25 10:24:44 +0100 |
| commit | 51788ab8bacfe5fe951531ef545913ff6983f1b8 (patch) | |
| tree | 225b21a815893ed28588e6e3199f5a0020eccbe2 /tpl/linklist.html | |
| parent | c2f6c2680330ad40f80a4cfe68388ece8dd313ec (diff) | |
| download | Shaarli-51788ab8bacfe5fe951531ef545913ff6983f1b8.tar.gz Shaarli-51788ab8bacfe5fe951531ef545913ff6983f1b8.tar.zst Shaarli-51788ab8bacfe5fe951531ef545913ff6983f1b8.zip | |
Version 0.0.34 beta:
- Corrected: In link edition, you can now click the word “Private” to check the box.
- Corrected: Clicking a tag would not work properly if the tag contained special characters (like +).
- Corrected: Added proper jQuery licence (shame on me).
- Changed: Upgraded bundled versions of jQuery (1.7.1) and jQuery UI (1.8.17).
- Changed: Upgraded bundled version of RainTPL (2.7).
- Changed: Changed HTTPS detection code.
- Added: There is now a QR-Code of each permalink to easily open a link on your smartphone.
- Added: Protocols file: and apt: are now also converted to clickable links (patch by Francis Chavanon)
- Added: Thumbnail support for http://xkcd.com/ (patch by Emilien Klein). [r31]
- Added: Thumbnail support for http://pix.toile-libre.org/
- Added: Well I had some mercy for users with antique browsers (IE) which do not have support for gradients: I added a few background-color.
- Added: First version of the “Shaarli Daily”, a page showing all links of a specific day. By default, you see the links of the previous day. There is still work to do on this page (error checking, better navigation (calendar?), RSS feed, CSS for mobile and printing…)
Diffstat (limited to 'tpl/linklist.html')
| -rw-r--r-- | tpl/linklist.html | 20 |
1 files changed, 17 insertions, 3 deletions
diff --git a/tpl/linklist.html b/tpl/linklist.html index c7de5b87..70b9ff3a 100644 --- a/tpl/linklist.html +++ b/tpl/linklist.html | |||
| @@ -1,9 +1,10 @@ | |||
| 1 | <!DOCTYPE html> | ||
| 1 | <html> | 2 | <html> |
| 2 | <head>{include="includes"}</head> | 3 | <head>{include="includes"}</head> |
| 3 | <body> | 4 | <body> |
| 4 | <div id="pageheader"> | 5 | <div id="pageheader"> |
| 5 | {include="page.header"} | 6 | {include="page.header"} |
| 6 | <div id="headerform" style="width:100%; white-space:nowrap;";> | 7 | <div id="headerform" style="width:100%; white-space:nowrap;"> |
| 7 | <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> | 8 | <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> |
| 8 | <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> | 9 | <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> |
| 9 | </div> | 10 | </div> |
| @@ -28,7 +29,7 @@ | |||
| 28 | <li{if="$value.class"} class="{$value.class}"{/if}> | 29 | <li{if="$value.class"} class="{$value.class}"{/if}> |
| 29 | <div class="thumbnail">{$value.url|thumbnail}</div> | 30 | <div class="thumbnail">{$value.url|thumbnail}</div> |
| 30 | <div class="linkcontainer"> | 31 | <div class="linkcontainer"> |
| 31 | <span class="linktitle"><a href="{$redirector}{$value.url|htmlspecialchars}">{$value.title|htmlspecialchars}</a></span> | 32 | <span class="linktitle"><a href="{$redirector}{$value.url|urlencode}">{$value.title|htmlspecialchars}</a></span> |
| 32 | {if="isLoggedIn()"} | 33 | {if="isLoggedIn()"} |
| 33 | <form method="GET" class="buttoneditform"><input type="hidden" name="edit_link" value="{$value.linkdate}"><input type="image" alt="Edit" src="images/edit_icon.png#" title="Edit" class="button_edit"></form> | 34 | <form method="GET" class="buttoneditform"><input type="hidden" name="edit_link" value="{$value.linkdate}"><input type="image" alt="Edit" src="images/edit_icon.png#" title="Edit" class="button_edit"></form> |
| 34 | <form method="POST" class="buttoneditform"><input type="hidden" name="lf_linkdate" value="{$value.linkdate}"> | 35 | <form method="POST" class="buttoneditform"><input type="hidden" name="lf_linkdate" value="{$value.linkdate}"> |
| @@ -41,10 +42,11 @@ | |||
| 41 | {else} | 42 | {else} |
| 42 | <span class="linkdate" title="Short link here"><a href="?{$value.linkdate|smallHash}">permalink</a> - </span> | 43 | <span class="linkdate" title="Short link here"><a href="?{$value.linkdate|smallHash}">permalink</a> - </span> |
| 43 | {/if} | 44 | {/if} |
| 45 | <div style="position:relative;display:inline;"><a href="http://invx.com/code/qrcode/?code={$scripturl|urlencode}%2F{$value.linkdate|smallHash}&width=200&height=200" onclick="return false;" class="qrcode"><img src="images/qrcode.png#" width="13" height="13" title="QR-Code"></a></div> - | ||
| 44 | <span class="linkurl" title="Short link">{$value.url|htmlspecialchars}</span><br> | 46 | <span class="linkurl" title="Short link">{$value.url|htmlspecialchars}</span><br> |
| 45 | {if="$value.tags"} | 47 | {if="$value.tags"} |
| 46 | <div class="linktaglist"> | 48 | <div class="linktaglist"> |
| 47 | {loop="value.taglist"}<span class="linktag" title="Add tag"><a href="?addtag={$value|htmlspecialchars}">{$value|htmlspecialchars}</a></span> {/loop} | 49 | {loop="value.taglist"}<span class="linktag" title="Add tag"><a href="?addtag={$value|urlencode}">{$value|htmlspecialchars}</a></span> {/loop} |
| 48 | </div> | 50 | </div> |
| 49 | {/if} | 51 | {/if} |
| 50 | </div> | 52 | </div> |
| @@ -57,5 +59,17 @@ | |||
| 57 | </div> | 59 | </div> |
| 58 | 60 | ||
| 59 | {include="page.footer"} | 61 | {include="page.footer"} |
| 62 | <script> | ||
| 63 | $('a.qrcode').click(function(){ | ||
| 64 | hide_qrcode(); | ||
| 65 | var link = $(this).attr('href'); | ||
| 66 | $(this).after('<div class="qrcode" onclick="hide_qrcode();return false;"><img src="'+link+'#" width="200" height="200"><br>click to close</div>'); | ||
| 67 | }); | ||
| 68 | |||
| 69 | function hide_qrcode() | ||
| 70 | { | ||
| 71 | $('div.qrcode').remove(); | ||
| 72 | } | ||
| 73 | </script> | ||
| 60 | </body> | 74 | </body> |
| 61 | </html> \ No newline at end of file | 75 | </html> \ No newline at end of file |