tpl/default/linklist.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4   {include="includes"}
   5 </head>
   6 <body>
   7 {include="page.header"}
   8
   9 <div class="linkcount pure-u-0 pure-u-lg-visible">
  10   {if="!empty($linkcount)"}
  11   <span class="strong">{$linkcount}</span> {function="t('shaare', 'shaares', $linkcount)"}
  12   {if="$privateLinkcount>0"}
  13   <br><span class="strong">{$privateLinkcount}</span> {function="t('private link', 'private links', $privateLinkcount)"}
  14   {/if}
  15   {/if}
  16 </div>
  17
  18 <input type="hidden" name="token" value="{$token}">
  19
  20 <div id="search-linklist">
  21
  22   <div class="pure-g">
  23     <div class="pure-u-1 pure-u-lg-1-2">
  24       <form method="GET" class="searchform" name="searchform">
  25         <input type="text" tabindex="1" name="searchterm" placeholder="{'Search text'|t}"
  26                {if="!empty($search_term)"}
  27                value="{$search_term}"
  28                {/if}
  29         >
  30         <button type="submit" class="search-button"><i class="fa fa-search"></i></button>
  31       </form>
  32     </div>
  33     <div class="pure-u-1 pure-u-lg-1-2">
  34       <form method="GET" class="tagfilter" name="tagfilter">
  35         <input type="text" tabindex="2" name="searchtags" placeholder="{'Filter by tag'|t}"
  36                {if="!empty($search_tags)"}
  37                value="{$search_tags}"
  38                {/if}
  39         autocomplete="off" data-multiple data-autofirst data-minChars="1"
  40         data-list="{loop="$tags"}{$key}, {/loop}"
  41         >
  42         <button type="submit" class="search-button"><i class="fa fa-search"></i></button>
  43       </form>
  44     </div>
  45   </div>
  46 </div>
  47
  48 {loop="$plugins_header.fields_toolbar"}
  49   <form
  50     {loop="$value.attr"}
  51       {$key}="{$value}"
  52     {/loop}>
  53     <div class="toolbar-plugin pure-u-lg-1">
  54       {loop="$value.inputs"}
  55         <input
  56           {loop="$value"}
  57           {$key}="{$value}"
  58           {/loop}>
  59       {/loop}
  60     </div>
  61   </form>
  62 {/loop}
  63
  64 <div id="linklist">
  65   <div class="pure-g">
  66     <div class="pure-u-lg-2-24 pure-u-1-24"></div>
  67     <div class="pure-u-lg-20-24 pure-u-22-24">
  68       <div class="linkcount pure-u-lg-0 center">
  69         {if="!empty($linkcount)"}
  70         <span class="strong">{$linkcount}</span> {function="t('shaare', 'shaares', $linkcount)"}
  71         {if="$privateLinkcount>0"}
  72         &middot; <span class="strong">{$privateLinkcount}</span> {function="t('private link', 'private links', $privateLinkcount)"}
  73         {/if}
  74         {/if}
  75       </div>
  76
  77       {include="linklist.paging"}
  78
  79       <div id="plugin_zone_start_linklist" class="plugin_zone">
  80         {loop="$plugin_start_zone"}
  81           {$value}
  82         {/loop}
  83       </div>
  84     </div>
  85   </div>
  86
  87   {if="count($links)==0"}
  88     <div class="pure-g pure-alert pure-alert-error search-result">
  89       <div class="pure-u-2-24"></div>
  90       <div class="pure-u-20-24">
  91         <div id="searchcriteria">{'Nothing found.'|t}</div>
  92       </div>
  93     </div>
  94   {elseif="!empty($search_term) or $search_tags !== '' or !empty($visibility)"}
  95     <div class="pure-g pure-alert pure-alert-success search-result">
  96       <div class="pure-u-2-24"></div>
  97       <div class="pure-u-20-24">
  98         {function="t('%s result', '%s results', $result_count)"}
  99         {if="!empty($search_term)"}
 100           {'for'|t} <em><strong>{$search_term}</strong></em>
 101         {/if}
 102         {if="!empty($search_tags)"}
 103           {$exploded_tags=explode(' ', $search_tags)}
 104           {'tagged'|t}
 105           {loop="$exploded_tags"}
 106               <span class="label label-tag" title="{'Remove tag'|t}">
 107                 <a href="?removetag={function="urlencode($value)"}">{$value}<span class="remove"><i class="fa fa-times"></i></span></a>
 108               </span>
 109           {/loop}
 110         {elseif="$search_tags === false"}
 111           <span class="label label-tag" title="{'Remove tag'|t}">
 112             <a href="?">{'untagged'|t}<span class="remove"><i class="fa fa-times"></i></span></a>
 113           </span>
 114         {/if}
 115         {if="!empty($visibility)"}
 116           {'with status'|t}
 117           <span class="label label-private">
 118             {$visibility|t}
 119           </span>
 120         {/if}
 121       </div>
 122     </div>
 123   {/if}
 124
 125   <div class="pure-g">
 126     <div class="pure-u-lg-2-24 pure-u-1-24"></div>
 127     <div class="pure-u-lg-20-24 pure-u-22-24">
 128       {loop="links"}
 129         <div class="anchor" id="{$value.shorturl}"></div>
 130         <div class="linklist-item linklist-item{if="$value.class"} {$value.class}{/if}" data-id="{$value.id}">
 131
 132           <div class="linklist-item-title">
 133             {if="isLoggedIn()"}
 134               <div class="linklist-item-editbuttons">
 135                 {if="$value.private"}
 136                   <span class="label label-private">{'Private'|t}</span>
 137                 {/if}
 138                 <input type="checkbox" class="delete-checkbox" value="{$value.id}">
 139                 <!-- FIXME! JS translation -->
 140                 <a href="?edit_link={$value.id}" title="{'Edit'|t}"><i class="fa fa-pencil-square-o edit-link"></i></a>
 141                 <a href="#" title="{'Fold'|t}" class="fold-button"><i class="fa fa-chevron-up"></i></a>
 142               </div>
 143             {/if}
 144
 145             <h2>
 146               <a href="{$value.real_url}">
 147                 {if="strpos($value.url, $value.shorturl) === false"}
 148                   <i class="fa fa-external-link"></i>
 149                 {else}
 150                   <i class="fa fa-sticky-note"></i>
 151                 {/if}
 152
 153                 <span class="linklist-link">{$value.title}</span>
 154               </a>
 155             </h2>
 156           </div>
 157
 158           {$thumb=thumbnail($value.url)}
 159           {if="$thumb!=false"}
 160             <div class="linklist-item-thumbnail">{$thumb}</div>
 161           {/if}
 162
 163           {if="$value.description"}
 164             <div class="linklist-item-description">
 165               {$value.description}
 166             </div>
 167           {/if}
 168
 169           <div class="linklist-item-infos clear">
 170             {if="$value.tags"}
 171               <div class="linklist-item-tags">
 172                 <i class="fa fa-tags"></i>
 173                 {$tag_counter=count($value.taglist)}
 174                 {loop="value.taglist"}
 175                   <span class="label label-tag" title="Add tag">
 176                     <a href="?addtag={$value|urlencode}">{$value}</a>
 177                   </span>
 178                   {if="$tag_counter - 1 != $counter"}&middot;{/if}
 179                 {/loop}
 180               </div>
 181             {/if}
 182
 183             <div class="pure-g">
 184               <div class="linklist-item-infos-dateblock pure-u-lg-3-8 pure-u-1">
 185                 <a href="?{$value.shorturl}" title="{'Permalink'|t}">
 186                   {if="!$hide_timestamps || isLoggedIn()"}
 187                     {$updated=$value.updated_timestamp ? 'Edited: '. format_date($value.updated) : 'Permalink'}
 188                     <span class="linkdate" title="{$updated}">
 189                       <i class="fa fa-clock-o"></i>
 190                       {$value.created|format_date}
 191                       {if="$value.updated_timestamp"}*{/if}
 192                       &middot;
 193                     </span>
 194                   {/if}
 195                   {'permalink'|t}
 196                 </a>
 197
 198                 <div class="pure-u-0 pure-u-lg-visible">
 199                   {if="isset($value.link_plugin)"}
 200                     &middot;
 201                     {$link_plugin_counter=count($value.link_plugin)}
 202                     {loop="$value.link_plugin"}
 203                       {$value}
 204                       {if="$link_plugin_counter - 1 != $counter"}&middot;{/if}
 205                     {/loop}
 206                   {/if}
 207                 </div>
 208               </div><div
 209                 {ignore}do not add space or line break between these div - Firefox issue{/ignore}
 210                 class="linklist-item-infos-url pure-u-lg-5-8 pure-u-1">
 211                 <a href="{$value.real_url}" title="{$value.title}">
 212                   <i class="fa fa-link"></i> {$value.url}
 213                 </a>
 214                 {if="isLoggedIn()"}
 215                   <a href="?delete_link&amp;lf_linkdate={$value.id}&amp;token={$token}"
 216                      title="{'Delete'|t}" class="delete-link pure-u-0 pure-u-lg-visible confirm-delete">
 217                     <i class="fa fa-trash"></i>
 218                   </a>
 219                 {/if}
 220               </div>
 221               <div class="mobile-buttons pure-u-1 pure-u-lg-0">
 222                 {if="isset($value.link_plugin)"}
 223                   {$link_plugin_counter=count($value.link_plugin)}
 224                   {loop="$value.link_plugin"}
 225                     {$value}
 226                     {if="$link_plugin_counter - 1 != $counter"}&middot;{/if}
 227                   {/loop}
 228                 {/if}
 229                 {if="isLoggedIn()"}
 230                   &middot;
 231                   <a href="?delete_link&amp;lf_linkdate={$value.id}&amp;token={$token}"
 232                      title="{'Delete'|t}" class="delete-link confirm-delete">
 233                     <i class="fa fa-trash"></i>
 234                   </a>
 235                 {/if}
 236               </div>
 237             </div>
 238           </div>
 239         </div>
 240       {/loop}
 241     </div>
 242   </div>
 243 </div>
 244
 245   <div id="plugin_zone_end_linklist" class="plugin_zone">
 246     {loop="$plugin_end_zone"}
 247     {$value}
 248     {/loop}
 249   </div>
 250
 251 <div class="pure-g">
 252   <div class="pure-u-lg-2-24 pure-u-1-24"></div>
 253   <div class="pure-u-lg-20-24 pure-u-22-24">
 254     {include="linklist.paging"}
 255   </div>
 256 </div>
 257
 258 {include="page.footer"}
 259 </body>
 260 </html>