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