]>
Commit | Line | Data |
---|---|---|
4ed6d1ba A |
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"> | |
4fe87e69 | 4 | <a href="{$titleLink}" class="pure-menu-link"> |
4ed6d1ba | 5 | <i class="fa fa-home"></i> |
4fe87e69 | 6 | {$shaarlititle} |
4ed6d1ba A |
7 | </a> |
8 | <a href="#" class="menu-toggle" id="menu-toggle"><s class="bar"></s><s class="bar"></s></a> | |
9 | </div> | |
10 | </div> | |
11 | <div class="pure-u-1"> | |
fe1c9666 | 12 | <div class="pure-menu menu-transform pure-menu-horizontal pure-g"> |
f26d4d56 | 13 | <ul class="pure-menu-list pure-u-lg-11-12 pure-u-1"> |
4ed6d1ba | 14 | <li class="pure-menu-item pure-menu-selected pure-u-0 pure-u-lg-visible"> |
4fe87e69 | 15 | <a href="{$titleLink}" class="pure-menu-link"> |
4ed6d1ba A |
16 | <i class="fa fa-home"></i> |
17 | </a> | |
18 | </li> | |
19 | {if="isLoggedIn()"} | |
20 | <li class="pure-menu-item"> | |
21 | <a href="?do=addlink" class="pure-menu-link">Shaare</a> | |
22 | </li> | |
23 | <li class="pure-menu-item"> | |
24 | <a href="?do=tools" class="pure-menu-link">Tools</a> | |
25 | </li> | |
26 | ||
4fe87e69 | 27 | {elseif="$openshaarli"} |
4ed6d1ba A |
28 | <li class="pure-menu-item"> |
29 | <a href="?do=addlink" class="pure-menu-link">Shaare</a> | |
30 | </li> | |
31 | <li class="pure-menu-item"> | |
32 | <a href="?do=tools" class="pure-menu-link">Tools</a> | |
33 | </li> | |
4ed6d1ba | 34 | {/if} |
fe1c9666 A |
35 | <li class="pure-menu-item pure-u-lg-0"> |
36 | <a href="?do=atom{$searchcrits}" class="pure-menu-link">RSS Feed</a> | |
4ed6d1ba | 37 | </li> |
4ed6d1ba A |
38 | <li class="pure-menu-item"> |
39 | <a href="?do=tagcloud" class="pure-menu-link">Tag cloud</a> | |
40 | </li> | |
41 | <li class="pure-menu-item"> | |
42 | <a href="?do=picwall{$searchcrits}" class="pure-menu-link">Picture wall</a> | |
43 | </li> | |
44 | <li class="pure-menu-item"> | |
45 | <a href="?do=daily" class="pure-menu-link">Daily</a> | |
46 | </li> | |
47 | <!-- FIXME! update plugin system to handle this --> | |
48 | {loop="$plugins_header.buttons_toolbar"} | |
49 | <li class="pure-menu-item"> | |
50 | <a href="{$value.url}" class="pure-menu-link">{$value.title}</a> | |
51 | </li> | |
52 | {/loop} | |
53 | {if="isLoggedIn()"} | |
54 | <li class="pure-menu-item"> | |
55 | <a href="?do=logout" class="pure-menu-link">Logout</a> | |
56 | </li> | |
57 | {else} | |
58 | <li class="pure-menu-item"> | |
59 | <a href="?do=login" class="pure-menu-link">Login</a> | |
60 | </li> | |
61 | {/if} | |
62 | </ul> | |
f26d4d56 | 63 | <div class="header-buttons pure-u-lg-1-12 pure-u-0 pure-u-lg-visible"> |
735bda92 A |
64 | <ul class="pure-menu-list"> |
65 | {if="!isLoggedIn()"} | |
66 | <li class="pure-menu-item"> | |
f26d4d56 | 67 | <a href="?do=login" class="pure-menu-link" id="login-button" title="Login"> |
735bda92 A |
68 | <i class="fa fa-user"></i> |
69 | </a> | |
70 | </li> | |
f26d4d56 A |
71 | {else} |
72 | <li class="pure-menu-item"> | |
73 | <a href="?do=logout" class="pure-menu-link" title="Logout"> | |
74 | <i class="fa fa-sign-out"></i> | |
75 | </a> | |
76 | </li> | |
735bda92 A |
77 | {/if} |
78 | <li class="pure-menu-item"> | |
f26d4d56 | 79 | <a href="?do=atom{$searchcrits}" class="pure-menu-link" title="ATOM Feed"> |
735bda92 A |
80 | <i class="fa fa-rss"></i> |
81 | </a> | |
82 | </li> | |
83 | </ul> | |
fe1c9666 | 84 | </div> |
4ed6d1ba A |
85 | </div> |
86 | </div> | |
87 | </div> | |
88 | ||
dfb058c6 A |
89 | <div id="header" class="pure-u-0 pure-u-lg-visible"> |
90 | <h1 id="header-title"> | |
4fe87e69 A |
91 | <a href="{if="{$titleLink}"> |
92 | {$shaarlititle} | |
dfb058c6 A |
93 | </a> |
94 | </h1> | |
95 | <div id="linkcount"> | |
4fe87e69 A |
96 | {if="!empty($linkcount)"} |
97 | <span class="strong">{$linkcount}</span> shaares | |
98 | {if="$privateLinkcount>0"} | |
99 | - <span class="strong">{$privateLinkcount}</span> private links | |
100 | {/if} | |
101 | {/if} | |
dfb058c6 | 102 | </div> |
4ed6d1ba | 103 | |
dfb058c6 A |
104 | <div id="search"> |
105 | <form method="GET" class="searchform" name="searchform"> | |
106 | <input type="text" tabindex="1" id="searchform_value" name="searchterm" placeholder="Search text" | |
4fe87e69 A |
107 | {if="!empty($search_term)"} |
108 | value="{$search_term}" | |
dfb058c6 | 109 | {/if} |
f26d4d56 | 110 | tabindex="1" |
dfb058c6 | 111 | > |
d63f7cf5 | 112 | <button type="submit" class="search-button"><i class="fa fa-search"></i></button> |
dfb058c6 A |
113 | </form> |
114 | <form method="GET" class="tagfilter" name="tagfilter"> | |
115 | <input type="text" tabindex="2" name="searchtags" id="tagfilter_value" placeholder="Filter by tag" | |
fd78d93f | 116 | {if="!empty($search_tags)"} |
4fe87e69 | 117 | value="{$search_tags}" |
dfb058c6 | 118 | {/if} |
d63f7cf5 | 119 | autocomplete="off" data-multiple data-minChars="1" |
dfb058c6 | 120 | data-list="{loop="$tags"}{$key}, {/loop}" |
f26d4d56 | 121 | tabindex="2" |
dfb058c6 | 122 | > |
d63f7cf5 | 123 | <button type="submit" class="search-button"><i class="fa fa-search"></i></button> |
dfb058c6 A |
124 | </form> |
125 | </div> | |
4ed6d1ba A |
126 | </div> |
127 | ||
dfb058c6 | 128 | <div id="content"> |
f26d4d56 A |
129 | <form method="post" name="loginform"> |
130 | <div id="header-login-form"> | |
131 | <input type="text" name="login" placeholder="Username" tabindex="3"> | |
132 | <input type="password" name="password" placeholder="Password" tabindex="5"> | |
133 | <div class="remember-me"> | |
134 | <input type="checkbox" name="longlastingsession" id="longlastingsession" tabindex="6"> | |
135 | <label for="longlastingsession">Remember me</label> | |
136 | </div> | |
137 | <input type="hidden" name="token" value="{$token}"> | |
138 | <input type="hidden" name="returnurl"> | |
139 | <input type="submit" value="Login" tabindex="7"> | |
140 | </div> | |
141 | </form> | |
735bda92 A |
142 | |
143 | {if="!empty($newVersion) || !empty($versionError)"} | |
144 | <div class="pure-g new-version-message pure-alert pure-alert-warning pure-alert-closable"> | |
145 | <div class="pure-u-2-24"></div> | |
146 | {if="$newVersion"} | |
147 | <div class="pure-u-20-24"> | |
148 | Shaarli {$newVersion} is | |
149 | <a href="https://github.com/shaarli/Shaarli/releases">available</a>. | |
150 | </div> | |
151 | {/if} | |
152 | {if="$versionError"} | |
153 | <div class="pure-u-20-24"> | |
154 | Error: {$versionError} | |
155 | </div> | |
156 | {/if} | |
157 | <div class="pure-u-2-24"> | |
158 | <i id="new-version-dismiss" class="fa fa-times pure-alert-close"></i> | |
159 | </div> | |
160 | </div> | |
161 | {/if} | |
dfb058c6 | 162 | |
4ed6d1ba A |
163 | |
164 | {if="!empty($_GET['source']) && $_GET['source']=='bookmarklet'"} | |
165 | {ignore} When called as a popup from bookmarklet, do not display menu. {/ignore} | |
166 | {else} | |
dfb058c6 | 167 | |
4ed6d1ba | 168 | {/if} |
dfb058c6 | 169 | |
4ed6d1ba A |
170 | |
171 | {if="!empty($plugin_errors) && isLoggedIn()"} | |
172 | <ul class="errors"> | |
173 | {loop="plugin_errors"} | |
174 | <li>{$value}</li> | |
175 | {/loop} | |
176 | </ul> | |
177 | {/if} | |
178 | ||
179 | <div class="clear"></div> |