Knah-Tsaeb/MyShaarli
Knah-Tsaeb/MyShaarli
1
0
Fork 0
Code Issues Pull requests Releases Wiki Activity
MyShaarli/tpl/linklist.html

118 lines
4.6 KiB
HTML
Raw Normal View History

Initial commit (version 0.0.40 beta)
2013-02-26 10:09:41 +01:00
<!DOCTYPE html>
<html>
Add awesomplete to tag search shaarli/Shaarli#49
2015-06-09 14:23:28 +02:00
<head>
<link type="text/css" rel="stylesheet" href="../inc/awesomplete.css" />
{include="includes"}
</head>
Initial commit (version 0.0.40 beta)
2013-02-26 10:09:41 +01:00
<body>
<div id="pageheader">
New QR-Code generation code * QR-Code generation now uses a client-side javascript library instead of an external service. This is better for user privacy. * Library used is http://neocotic.com/qr.js/ (11 kb). * jQuery is no longer used to display QR-Code (this is a first step in removing jQuery entirely). * This library is loaded *only* if the QR-Code icon is clicked. * If javascript is disabled, it will fallback to the external service. * External service was changed from "invx.com" to "qrfree.kaywa.com" because invx has become bloated. By loading the javascript library *only* if the icon is clicked, it will prevent the 11 kb lib to be loaded in every page.
2013-09-25 15:17:09 +02:00
{include="page.header"}
CSS: remove hardcoded style from templates Fixes shaarli/Shaarli#29 Style elements refactored as follows: - use existing ids and classes if possible, - else, define new ones and stick with the existing naming convention, - remove hardcoded style attributes from RainTPL templates. Exception: In tpl/tagcloud.html, the display size of each tag is computed at page generation. Signed-off-by: VirtualTam <virtualtam@flibidi.org>
2014-12-02 21:00:52 +01:00
<div id="headerform" class="search">
add tabindex 1/2 to search and tags fields
2015-06-23 15:32:45 +02:00
<form method="GET" class="searchform" name="searchform">
Fixes #360 - Auto-complete more than one tag in tag filter field * Group awesomplete for multi data in a single JS file. * Use it in editlink and linklist. * Move awesomplete JS lib at the end of page in editlink.
2015-11-13 20:24:12 +01:00
<input type="text" tabindex="1" id="searchform_value" name="searchterm" placeholder="Search text" value="">
<input type="submit" value="Search" class="bigbutton">
</form>
Add awesomplete to tag search shaarli/Shaarli#49
2015-06-09 14:23:28 +02:00
<form method="GET" class="tagfilter" name="tagfilter">
Fixes #360 - Auto-complete more than one tag in tag filter field * Group awesomplete for multi data in a single JS file. * Use it in editlink and linklist. * Move awesomplete JS lib at the end of page in editlink.
2015-11-13 20:24:12 +01:00
<input type="text" tabindex="2" name="searchtags" id="tagfilter_value" placeholder="Filter by tag" value=""
autocomplete="off" class="awesomplete" data-multiple data-minChars="1"
data-list="{loop="$tags"}{$key}, {/loop}">
Add awesomplete to tag search shaarli/Shaarli#49
2015-06-09 14:23:28 +02:00
<input type="submit" value="Search" class="bigbutton">
</form>
Template upgrade to handle plugin zones Add a bunch of plugin placeholders in templates
2015-07-15 11:47:12 +02:00
{loop="$plugins_header.fields_toolbar"}
{$value}
{/loop}
New QR-Code generation code * QR-Code generation now uses a client-side javascript library instead of an external service. This is better for user privacy. * Library used is http://neocotic.com/qr.js/ (11 kb). * jQuery is no longer used to display QR-Code (this is a first step in removing jQuery entirely). * This library is loaded *only* if the QR-Code icon is clicked. * If javascript is disabled, it will fallback to the external service. * External service was changed from "invx.com" to "qrfree.kaywa.com" because invx has become bloated. By loading the javascript library *only* if the icon is clicked, it will prevent the 11 kb lib to be loaded in every page.
2013-09-25 15:17:09 +02:00
</div>
Initial commit (version 0.0.40 beta)
2013-02-26 10:09:41 +01:00
</div>
<div id="linklist">
{include="linklist.paging"}
Template upgrade to handle plugin zones Add a bunch of plugin placeholders in templates
2015-07-15 11:47:12 +02:00
<div id="plugin_zone_start_linklist" class="plugin_zone">
{loop="$plugin_start_zone"}
{$value}
{/loop}
</div>
Initial commit (version 0.0.40 beta)
2013-02-26 10:09:41 +01:00
{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"}
Fixes #360 - Auto-complete more than one tag in tag filter field * Group awesomplete for multi data in a single JS file. * Use it in editlink and linklist. * Move awesomplete JS lib at the end of page in editlink.
2015-11-13 20:24:12 +01:00
<span class="linktag" title="Remove tag">
<a href="?removetag={$value}">{$value} <span class="remove">x</span></a>
</span>
Initial commit (version 0.0.40 beta)
2013-02-26 10:09:41 +01:00
{/loop}</i></div>
{/if}
{/if}
<ul>
{loop="links"}
<li{if="$value.class"} class="{$value.class}"{/if}>
Template upgrade to handle plugin zones Add a bunch of plugin placeholders in templates
2015-07-15 11:47:12 +02:00
<a id="{$value.shorturl}"></a>
Initial commit (version 0.0.40 beta)
2013-02-26 10:09:41 +01:00
<div class="thumbnail">{$value.url|thumbnail}</div>
<div class="linkcontainer">
{if="isLoggedIn()"}
Edit/delete button on the left-side of links. https://github.com/sebsauvage/Shaarli/issues/5
2013-02-27 17:46:45 +01:00
<div class="linkeditbuttons">
Fixes #360 - Auto-complete more than one tag in tag filter field * Group awesomplete for multi data in a single JS file. * Use it in editlink and linklist. * Move awesomplete JS lib at the end of page in editlink.
2015-11-13 20:24:12 +01:00
<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>
Edit/delete button on the left-side of links. https://github.com/sebsauvage/Shaarli/issues/5
2013-02-27 17:46:45 +01:00
</div>
Initial commit (version 0.0.40 beta)
2013-02-26 10:09:41 +01:00
{/if}
Working on shaarli/Shaarli#224 I reviewed character escaping everywhere with the following ideas: * use a single common function to escape user data: `escape` using `htmlspecialchars`. * sanitize fields in `index.php` after reading them from datastore and before sending them to templates. It means no escaping function in Twig templates. 2 reasons: * it reduces risks of security issue for future user made templates * more readable templates * sanitize user configuration fields after loading them.
2015-06-11 13:53:27 +02:00
<span class="linktitle"><a href="{$redirector}{$value.url}">{$value.title}</a></span>
Initial commit (version 0.0.40 beta)
2013-02-26 10:09:41 +01:00
<br>
CSS: remove hardcoded style from templates Fixes shaarli/Shaarli#29 Style elements refactored as follows: - use existing ids and classes if possible, - else, define new ones and stick with the existing naming convention, - remove hardcoded style attributes from RainTPL templates. Exception: In tpl/tagcloud.html, the display size of each tag is computed at page generation. Signed-off-by: VirtualTam <virtualtam@flibidi.org>
2014-12-02 21:00:52 +01:00
{if="$value.description"}<div class="linkdescription">{$value.description}</div>{/if}
Initial commit (version 0.0.40 beta)
2013-02-26 10:09:41 +01:00
{if="!$GLOBALS['config']['HIDE_TIMESTAMPS'] || isLoggedIn()"}
Define date format in templates instead of index.php.
2015-03-12 21:57:19 +01:00
<span class="linkdate" title="Permalink"><a href="?{$value.linkdate|smallHash}">{function="strftime('%c', $value.timestamp)"} - permalink</a> - </span>
Initial commit (version 0.0.40 beta)
2013-02-26 10:09:41 +01:00
{else}
Template upgrade to handle plugin zones Add a bunch of plugin placeholders in templates
2015-07-15 11:47:12 +02:00
<span class="linkdate" title="Short link here"><a href="?{$value.shorturl}">permalink</a> - </span>
Initial commit (version 0.0.40 beta)
2013-02-26 10:09:41 +01:00
{/if}
Template upgrade to handle plugin zones Add a bunch of plugin placeholders in templates
2015-07-15 11:47:12 +02:00
{loop="$value.link_plugin"}
<span>{$value}</span> -
{/loop}
Working on shaarli/Shaarli#224 I reviewed character escaping everywhere with the following ideas: * use a single common function to escape user data: `escape` using `htmlspecialchars`. * sanitize fields in `index.php` after reading them from datastore and before sending them to templates. It means no escaping function in Twig templates. 2 reasons: * it reduces risks of security issue for future user made templates * more readable templates * sanitize user configuration fields after loading them.
2015-06-11 13:53:27 +02:00
<a href="{$value.url}"><span class="linkurl" title="Short link">{$value.url}</span></a><br>
Initial commit (version 0.0.40 beta)
2013-02-26 10:09:41 +01:00
{if="$value.tags"}
<div class="linktaglist">
Working on shaarli/Shaarli#224 I reviewed character escaping everywhere with the following ideas: * use a single common function to escape user data: `escape` using `htmlspecialchars`. * sanitize fields in `index.php` after reading them from datastore and before sending them to templates. It means no escaping function in Twig templates. 2 reasons: * it reduces risks of security issue for future user made templates * more readable templates * sanitize user configuration fields after loading them.
2015-06-11 13:53:27 +02:00
{loop="value.taglist"}<span class="linktag" title="Add tag"><a href="?addtag={$value|urlencode}">{$value}</a></span> {/loop}
Initial commit (version 0.0.40 beta)
2013-02-26 10:09:41 +01:00
</div>
{/if}
Template upgrade to handle plugin zones Add a bunch of plugin placeholders in templates
2015-07-15 11:47:12 +02:00
Initial commit (version 0.0.40 beta)
2013-02-26 10:09:41 +01:00
</div>
</li>
{/loop}
</ul>
Template upgrade to handle plugin zones Add a bunch of plugin placeholders in templates
2015-07-15 11:47:12 +02:00
<div id="plugin_zone_end_linklist" class="plugin_zone">
{loop="$plugin_end_zone"}
{$value}
{/loop}
</div>
Initial commit (version 0.0.40 beta)
2013-02-26 10:09:41 +01:00
{include="linklist.paging"}
</div>
Added a link to the visible URL in the link list Corrected CSS to prevent a line from showing underneath Fixes https://github.com/shaarli/Shaarli/issues/53
2014-11-21 19:43:53 +01:00
{include="page.footer"}
New QR-Code generation code * QR-Code generation now uses a client-side javascript library instead of an external service. This is better for user privacy. * Library used is http://neocotic.com/qr.js/ (11 kb). * jQuery is no longer used to display QR-Code (this is a first step in removing jQuery entirely). * This library is loaded *only* if the QR-Code icon is clicked. * If javascript is disabled, it will fallback to the external service. * External service was changed from "invx.com" to "qrfree.kaywa.com" because invx has become bloated. By loading the javascript library *only* if the icon is clicked, it will prevent the 11 kb lib to be loaded in every page.
2013-09-25 15:17:09 +02:00
Add awesomplete to tag search shaarli/Shaarli#49
2015-06-09 14:23:28 +02:00
<script src="inc/awesomplete.min.js#"></script>
Fixes #360 - Auto-complete more than one tag in tag filter field * Group awesomplete for multi data in a single JS file. * Use it in editlink and linklist. * Move awesomplete JS lib at the end of page in editlink.
2015-11-13 20:24:12 +01:00
<script src="inc/awesomplete-multiple-tags.js#"></script>
<script>
awesompleteUniqueTag('#tagfilter_value');
</script>
Initial commit (version 0.0.40 beta)
2013-02-26 10:09:41 +01:00
</body>
New QR-Code generation code * QR-Code generation now uses a client-side javascript library instead of an external service. This is better for user privacy. * Library used is http://neocotic.com/qr.js/ (11 kb). * jQuery is no longer used to display QR-Code (this is a first step in removing jQuery entirely). * This library is loaded *only* if the QR-Code icon is clicked. * If javascript is disabled, it will fallback to the external service. * External service was changed from "invx.com" to "qrfree.kaywa.com" because invx has become bloated. By loading the javascript library *only* if the icon is clicked, it will prevent the 11 kb lib to be loaded in every page.
2013-09-25 15:17:09 +02:00
</html>
Reference in a new issue Copy permalink