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=
"" />
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=
"" />
20 {
if="$is_logged_in || $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 {
if="$thumbnails_enabled"}
34 <li class=
"pure-menu-item" id=
"shaarli-menu-picwall">
35 <a href=
"?do=picwall{$searchcrits}" class=
"pure-menu-link">{'Picture wall'|t}
</a>
38 <li class=
"pure-menu-item" id=
"shaarli-menu-daily">
39 <a href=
"?do=daily" class=
"pure-menu-link">{'Daily'|t}
</a>
41 {
loop="$plugins_header.buttons_toolbar"}
42 <li class=
"pure-menu-item shaarli-menu-plugin">
44 {$value.attr.class=isset($value.class) ? $value.attr.class . ' pure-menu-link' : 'pure-menu-link'}
52 <li class=
"pure-menu-item pure-u-lg-0 shaarli-menu-mobile" id=
"shaarli-menu-mobile-rss">
53 <a href=
"?do={$feed_type}{$searchcrits}" class=
"pure-menu-link">{'RSS Feed'|t}
</a>
56 <li class=
"pure-menu-item pure-u-lg-0 shaarli-menu-mobile" id=
"shaarli-menu-mobile-logout">
57 <a href=
"?do=logout" class=
"pure-menu-link">{'Logout'|t}
</a>
60 <li class=
"pure-menu-item pure-u-lg-0 shaarli-menu-mobile" id=
"shaarli-menu-mobile-login">
61 <a href=
"?do=login" class=
"pure-menu-link">{'Login'|t}
</a>
65 <div class=
"header-buttons pure-u-lg-1-6 pure-u-0 pure-u-lg-visible">
66 <ul class=
"pure-menu-list">
67 <li class=
"pure-menu-item" id=
"shaarli-menu-desktop-search">
68 <a href=
"#" class=
"pure-menu-link subheader-opener"
70 id=
"search-button" title=
"{'Search'|t}">
71 <i class=
"fa fa-search"></i>
74 <li class=
"pure-menu-item" id=
"shaarli-menu-desktop-rss">
75 <a href=
"?do={$feed_type}{$searchcrits}" class=
"pure-menu-link" title=
"{'RSS Feed'|t}">
76 <i class=
"fa fa-rss"></i>
80 <li class=
"pure-menu-item" id=
"shaarli-menu-desktop-login">
81 <a href=
"?do=login" class=
"pure-menu-link"
82 data-open-id=
"header-login-form"
83 id=
"login-button" title=
"{'Login'|t}">
84 <i class=
"fa fa-user"></i>
88 <li class=
"pure-menu-item" id=
"shaarli-menu-desktop-logout">
89 <a href=
"?do=logout" class=
"pure-menu-link" title=
"{'Logout'|t}">
90 <i class=
"fa fa-sign-out"></i>
100 <div id=
"content" class=
"container">
101 <div id=
"search" class=
"subheader-form searchform-block header-search">
102 <form method=
"GET" class=
"pure-form searchform" name=
"searchform">
103 <input type=
"text" tabindex=
"1" id=
"searchform_value" name=
"searchterm" placeholder=
"{'Search text'|t}"
104 {
if=
"!empty($search_term)"}
105 value=
"{$search_term}"
108 <input type=
"text" tabindex=
"2" name=
"searchtags" id=
"tagfilter_value" placeholder=
"{'Filter by tag'|t}"
109 {
if=
"!empty($search_tags)"}
110 value=
"{$search_tags}"
112 autocomplete=
"off" data-multiple data-autofirst
data-minChars=
"1"
113 data-list=
"{loop="$tags
"}{$key}, {/loop}"
115 <button type=
"submit" class=
"search-button"><i class=
"fa fa-search"></i></button>
118 <div id=
"actions" class=
"subheader-form">
120 <div class=
"pure-u-1">
121 <a href=
"" id=
"actions-delete" class=
"button">{'Delete'|t}
</a>
125 {
if="!$is_logged_in"}
126 <form method=
"post" name=
"loginform">
127 <div class=
"subheader-form header-login-form" id=
"header-login-form">
128 <input type=
"text" name=
"login" placeholder=
"{'Username'|t}" tabindex=
"3">
129 <input type=
"password" name=
"password" placeholder=
"{'Password'|t}" tabindex=
"5">
130 <div class=
"remember-me">
131 <input type=
"checkbox" name=
"longlastingsession" id=
"longlastingsession" tabindex=
"6" checked
>
132 <label for=
"longlastingsession">{'Remember me'|t}
</label>
134 <input type=
"hidden" name=
"token" value=
"{$token}">
135 <input type=
"hidden" name=
"returnurl">
136 <input type=
"submit" value=
"Login" tabindex=
"7">
140 {
if="!empty($newVersion) || !empty($versionError)"}
141 <div class=
"pure-g new-version-message pure-alert pure-alert-warning pure-alert-closable">
142 <div class=
"pure-u-2-24"></div>
144 <div class=
"pure-u-20-24">
145 Shaarli {$newVersion}
146 <a href=
"https://github.com/shaarli/Shaarli/releases">{'is available'|t}
</a>.
150 <div class=
"pure-u-20-24">
151 {'Error'|t}: {$versionError}
154 <div class=
"pure-u-2-24">
155 <i id=
"new-version-dismiss" class=
"fa fa-times pure-alert-close"></i>
160 {
if="!empty($plugin_errors) && $is_logged_in"}
161 <div class=
"pure-g new-version-message pure-alert pure-alert-error pure-alert-closable" id=
"shaarli-errors-alert">
162 <div class=
"pure-u-2-24"></div>
163 <div class=
"pure-u-20-24">
164 {
loop="plugin_errors"}
168 <div class=
"pure-u-2-24">
169 <i class=
"fa fa-times pure-alert-close"></i>
174 {
if="!empty($global_warnings) && $is_logged_in"}
175 <div class=
"pure-g pure-alert pure-alert-warning pure-alert-closable" id=
"shaarli-warnings-alert">
176 <div class=
"pure-u-2-24"></div>
177 <div class=
"pure-u-20-24">
178 {
loop="global_warnings"}
182 <div class=
"pure-u-2-24">
183 <i class=
"fa fa-times pure-alert-close"></i>
188 <div class=
"clear"></div>