1 <div class=
"shaarli-menu pure-g" id=
"shaarli-menu">
2 <div class=
"pure-u-lg-0 pure-u-1">
3 <div class=
"pure-menu">
4 <a href=
"{$titleLink}" class=
"pure-menu-link shaarli-title" id=
"shaarli-title-mobile">
5 <img src=
"img/icon.png" width=
"16" height=
"16" class=
"head-logo" alt=
"logo" />
8 <a href=
"#" class=
"menu-toggle" id=
"menu-toggle"><s class=
"bar"></s><s class=
"bar"></s></a>
11 <div class=
"pure-u-1">
12 <div class=
"pure-menu menu-transform pure-menu-horizontal pure-g">
13 <ul class=
"pure-menu-list pure-u-lg-5-6 pure-u-1">
14 <li class=
"pure-menu-item pure-u-0 pure-u-lg-visible">
15 <a href=
"{$titleLink}" class=
"pure-menu-link shaarli-title" id=
"shaarli-title-desktop">
16 <img src=
"img/icon.png" width=
"16" height=
"16" class=
"head-logo" alt=
"logo" />
20 {
if="isLoggedIn() || $openshaarli"}
21 <li class=
"pure-menu-item">
22 <a href=
"?do=addlink" class=
"pure-menu-link" id=
"shaarli-menu-shaare">
23 <i class=
"fa fa-plus" ></i> {'Shaare'|t}
26 <li class=
"pure-menu-item" id=
"shaarli-menu-tools">
27 <a href=
"?do=tools" class=
"pure-menu-link">{'Tools'|t}
</a>
30 <li class=
"pure-menu-item" id=
"shaarli-menu-tags">
31 <a href=
"?do=tagcloud" class=
"pure-menu-link">{'Tag cloud'|t}
</a>
33 <li class=
"pure-menu-item" id=
"shaarli-menu-picwall">
34 <a href=
"?do=picwall{$searchcrits}" class=
"pure-menu-link">{'Picture wall'|t}
</a>
36 <li class=
"pure-menu-item" id=
"shaarli-menu-daily">
37 <a href=
"?do=daily" class=
"pure-menu-link">{'Daily'|t}
</a>
39 {
loop="$plugins_header.buttons_toolbar"}
40 <li class=
"pure-menu-item shaarli-menu-plugin">
42 {$value.attr.class=isset($value.class) ? $value.attr.class . ' pure-menu-link' : 'pure-menu-link'}
50 <li class=
"pure-menu-item pure-u-lg-0 shaarli-menu-mobile" id=
"shaarli-menu-mobile-rss">
51 <a href=
"?do={$feed_type}{$searchcrits}" class=
"pure-menu-link">{'RSS Feed'|t}
</a>
54 <li class=
"pure-menu-item pure-u-lg-0 shaarli-menu-mobile" id=
"shaarli-menu-mobile-logout">
55 <a href=
"?do=logout" class=
"pure-menu-link">{'Logout'|t}
</a>
58 <li class=
"pure-menu-item pure-u-lg-0 shaarli-menu-mobile" id=
"shaarli-menu-mobile-login">
59 <a href=
"?do=login" class=
"pure-menu-link">{'Login'|t}
</a>
63 <div class=
"header-buttons pure-u-lg-1-6 pure-u-0 pure-u-lg-visible">
64 <ul class=
"pure-menu-list">
65 <li class=
"pure-menu-item" id=
"shaarli-menu-desktop-search">
66 <a href=
"#" class=
"pure-menu-link subheader-opener"
68 id=
"search-button" title=
"{'Search'|t}">
69 <i class=
"fa fa-search"></i>
72 <li class=
"pure-menu-item" id=
"shaarli-menu-desktop-rss">
73 <a href=
"?do={$feed_type}{$searchcrits}" class=
"pure-menu-link" title=
"{'RSS Feed'|t}">
74 <i class=
"fa fa-rss"></i>
78 <li class=
"pure-menu-item" id=
"shaarli-menu-desktop-login">
79 <a href=
"?do=login" class=
"pure-menu-link"
80 data-open-id=
"header-login-form"
81 id=
"login-button" title=
"{'Login'|t}">
82 <i class=
"fa fa-user"></i>
86 <li class=
"pure-menu-item" id=
"shaarli-menu-desktop-logout">
87 <a href=
"?do=logout" class=
"pure-menu-link" title=
"{'Logout'|t}">
88 <i class=
"fa fa-sign-out"></i>
99 <div id=
"search" class=
"subheader-form">
100 <form method=
"GET" class=
"pure-form searchform" name=
"searchform">
101 <input type=
"text" tabindex=
"1" id=
"searchform_value" name=
"searchterm" placeholder=
"{'Search text'|t}"
102 {
if=
"!empty($search_term)"}
103 value=
"{$search_term}"
106 <input type=
"text" tabindex=
"2" name=
"searchtags" id=
"tagfilter_value" placeholder=
"{'Filter by tag'|t}"
107 {
if=
"!empty($search_tags)"}
108 value=
"{$search_tags}"
110 autocomplete=
"off" data-multiple data-autofirst
data-minChars=
"1"
111 data-list=
"{loop="$tags
"}{$key}, {/loop}"
113 <button type=
"submit" class=
"search-button"><i class=
"fa fa-search"></i></button>
116 <div id=
"actions" class=
"subheader-form">
118 <div class=
"pure-u-1">
119 <a href=
"" id=
"actions-delete" class=
"button">Delete
</a>
124 <form method=
"post" name=
"loginform">
125 <div class=
"subheader-form" id=
"header-login-form">
126 <input type=
"text" name=
"login" placeholder=
"{'Username'|t}" tabindex=
"3">
127 <input type=
"password" name=
"password" placeholder=
"{'Password'|t}" tabindex=
"5">
128 <div class=
"remember-me">
129 <input type=
"checkbox" name=
"longlastingsession" id=
"longlastingsession" tabindex=
"6" checked
>
130 <label for=
"longlastingsession">{'Remember me'|t}
</label>
132 <input type=
"hidden" name=
"token" value=
"{$token}">
133 <input type=
"hidden" name=
"returnurl">
134 <input type=
"submit" value=
"Login" tabindex=
"7">
138 {
if="!empty($newVersion) || !empty($versionError)"}
139 <div class=
"pure-g new-version-message pure-alert pure-alert-warning pure-alert-closable">
140 <div class=
"pure-u-2-24"></div>
142 <div class=
"pure-u-20-24">
143 Shaarli {$newVersion}
144 <a href=
"https://github.com/shaarli/Shaarli/releases">{'is available'|t}
</a>.
148 <div class=
"pure-u-20-24">
149 {'Error'|t}: {$versionError}
152 <div class=
"pure-u-2-24">
153 <i id=
"new-version-dismiss" class=
"fa fa-times pure-alert-close"></i>
158 {
if="!empty($plugin_errors) && isLoggedIn()"}
159 <div class=
"pure-g new-version-message pure-alert pure-alert-error pure-alert-closable" id=
"shaarli-errors-alert">
160 <div class=
"pure-u-2-24"></div>
161 <div class=
"pure-u-20-24">
162 {
loop="plugin_errors"}
166 <div class=
"pure-u-2-24">
167 <i class=
"fa fa-times pure-alert-close"></i>
172 <div class=
"clear"></div>