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 !empty($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         {/if}
 111         {if="!empty($visibility)"}
 112           {'with status'|t}
 113           <span class="label label-private">
 114             {$visibility|t}
 115           </span>
 116         {/if}
 117       </div>
 118     </div>
 119   {/if}
 120
 121   <div class="pure-g">
 122     <div class="pure-u-lg-2-24 pure-u-1-24"></div>
 123     <div class="pure-u-lg-20-24 pure-u-22-24">
 124       {loop="links"}
 125         <div class="anchor" id="{$value.shorturl}"></div>
 126         <div class="linklist-item linklist-item{if="$value.class"} {$value.class}{/if}" data-id="{$value.id}">
 127
 128           <div class="linklist-item-title">
 129             {if="isLoggedIn()"}
 130               <div class="linklist-item-editbuttons">
 131                 {if="$value.private"}
 132                   <span class="label label-private">{'Private'|t}</span>
 133                 {/if}
 134                 <input type="checkbox" class="delete-checkbox" value="{$value.id}">
 135                 <!-- FIXME! JS translation -->
 136                 <a href="?edit_link={$value.id}" title="{'Edit'|t}"><i class="fa fa-pencil-square-o edit-link"></i></a>
 137                 <a href="#" title="{'Fold'|t}" class="fold-button"><i class="fa fa-chevron-up"></i></a>
 138               </div>
 139             {/if}
 140
 141             <h2>
 142               <a href="{$value.real_url}">
 143                 {if="strpos($value.url, $value.shorturl) === false"}
 144                   <i class="fa fa-external-link"></i>
 145                 {else}
 146                   <i class="fa fa-sticky-note"></i>
 147                 {/if}
 148
 149                 <span class="linklist-link">{$value.title}</span>
 150               </a>
 151             </h2>
 152           </div>
 153
 154           {$thumb=thumbnail($value.url)}
 155           {if="$thumb!=false"}
 156             <div class="linklist-item-thumbnail">{$thumb}</div>
 157           {/if}
 158
 159           {if="$value.description"}
 160             <div class="linklist-item-description">
 161               {$value.description}
 162             </div>
 163           {/if}
 164
 165           <div class="linklist-item-infos clear">
 166             {if="$value.tags"}
 167               <div class="linklist-item-tags">
 168                 <i class="fa fa-tags"></i>
 169                 {$tag_counter=count($value.taglist)}
 170                 {loop="value.taglist"}
 171                   <span class="label label-tag" title="Add tag">
 172                     <a href="?addtag={$value|urlencode}">{$value}</a>
 173                   </span>
 174                   {if="$tag_counter - 1 != $counter"}&middot;{/if}
 175                 {/loop}
 176               </div>
 177             {/if}
 178
 179             <div class="pure-g">
 180               <div class="linklist-item-infos-dateblock pure-u-lg-3-8 pure-u-1">
 181                 <a href="?{$value.shorturl}" title="{'Permalink'|t}">
 182                   {if="!$hide_timestamps || isLoggedIn()"}
 183                     {$updated=$value.updated_timestamp ? 'Edited: '. format_date($value.updated) : 'Permalink'}
 184                     <span class="linkdate" title="{$updated}">
 185                       <i class="fa fa-clock-o"></i>
 186                       {$value.created|format_date}
 187                       {if="$value.updated_timestamp"}*{/if}
 188                       &middot;
 189                     </span>
 190                   {/if}
 191                   {'permalink'|t}
 192                 </a>
 193
 194                 <div class="pure-u-0 pure-u-lg-visible">
 195                   {if="isset($value.link_plugin)"}
 196                     &middot;
 197                     {$link_plugin_counter=count($value.link_plugin)}
 198                     {loop="$value.link_plugin"}
 199                       {$value}
 200                       {if="$link_plugin_counter - 1 != $counter"}&middot;{/if}
 201                     {/loop}
 202                   {/if}
 203                 </div>
 204               </div><div
 205                 {ignore}do not add space or line break between these div - Firefox issue{/ignore}
 206                 class="linklist-item-infos-url pure-u-lg-5-8 pure-u-1">
 207                 <a href="{$value.real_url}" title="{$value.title}">
 208                   <i class="fa fa-link"></i> {$value.url}
 209                 </a>
 210                 {if="isLoggedIn()"}
 211                   <a href="?delete_link&amp;lf_linkdate={$value.id}&amp;token={$token}"
 212                      title="{'Delete'|t}" class="delete-link pure-u-0 pure-u-lg-visible confirm-delete">
 213                     <i class="fa fa-trash"></i>
 214                   </a>
 215                 {/if}
 216               </div>
 217               <div class="mobile-buttons pure-u-1 pure-u-lg-0">
 218                 {if="isset($value.link_plugin)"}
 219                   {$link_plugin_counter=count($value.link_plugin)}
 220                   {loop="$value.link_plugin"}
 221                     {$value}
 222                     {if="$link_plugin_counter - 1 != $counter"}&middot;{/if}
 223                   {/loop}
 224                 {/if}
 225                 {if="isLoggedIn()"}
 226                   &middot;
 227                   <a href="?delete_link&amp;lf_linkdate={$value.id}&amp;token={$token}"
 228                      title="{'Delete'|t}" class="delete-link confirm-delete">
 229                     <i class="fa fa-trash"></i>
 230                   </a>
 231                 {/if}
 232               </div>
 233             </div>
 234           </div>
 235         </div>
 236       {/loop}
 237     </div>
 238   </div>
 239 </div>
 240
 241   <div id="plugin_zone_end_linklist" class="plugin_zone">
 242     {loop="$plugin_end_zone"}
 243     {$value}
 244     {/loop}
 245   </div>
 246
 247 <div class="pure-g">
 248   <div class="pure-u-lg-2-24 pure-u-1-24"></div>
 249   <div class="pure-u-lg-20-24 pure-u-22-24">
 250     {include="linklist.paging"}
 251   </div>
 252 </div>
 253
 254 {include="page.footer"}
 255 </body>
 256 </html>