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