[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_term)"}
                    value="{$search_term}"
               {/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_tags)"}
                    value="{$search_tags}"
                {/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"}
            <form
                {loop="$value"}
                    {if="$key!='inputs'"}
                        {$key}="{$value}"
                    {/if}
                {/loop}>
                {loop="$value.inputs"}
                    <input
                    {loop="$value"}
                        {$key}="{$value}"
                    {/loop}>
                {/loop}
            </form>
        {/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.</div>
    {elseif="!empty($search_term) or !empty($search_tags)"}
        <div id="searchcriteria">
            {$result_count} results
            {if="!empty($search_term)"}
                for <em>{$search_term}</em>
            {/if}
            {if="!empty($search_tags)"}
                {$exploded_tags=explode(' ', $search_tags)}
                tagged
                {loop="$exploded_tags"}
                    <span class="linktag" title="Remove tag">
                        <a href="?removetag={function="urlencode($value)"}">{$value} <span class="remove">x</span></a>
                    </span>
                {/loop}
            {/if}
        </div>
    {/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="!$hide_timestamps || isLoggedIn()"}
                    {$updated=$value.updated_timestamp ? 'Edited: '. strftime('%c', $value.updated_timestamp) : 'Permalink'}
                    <span class="linkdate" title="Permalink">
                        <a href="?{$value.linkdate|smallHash}">
                            <span title="{$updated}">
                                {function="strftime('%c', $value.timestamp)"}
                                {if="$value.updated_timestamp"}*{/if}
                            </span>
                            - 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	13	<input type="text" tabindex="1" id="searchform_value" name="searchterm" placeholder="Search text"
c51fae92 A	14	{if="!empty($search_term)"}
c51fae92 A	15	value="{$search_term}"
822bffce A	16	{/if}
822bffce A	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	21	<input type="text" tabindex="2" name="searchtags" id="tagfilter_value" placeholder="Filter by tag"
c51fae92 A	22	{if="!empty($search_tags)"}
c51fae92 A	23	value="{$search_tags}"
822bffce A	24	{/if}
822bffce A	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	30	{loop="$plugins_header.fields_toolbar"}
c8f0a06d A	31	<form
	32	{loop="$value"}
	33	{if="$key!='inputs'"}
	34	{$key}="{$value}"
	35	{/if}
	36	{/loop}>
	37	{loop="$value.inputs"}
	38	<input
	39	{loop="$value"}
	40	{$key}="{$value}"
	41	{/loop}>
	42	{/loop}
	43	</form>
567967fd	44	{/loop}
af77b2fd	45	</div>
45034273 SS	46	</div>
	47
	48	<div id="linklist">
	49
	50	{include="linklist.paging"}
	51
567967fd A	52	<div id="plugin_zone_start_linklist" class="plugin_zone">
	53	{loop="$plugin_start_zone"}
	54	{$value}
	55	{/loop}
	56	</div>
	57
45034273	58	{if="count($links)==0"}
c51fae92 A	59	<div id="searchcriteria">Nothing found.</div>
	60	{elseif="!empty($search_term) or !empty($search_tags)"}
	61	<div id="searchcriteria">
	62	{$result_count} results
	63	{if="!empty($search_term)"}
	64	for <em>{$search_term}</em>
	65	{/if}
	66	{if="!empty($search_tags)"}
	67	{$exploded_tags=explode(' ', $search_tags)}
	68	tagged
	69	{loop="$exploded_tags"}
	70	<span class="linktag" title="Remove tag">
	71	<a href="?removetag={function="urlencode($value)"}">{$value} <span class="remove">x</span></a>
	72	</span>
	73	{/loop}
	74	{/if}
	75	</div>
45034273 SS	76	{/if}
45034273 SS	77	<ul>
4e4479dd	78	{loop="$links"}
45034273	79	<li{if="$value.class"} class="{$value.class}"{/if}>
567967fd	80	<a id="{$value.shorturl}"></a>
45034273 SS	81	<div class="thumbnail">{$value.url\|thumbnail}</div>
45034273 SS	82	<div class="linkcontainer">
45034273	83	{if="isLoggedIn()"}
b2877611	84	<div class="linkeditbuttons">
b39b1bc2 A	85	<form method="GET" class="buttoneditform">
	86	<input type="hidden" name="edit_link" value="{$value.linkdate}">
	87	<input type="image" alt="Edit" src="images/edit_icon.png#" title="Edit" class="button_edit">
	88	</form><br>
	89	<form method="POST" class="buttoneditform">
	90	<input type="hidden" name="lf_linkdate" value="{$value.linkdate}">
	91	<input type="hidden" name="token" value="{$token}">
	92	<input type="hidden" name="delete_link">
	93	<input type="image" alt="Delete" src="images/delete_icon.png#" title="Delete"
	94	class="button_delete" onClick="return confirmDeleteLink();">
	95	</form>
b2877611	96	</div>
45034273	97	{/if}
90e5bd65 A	98	<span class="linktitle">
	99	<a href="{$value.real_url}">{$value.title}</a>
	100	</span>
45034273	101	<br>
c133612f	102	{if="$value.description"}<div class="linkdescription">{$value.description}</div>{/if}
b74b96bf	103	{if="!$hide_timestamps \|\| isLoggedIn()"}
6cae3228 A	104	{$updated=$value.updated_timestamp ? 'Edited: '. strftime('%c', $value.updated_timestamp) : 'Permalink'}
	105	<span class="linkdate" title="Permalink">
	106	<a href="?{$value.linkdate\|smallHash}">
	107	<span title="{$updated}">
	108	{function="strftime('%c', $value.timestamp)"}
	109	{if="$value.updated_timestamp"}*{/if}
	110	</span>
	111	- permalink
	112	</a> -
	113	</span>
45034273	114	{else}
567967fd	115	<span class="linkdate" title="Short link here"><a href="?{$value.shorturl}">permalink</a> - </span>
45034273	116	{/if}
567967fd A	117
	118	{loop="$value.link_plugin"}
	119	<span>{$value}</span> -
	120	{/loop}
	121
90e5bd65	122	<a href="{$value.real_url}"><span class="linkurl" title="Short link">{$value.url}</span></a><br>
45034273 SS	123	{if="$value.tags"}
45034273 SS	124	<div class="linktaglist">
4e4479dd	125	{loop="$value.taglist"}<span class="linktag" title="Add tag"><a href="?addtag={$value\|urlencode}">{$value}</a></span> {/loop}
45034273 SS	126	</div>
45034273 SS	127	{/if}
567967fd A	128
567967fd A	129
45034273 SS	130	</div>
	131	</li>
	132	{/loop}
	133	</ul>
	134
567967fd A	135	<div id="plugin_zone_end_linklist" class="plugin_zone">
	136	{loop="$plugin_end_zone"}
	137	{$value}
	138	{/loop}
	139	</div>
	140
45034273 SS	141	{include="linklist.paging"}
	142
	143	</div>
	144
d741c9fc	145	{include="page.footer"}
af77b2fd	146
65d62517	147	<script src="inc/awesomplete.min.js#"></script>
b39b1bc2 A	148	<script src="inc/awesomplete-multiple-tags.js#"></script>
	149	<script>
	150	awesompleteUniqueTag('#tagfilter_value');
	151	</script>
45034273	152	</body>
af77b2fd	153	</html>