2013-02-26 10:09:41 +01:00
<!DOCTYPE html>
< html >
< head > {include="includes"}< / head >
< body >
< div id = "pageheader" >
2013-09-27 09:38:01 +02:00
{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" 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 >
2013-02-26 10:09:41 +01:00
< / div >
< div id = "linklist" >
{include="linklist.paging"}
{if="count($links)==0"}
< div id = "searchcriteria" > Nothing found.< / i > < / div >
{else}
{if="$search_type=='fulltext'"}
< div id = "searchcriteria" > {$result_count} results for < i > {$search_crits}< / i > < / div >
{/if}
{if="$search_type=='tags'"}
< div id = "searchcriteria" > {$result_count} results for tags < i >
{loop="search_crits"}
< span class = "linktag" title = "Remove tag" > < a href = "?removetag={$value|htmlspecialchars}" > {$value|htmlspecialchars} < span style = "border-left:1px solid #aaa; padding-left:5px; color:#6767A7;" > x< / span > < / a > < / span >
{/loop}< / i > < / div >
{/if}
{/if}
< ul >
{loop="links"}
< li { if = "$value.class" } class = "{$value.class}" { / if } >
2013-02-27 18:24:07 +01:00
< a name = "{$value.linkdate|smallHash}" id = "{$value.linkdate|smallHash}" > < / a >
2013-02-26 10:09:41 +01:00
< div class = "thumbnail" > {$value.url|thumbnail}< / div >
< div class = "linkcontainer" >
{if="isLoggedIn()"}
2013-02-27 17:46:45 +01:00
< div class = "linkeditbuttons" >
< 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 > < br >
< form method = "POST" class = "buttoneditform" > < input type = "hidden" name = "lf_linkdate" value = "{$value.linkdate}" >
< input type = "hidden" name = "token" value = "{$token}" > < input type = "hidden" name = "delete_link" > < input type = "image" alt = "Delete" src = "images/delete_icon.png#" title = "Delete" class = "button_delete" onClick = "return confirmDeleteLink();" > < / form >
< / div >
2013-02-26 10:09:41 +01:00
{/if}
2015-01-29 16:59:59 +01:00
< span class = "linktitle" > {function="returnFavicon($value.url)"}< a href = "{$redirector}{$value.url|htmlspecialchars}" > {$value.title|htmlspecialchars}< / a > < / span >
2013-02-26 10:09:41 +01:00
< br >
{if="$value.description"}< div class = "linkdescription" { if condition = "$search_type=='permalink'" } style = "max-height:none !important;" { / if } > {$value.description}< / div > {/if}
{if="!$GLOBALS['config']['HIDE_TIMESTAMPS'] || isLoggedIn()"}
< span class = "linkdate" title = "Permalink" > < a href = "?{$value.linkdate|smallHash}" > {$value.localdate|htmlspecialchars} - permalink< / a > - < / span >
{else}
< span class = "linkdate" title = "Short link here" > < a href = "?{$value.linkdate|smallHash}" > permalink< / a > - < / span >
{/if}
2015-01-29 16:59:59 +01:00
< div style = "position:relative;display:inline;" > < a href = "http://qrfree.kaywa.com/?l=1&s=8&d={$scripturl|urlencode}%3F{$value.linkdate|smallHash}"
onclick="showQrCode(this); return false;" class="qrcode" data-permalink="{$scripturl}?{$value.linkdate|smallHash}">< img src = "images/qrcode.png#" width = "13" height = "13" title = "QR-Code" > < / a > < / div > -
2013-02-26 10:09:41 +01:00
< span class = "linkurl" title = "Short link" > {$value.url|htmlspecialchars}< / span > < br >
{if="$value.tags"}
< div class = "linktaglist" >
{loop="value.taglist"}< span class = "linktag" title = "Add tag" > < a href = "?addtag={$value|urlencode}" > {$value|htmlspecialchars}< / a > < / span > {/loop}
< / div >
{/if}
< / div >
< / li >
{/loop}
< / ul >
{include="linklist.paging"}
< / div >
2015-01-29 16:59:59 +01:00
{include="page.footer"}
2013-09-27 09:38:01 +02:00
< script language = "JavaScript" >
// Remove any displayed QR-Code
function remove_qrcode()
2015-01-29 16:59:59 +01:00
{
2013-09-27 09:38:01 +02:00
var elem = document.getElementById("permalinkQrcode");
if (elem) elem.parentNode.removeChild(elem);
return false;
}
// Show the QR-Code of a permalink (when the QR-Code icon is clicked).
function showQrCode(caller,loading=false)
2015-01-29 16:59:59 +01:00
{
2013-09-27 09:38:01 +02:00
// Dynamic javascript lib loading: We only load qr.js if the QR code icon is clicked:
if (typeof(qr)=='undefined') // Load qr.js only if not present.
{
if (!loading) // If javascript lib is still loading, do not append script to body.
{
var element = document.createElement("script");
element.src = "inc/qr.min.js";
document.body.appendChild(element);
}
setTimeout(function() { showQrCode(caller,true);}, 200); // Retry in 200 milliseconds.
return false;
}
// Remove previous qrcode if present.
remove_qrcode();
2015-01-29 16:59:59 +01:00
2013-09-27 09:38:01 +02:00
// Build the div which contains the QR-Code:
var element = document.createElement('div');
element.id="permalinkQrcode";
// Make QR-Code div commit sepuku when clicked:
if ( element.attachEvent ){ element.attachEvent('onclick', 'this.parentNode.removeChild(this);' ); } // Damn IE
else { element.setAttribute('onclick', 'this.parentNode.removeChild(this);' ); }
2015-01-29 16:59:59 +01:00
2013-09-27 09:38:01 +02:00
// Build the QR-Code:
var image = qr.image({size: 8,value: caller.dataset.permalink});
if (image)
2015-01-29 16:59:59 +01:00
{
2013-09-27 09:38:01 +02:00
element.appendChild(image);
element.innerHTML+= "< br > Click to close";
caller.parentNode.appendChild(element);
}
else
{
element.innerHTML="Your browser does not seem to be HTML5 compatible.";
}
return false;
}
2013-02-26 10:09:41 +01:00
< / script >
< / body >
2013-09-27 09:38:01 +02:00
< / html >
