MyShaarli/tpl/linklist.html

<!DOCTYPE html>
<html>
<head>
    <link type="text/css" rel="stylesheet" href="../inc/awesomplete.css" />
    {include="includes"}
</head>
<body>
<div id="pageheader">
    {include="page.header"}
    <div id="headerform" class="search">
        <form method="GET" class="searchform" name="searchform">
            <input type="text" tabindex="1" id="searchform_value" name="searchterm" placeholder="Search text" value=""> <input type="submit" value="Search" class="bigbutton"></form>
        <form method="GET" class="tagfilter" name="tagfilter">
            <input type="text" tabindex="2" name="searchtags" id="tagfilter_value" placeholder="Filter by tag" value="" list="tagsList" autocomplete="off" class="awesomplete" data-minChars="1">
            <datalist id="tagsList">
                {loop="$tags"}<option>{$key}</option>{/loop}
            </datalist>
            <input type="submit" value="Search" class="bigbutton">
        </form>
        {loop="$plugins_header.fields_toolbar"}
            {$value}
        {/loop}
    </div>
</div>

<div id="linklist">

    {include="linklist.paging"}

    <div id="plugin_zone_start_linklist" class="plugin_zone">
        {loop="$plugin_start_zone"}
            {$value}
        {/loop}
    </div>

    {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}">{$value} <span class="remove">x</span></a></span>
            {/loop}</i></div>
        {/if}
    {/if}
    <ul>
        {loop="links"}
        <li{if="$value.class"} class="{$value.class}"{/if}>
            <a id="{$value.shorturl}"></a>
            <div class="thumbnail">{$value.url|thumbnail}</div>
            <div class="linkcontainer">
                {if="isLoggedIn()"}
                    <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>
                {/if}
                <span class="linktitle"><a href="{$redirector}{$value.url}">{$value.title}</a></span>
                <br>
                {if="$value.description"}<div class="linkdescription">{$value.description}</div>{/if}
                {if="!$GLOBALS['config']['HIDE_TIMESTAMPS'] || isLoggedIn()"}
                    <span class="linkdate" title="Permalink"><a href="?{$value.linkdate|smallHash}">{function="strftime('%c', $value.timestamp)"} - permalink</a> - </span>
                {else}
                    <span class="linkdate" title="Short link here"><a href="?{$value.shorturl}">permalink</a> - </span>
                {/if}

                {loop="$value.link_plugin"}
                    <span>{$value}</span> -
                {/loop}

                <a href="{$value.url}"><span class="linkurl" title="Short link">{$value.url}</span></a><br>
                {if="$value.tags"}
                    <div class="linktaglist">
                    {loop="value.taglist"}<span class="linktag" title="Add tag"><a href="?addtag={$value|urlencode}">{$value}</a></span> {/loop}
                    </div>
                {/if}


            </div>
        </li>
    {/loop}
    </ul>

    <div id="plugin_zone_end_linklist" class="plugin_zone">
        {loop="$plugin_end_zone"}
            {$value}
        {/loop}
    </div>

    {include="linklist.paging"}

</div>

    {include="page.footer"}

<script src="inc/awesomplete.min.js#"></script>
</body>
</html>
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">`
			`<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">`
add tabindex 1/2 to search and tags fields 2015-06-23 15:32:45 +02:00			`<input type="text" tabindex="2" name="searchtags" id="tagfilter_value" placeholder="Filter by tag" value="" list="tagsList" autocomplete="off" class="awesomplete" data-minChars="1">`
Add awesomplete to tag search shaarli/Shaarli#49 2015-06-09 14:23:28 +02:00			`<datalist id="tagsList">`
			`{loop="$tags"}<option>{$key}</option>{/loop}`
			`</datalist>`
			`<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"}`
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="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">`
			`<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>`
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>`
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>`