[github/shaarli/Shaarli.git] / 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"
               {if="!empty($search_crits) && $search_type=='fulltext'"}
                    value="{$search_crits}"
               {/if}
            >
            <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"
                {if="!empty($search_crits) && $search_type=='tags'"}
                    value="{function="implode(' ', $search_crits)"}"
                {/if}
                autocomplete="off" class="awesomplete" data-multiple data-minChars="1"
                data-list="{loop="$tags"}{$key}, {/loop}"
            >
            <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={function="urlencode($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="{$value.real_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.real_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>
<script src="inc/awesomplete-multiple-tags.js#"></script>
<script>
    awesompleteUniqueTag('#tagfilter_value');
</script>
</body>
</html>
Commit	Line	Data
45034273 SS	1	<!DOCTYPE html>
45034273 SS	2	<html>
65d62517 A	3	<head>
	4	<link type="text/css" rel="stylesheet" href="../inc/awesomplete.css" />
	5	{include="includes"}
	6	</head>
45034273 SS	7	<body>
45034273 SS	8	<div id="pageheader">
af77b2fd	9	{include="page.header"}
822bffce	10
c133612f	11	<div id="headerform" class="search">
0923a2bc	12	<form method="GET" class="searchform" name="searchform">
822bffce A	13	<input type="text" tabindex="1" id="searchform_value" name="searchterm" placeholder="Search text"
	14	{if="!empty($search_crits) && $search_type=='fulltext'"}
	15	value="{$search_crits}"
	16	{/if}
	17	>
b39b1bc2 A	18	<input type="submit" value="Search" class="bigbutton">
b39b1bc2 A	19	</form>
65d62517	20	<form method="GET" class="tagfilter" name="tagfilter">
822bffce A	21	<input type="text" tabindex="2" name="searchtags" id="tagfilter_value" placeholder="Filter by tag"
	22	{if="!empty($search_crits) && $search_type=='tags'"}
	23	value="{function="implode(' ', $search_crits)"}"
	24	{/if}
	25	autocomplete="off" class="awesomplete" data-multiple data-minChars="1"
55d0a5c4	26	data-list="{loop="$tags"}{$key}, {/loop}"
822bffce	27	>
65d62517 A	28	<input type="submit" value="Search" class="bigbutton">
65d62517 A	29	</form>
567967fd A	30	{loop="$plugins_header.fields_toolbar"}
	31	{$value}
	32	{/loop}
af77b2fd	33	</div>
45034273 SS	34	</div>
	35
	36	<div id="linklist">
	37
	38	{include="linklist.paging"}
	39
567967fd A	40	<div id="plugin_zone_start_linklist" class="plugin_zone">
	41	{loop="$plugin_start_zone"}
	42	{$value}
	43	{/loop}
	44	</div>
	45
45034273 SS	46	{if="count($links)==0"}
	47	<div id="searchcriteria">Nothing found.</i></div>
	48	{else}
	49	{if="$search_type=='fulltext'"}
	50	<div id="searchcriteria">{$result_count} results for <i>{$search_crits}</i></div>
	51	{/if}
	52	{if="$search_type=='tags'"}
	53	<div id="searchcriteria">{$result_count} results for tags <i>
	54	{loop="search_crits"}
b39b1bc2	55	<span class="linktag" title="Remove tag">
eefb636c	56	<a href="?removetag={function="urlencode($value)"}">{$value} <span class="remove">x</span></a>
b39b1bc2	57	</span>
45034273 SS	58	{/loop}</i></div>
	59	{/if}
	60	{/if}
	61	<ul>
	62	{loop="links"}
	63	<li{if="$value.class"} class="{$value.class}"{/if}>
567967fd	64	<a id="{$value.shorturl}"></a>
45034273 SS	65	<div class="thumbnail">{$value.url\|thumbnail}</div>
45034273 SS	66	<div class="linkcontainer">
45034273	67	{if="isLoggedIn()"}
b2877611	68	<div class="linkeditbuttons">
b39b1bc2 A	69	<form method="GET" class="buttoneditform">
	70	<input type="hidden" name="edit_link" value="{$value.linkdate}">
	71	<input type="image" alt="Edit" src="images/edit_icon.png#" title="Edit" class="button_edit">
	72	</form><br>
	73	<form method="POST" class="buttoneditform">
	74	<input type="hidden" name="lf_linkdate" value="{$value.linkdate}">
	75	<input type="hidden" name="token" value="{$token}">
	76	<input type="hidden" name="delete_link">
	77	<input type="image" alt="Delete" src="images/delete_icon.png#" title="Delete"
	78	class="button_delete" onClick="return confirmDeleteLink();">
	79	</form>
b2877611	80	</div>
45034273	81	{/if}
90e5bd65 A	82	<span class="linktitle">
	83	<a href="{$value.real_url}">{$value.title}</a>
	84	</span>
45034273	85	<br>
c133612f	86	{if="$value.description"}<div class="linkdescription">{$value.description}</div>{/if}
45034273	87	{if="!$GLOBALS['config']['HIDE_TIMESTAMPS'] \|\| isLoggedIn()"}
bec18701	88	<span class="linkdate" title="Permalink"><a href="?{$value.linkdate\|smallHash}">{function="strftime('%c', $value.timestamp)"} - permalink</a> - </span>
45034273	89	{else}
567967fd	90	<span class="linkdate" title="Short link here"><a href="?{$value.shorturl}">permalink</a> - </span>
45034273	91	{/if}
567967fd A	92
	93	{loop="$value.link_plugin"}
	94	<span>{$value}</span> -
	95	{/loop}
	96
90e5bd65	97	<a href="{$value.real_url}"><span class="linkurl" title="Short link">{$value.url}</span></a><br>
45034273 SS	98	{if="$value.tags"}
45034273 SS	99	<div class="linktaglist">
5f85fcd8	100	{loop="value.taglist"}<span class="linktag" title="Add tag"><a href="?addtag={$value\|urlencode}">{$value}</a></span> {/loop}
45034273 SS	101	</div>
45034273 SS	102	{/if}
567967fd A	103
567967fd A	104
45034273 SS	105	</div>
	106	</li>
	107	{/loop}
	108	</ul>
	109
567967fd A	110	<div id="plugin_zone_end_linklist" class="plugin_zone">
	111	{loop="$plugin_end_zone"}
	112	{$value}
	113	{/loop}
	114	</div>
	115
45034273 SS	116	{include="linklist.paging"}
	117
	118	</div>
	119
d741c9fc	120	{include="page.footer"}
af77b2fd	121
65d62517	122	<script src="inc/awesomplete.min.js#"></script>
b39b1bc2 A	123	<script src="inc/awesomplete-multiple-tags.js#"></script>
	124	<script>
	125	awesompleteUniqueTag('#tagfilter_value');
	126	</script>
45034273	127	</body>
af77b2fd	128	</html>