diff options
Diffstat (limited to 'linklist.html')
| -rw-r--r-- | linklist.html | 193 |
1 files changed, 120 insertions, 73 deletions
diff --git a/linklist.html b/linklist.html index 57ef456..a025d53 100644 --- a/linklist.html +++ b/linklist.html @@ -1,5 +1,5 @@ <!DOCTYPE html> -<html> +<html{if="$language !== 'auto'"} lang="{$language}"{/if}> <head> {include="includes"} </head> @@ -15,32 +15,24 @@ {/if} </div> -<div id="search-linklist"> - - <div class="pure-g"> - <div class="pure-u-1 pure-u-lg-1-2"> - <form method="GET" class="searchform" name="searchform"> - <input type="text" tabindex="1" name="searchterm" placeholder="{'Search text'|t}" - {if="!empty($search_term)"} - value="{$search_term}" - {/if} - > - <button type="submit" class="search-button"><i class="fa fa-search"></i></button> - </form> - </div> - <div class="pure-u-1 pure-u-lg-1-2"> - <form method="GET" class="tagfilter" name="tagfilter"> - <input type="text" tabindex="2" name="searchtags" placeholder="{'Filter by tag'|t}" - {if="!empty($search_tags)"} - value="{$search_tags}" - {/if} - autocomplete="off" data-multiple data-autofirst data-minChars="1" - data-list="{loop="$tags"}{$key}, {/loop}" - > - <button type="submit" class="search-button"><i class="fa fa-search"></i></button> - </form> - </div> - </div> +<input type="hidden" name="token" value="{$token}"> +<div id="search-linklist" class="searchform-block search-linklist"> + + <form method="GET" class="pure-form searchform" name="searchform"> + <input type="text" tabindex="1" name="searchterm" class="searchterm" placeholder="{'Search text'|t}" + {if="!empty($search_term)"} + value="{$search_term}" + {/if} + > + <input type="text" tabindex="2" name="searchtags" class="searchtags" placeholder="{'Filter by tag'|t}" + {if="!empty($search_tags)"} + value="{$search_tags}" + {/if} + autocomplete="off" data-multiple data-autofirst data-minChars="1" + data-list="{loop="$tags"}{$key}, {/loop}" + > + <button type="submit" class="search-button"><i class="fa fa-search"></i></button> + </form> </div> {loop="$plugins_header.fields_toolbar"} @@ -60,9 +52,9 @@ {/loop} <div id="linklist"> - <div class="pure-g"> + <div id="link-count-block" class="pure-g link-count-block"> <div class="pure-u-lg-2-24 pure-u-1-24"></div> - <div class="pure-u-lg-20-24 pure-u-22-24"> + <div id="link-count-content" class="pure-u-lg-20-24 pure-u-22-24"> <div class="linkcount pure-u-lg-0 center"> {if="!empty($linkcount)"} <span class="strong">{$linkcount}</span> {function="t('shaare', 'shaares', $linkcount)"} @@ -83,17 +75,17 @@ </div> {if="count($links)==0"} - <div class="pure-g pure-alert pure-alert-error search-result"> + <div id="search-result-block" class="pure-g pure-alert pure-alert-error search-result"> <div class="pure-u-2-24"></div> - <div class="pure-u-20-24"> + <div id="search-result-content" class="pure-u-20-24"> <div id="searchcriteria">{'Nothing found.'|t}</div> </div> </div> - {elseif="!empty($search_term) or !empty($search_tags) or !empty($visibility)"} - <div class="pure-g pure-alert pure-alert-success search-result"> + {elseif="!empty($search_term) or $search_tags !== '' or !empty($visibility) or $untaggedonly"} + <div id="search-result-block" class="pure-g pure-alert pure-alert-success search-result"> <div class="pure-u-2-24"></div> - <div class="pure-u-20-24"> - {function="t('%s result', '%s results', $result_count)"} + <div id="search-result-content" class="pure-u-20-24 search-result-main"> + {function="sprintf(t('%s result', '%s results', $result_count), $result_count)"} {if="!empty($search_term)"} {'for'|t} <em><strong>{$search_term}</strong></em> {/if} @@ -102,7 +94,7 @@ {'tagged'|t} {loop="$exploded_tags"} <span class="label label-tag" title="{'Remove tag'|t}"> - <a href="?removetag={function="urlencode($value)"}">{$value}<span class="remove"><i class="fa fa-times"></i></span></a> + <a href="?removetag={function="urlencode($value)"}">{$value}<span class="remove"><i class="fa fa-times" aria-hidden="true"></i></span></a> </span> {/loop} {/if} @@ -112,29 +104,57 @@ {$visibility|t} </span> {/if} + {if="$untaggedonly"} + <span class="label label-private"> + {'without any tag'|t} + </span> + {/if} </div> </div> {/if} - <div class="pure-g"> + <div id="linklist-loop-block" class="pure-g"> <div class="pure-u-lg-2-24 pure-u-1-24"></div> - <div class="pure-u-lg-20-24 pure-u-22-24"> + <div id="linklist-loop-content" class="pure-u-lg-20-24 pure-u-22-24"> + {ignore}Set translation here, for performances{/ignore} + {$strPrivate=t('Private')} + {$strEdit=t('Edit')} + {$strDelete=t('Delete')} + {$strFold=t('Fold')} + {$strEdited=t('Edited: ')} + {$strPermalink=t('Permalink')} + {$strPermalinkLc=t('permalink')} + {$strAddTag=t('Add tag')} + {$strToggleSticky=t('Toggle sticky')} + {$strSticky=t('Sticky')} + {ignore}End of translations{/ignore} {loop="links"} <div class="anchor" id="{$value.shorturl}"></div> - <div class="linklist-item{if="$value.class"} {$value.class}{/if}"> + <div class="linklist-item linklist-item{if="$value.class"} {$value.class}{/if}" data-id="{$value.id}"> <div class="linklist-item-title"> - {if="isLoggedIn()"} - <div class="linklist-item-editbuttons"> - {if="$value.private"} - <span class="label label-private">{'Private'|t}</span> - {/if} - <!-- FIXME! JS translation --> - <a href="?edit_link={$value.id}" title="{'Edit'|t}"><i class="fa fa-pencil-square-o edit-link"></i></a> - <a href="#" title="{'Fold'|t}" class="fold-button"><i class="fa fa-chevron-up"></i></a> + {if="$thumbnails_enabled && !empty($value.thumbnail)"} + <div class="linklist-item-thumbnail" style="width:{$thumbnails_width}px;height:{$thumbnails_height}px;"> + <div class="thumbnail"> + <a href="{$value.real_url}"> + {ignore}RainTPL hack: put the 2 src on two different line to avoid path replace bug{/ignore} + <img data-src="{$value.thumbnail}#" class="b-lazy" + src="" + alt="thumbnail" width="{$thumbnails_width}" height="{$thumbnails_height}" /> + </a> + </div> </div> {/if} + <div class="linklist-item-editbuttons"> + {if="$value.sticky"} + <span class="label label-sticky">{$strSticky}</span> + {/if} + {if="$value.private"} + <span class="label label-private">{$strPrivate}</span> + {/if} + </div> + <h2> <a href="{$value.real_url}"> {if="strpos($value.url, $value.shorturl) === false"} @@ -148,11 +168,6 @@ </h2> </div> - {$thumb=thumbnail($value.url)} - {if="$thumb!=false"} - <div class="linklist-item-thumbnail">{$thumb}</div> - {/if} - {if="$value.description"} <div class="linklist-item-description"> {$value.description} @@ -165,7 +180,7 @@ <i class="fa fa-tags"></i> {$tag_counter=count($value.taglist)} {loop="value.taglist"} - <span class="label label-tag" title="Add tag"> + <span class="label label-tag" title="{$strAddTag}"> <a href="?addtag={$value|urlencode}">{$value}</a> </span> {if="$tag_counter - 1 != $counter"}·{/if} @@ -173,11 +188,43 @@ </div> {/if} - <div class="pure-g"> - <div class="linklist-item-infos-dateblock pure-u-lg-3-8 pure-u-1"> - <a href="?{$value.shorturl}" title="{'Permalink'|t}"> - {if="!$hide_timestamps || isLoggedIn()"} - {$updated=$value.updated_timestamp ? 'Edited: '. format_date($value.updated) : 'Permalink'} + <div class="linklist-item-infos-date-url-block pure-g"> + <div class="linklist-item-infos-dateblock pure-u-lg-7-12 pure-u-1"> + {if="$is_logged_in"} + <div class="linklist-item-infos-controls-group pure-u-0 pure-u-lg-visible"> + <span class="linklist-item-infos-controls-item ctrl-checkbox"> + <input type="checkbox" class="link-checkbox" value="{$value.id}"> + </span> + <span class="linklist-item-infos-controls-item ctrl-edit"> + <a href="?edit_link={$value.id}" aria-label="{$strEdit}" title="{$strEdit}"><i class="fa fa-pencil-square-o edit-link" aria-hidden="true"></i></a> + </span> + <span class="linklist-item-infos-controls-item ctrl-delete"> + <a href="?delete_link&lf_linkdate={$value.id}&token={$token}" aria-label="{$strDelete}" + title="{$strDelete}" class="delete-link pure-u-0 pure-u-lg-visible confirm-delete"> + <i class="fa fa-trash" aria-hidden="true"></i> + </a> + </span> + <span class="linklist-item-infos-controls-item ctrl-pin"> + <a href="?do=pin&id={$value.id}&token={$token}" + title="{$strToggleSticky}" aria-label="{$strToggleSticky}" class="pin-link {if="$value.sticky"}pinned-link{/if} pure-u-0 pure-u-lg-visible"> + <i class="fa fa-thumb-tack" aria-hidden="true"></i> + </a> + </span> + </div> + {else} + {if="$value.sticky"} + <div class="linklist-item-infos-controls-group pure-u-0 pure-u-lg-visible"> + <span class="linklist-item-infos-controls-item ctrl-pin"> + <span title="{$strSticky}" class="pin-link pinned-link pure-u-0 pure-u-lg-visible"> + <i class="fa fa-thumb-tack"></i> + </span> + </span> + </div> + {/if} + {/if} + <a href="?{$value.shorturl}" title="{$strPermalink}"> + {if="!$hide_timestamps || $is_logged_in"} + {$updated=$value.updated_timestamp ? $strEdited. format_date($value.updated) : $strPermalink} <span class="linkdate" title="{$updated}"> <i class="fa fa-clock-o"></i> {$value.created|format_date} @@ -185,7 +232,7 @@ · </span> {/if} - {'permalink'|t} + {$strPermalinkLc} </a> <div class="pure-u-0 pure-u-lg-visible"> @@ -200,16 +247,13 @@ </div> </div><div {ignore}do not add space or line break between these div - Firefox issue{/ignore} - class="linklist-item-infos-url pure-u-lg-5-8 pure-u-1"> + class="linklist-item-infos-url pure-u-lg-5-12 pure-u-1"> <a href="{$value.real_url}" title="{$value.title}"> - <i class="fa fa-link"></i> {$value.url} + <i class="fa fa-link" aria-hidden="true"></i> {$value.url} </a> - {if="isLoggedIn()"} - <a href="?delete_link&lf_linkdate={$value.id}&token={$token}" - title="{'Delete'|t}" class="delete-link pure-u-0 pure-u-lg-visible confirm-delete"> - <i class="fa fa-trash"></i> - </a> - {/if} + <div class="linklist-item-buttons pure-u-0 pure-u-lg-visible"> + <a href="#" aria-label="{$strFold}" title="{$strFold}" class="fold-button"><i class="fa fa-chevron-up" aria-hidden="true"></i></a> + </div> </div> <div class="mobile-buttons pure-u-1 pure-u-lg-0"> {if="isset($value.link_plugin)"} @@ -219,12 +263,14 @@ {if="$link_plugin_counter - 1 != $counter"}·{/if} {/loop} {/if} - {if="isLoggedIn()"} + {if="$is_logged_in"} · - <a href="?delete_link&lf_linkdate={$value.id}&token={$token}" - title="{'Delete'|t}" class="delete-link confirm-delete"> - <i class="fa fa-trash"></i> + <a href="?delete_link&lf_linkdate={$value.id}&token={$token}" aria-label="{$strDelete}" + title="{$strDelete}" class="delete-link confirm-delete"> + <i class="fa fa-trash" aria-hidden="true"></i> </a> + · + <a href="?edit_link={$value.id}" aria-label="{$strEdit}" title="{$strEdit}"><i class="fa fa-pencil-square-o edit-link" aria-hidden="true"></i></a> {/if} </div> </div> @@ -241,13 +287,14 @@ {/loop} </div> -<div class="pure-g"> +<div id="linklist-paging-bottom-block" class="pure-g link-count-block"> <div class="pure-u-lg-2-24 pure-u-1-24"></div> - <div class="pure-u-lg-20-24 pure-u-22-24"> + <div id="linklist-paging-bottom-content" class="pure-u-lg-20-24 pure-u-22-24"> {include="linklist.paging"} </div> </div> {include="page.footer"} +<script src="js/thumbnails.min.js?v={$version_hash}"></script> </body> </html> |