diff options
author | ArthurHoaro <arthur@hoa.ro> | 2018-07-28 11:07:55 +0200 |
---|---|---|
committer | ArthurHoaro <arthur@hoa.ro> | 2018-07-28 11:07:55 +0200 |
commit | 83faedadff76c5bdca036f39f13943f63b27e164 (patch) | |
tree | 6f44cede16ec6a60f10b9699e211e0818f06d2c8 /tpl/default/page.header.html | |
parent | 1d9eb22a3df85b67fe6652c0876cd7382c2fb525 (diff) | |
parent | 658988f3aeba7a5a938783249ccf2765251e5597 (diff) | |
download | Shaarli-83faedadff76c5bdca036f39f13943f63b27e164.tar.gz Shaarli-83faedadff76c5bdca036f39f13943f63b27e164.tar.zst Shaarli-83faedadff76c5bdca036f39f13943f63b27e164.zip |
Merge tag 'v0.9.7' into stable
Release v0.9.7
Diffstat (limited to 'tpl/default/page.header.html')
-rw-r--r-- | tpl/default/page.header.html | 172 |
1 files changed, 172 insertions, 0 deletions
diff --git a/tpl/default/page.header.html b/tpl/default/page.header.html new file mode 100644 index 00000000..6f15c1c5 --- /dev/null +++ b/tpl/default/page.header.html | |||
@@ -0,0 +1,172 @@ | |||
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" /> | ||
6 | {$shaarlititle} | ||
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"> | ||
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" /> | ||
17 | {$shaarlititle} | ||
18 | </a> | ||
19 | </li> | ||
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} | ||
24 | </a> | ||
25 | </li> | ||
26 | <li class="pure-menu-item" id="shaarli-menu-tools"> | ||
27 | <a href="?do=tools" class="pure-menu-link">{'Tools'|t}</a> | ||
28 | </li> | ||
29 | {/if} | ||
30 | <li class="pure-menu-item" id="shaarli-menu-tags"> | ||
31 | <a href="?do=tagcloud" class="pure-menu-link">{'Tag cloud'|t}</a> | ||
32 | </li> | ||
33 | <li class="pure-menu-item" id="shaarli-menu-picwall"> | ||
34 | <a href="?do=picwall{$searchcrits}" class="pure-menu-link">{'Picture wall'|t}</a> | ||
35 | </li> | ||
36 | <li class="pure-menu-item" id="shaarli-menu-daily"> | ||
37 | <a href="?do=daily" class="pure-menu-link">{'Daily'|t}</a> | ||
38 | </li> | ||
39 | {loop="$plugins_header.buttons_toolbar"} | ||
40 | <li class="pure-menu-item shaarli-menu-plugin"> | ||
41 | <a | ||
42 | {$value.attr.class=isset($value.class) ? $value.attr.class . ' pure-menu-link' : 'pure-menu-link'} | ||
43 | {loop="$value.attr"} | ||
44 | {$key}="{$value}" | ||
45 | {/loop}> | ||
46 | {$value.html} | ||
47 | </a> | ||
48 | </li> | ||
49 | {/loop} | ||
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> | ||
52 | </li> | ||
53 | {if="isLoggedIn()"} | ||
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> | ||
56 | </li> | ||
57 | {else} | ||
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> | ||
60 | </li> | ||
61 | {/if} | ||
62 | </ul> | ||
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" | ||
67 | data-open-id="search" | ||
68 | id="search-button" title="{'Search'|t}"> | ||
69 | <i class="fa fa-search"></i> | ||
70 | </a> | ||
71 | </li> | ||
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> | ||
75 | </a> | ||
76 | </li> | ||
77 | {if="!isLoggedIn()"} | ||
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> | ||
83 | </a> | ||
84 | </li> | ||
85 | {else} | ||
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> | ||
89 | </a> | ||
90 | </li> | ||
91 | {/if} | ||
92 | </ul> | ||
93 | </div> | ||
94 | </div> | ||
95 | </div> | ||
96 | </div> | ||
97 | |||
98 | <div id="content"> | ||
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}" | ||
104 | {/if} | ||
105 | > | ||
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}" | ||
109 | {/if} | ||
110 | autocomplete="off" data-multiple data-autofirst data-minChars="1" | ||
111 | data-list="{loop="$tags"}{$key}, {/loop}" | ||
112 | > | ||
113 | <button type="submit" class="search-button"><i class="fa fa-search"></i></button> | ||
114 | </form> | ||
115 | </div> | ||
116 | <div id="actions" class="subheader-form"> | ||
117 | <div class="pure-g"> | ||
118 | <div class="pure-u-1"> | ||
119 | <a href="" id="actions-delete" class="button">Delete</a> | ||
120 | </div> | ||
121 | </div> | ||
122 | </div> | ||
123 | {if="!isLoggedIn()"} | ||
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> | ||
131 | </div> | ||
132 | <input type="hidden" name="token" value="{$token}"> | ||
133 | <input type="hidden" name="returnurl"> | ||
134 | <input type="submit" value="Login" tabindex="7"> | ||
135 | </div> | ||
136 | </form> | ||
137 | {/if} | ||
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> | ||
141 | {if="$newVersion"} | ||
142 | <div class="pure-u-20-24"> | ||
143 | Shaarli {$newVersion} | ||
144 | <a href="https://github.com/shaarli/Shaarli/releases">{'is available'|t}</a>. | ||
145 | </div> | ||
146 | {/if} | ||
147 | {if="$versionError"} | ||
148 | <div class="pure-u-20-24"> | ||
149 | {'Error'|t}: {$versionError} | ||
150 | </div> | ||
151 | {/if} | ||
152 | <div class="pure-u-2-24"> | ||
153 | <i id="new-version-dismiss" class="fa fa-times pure-alert-close"></i> | ||
154 | </div> | ||
155 | </div> | ||
156 | {/if} | ||
157 | |||
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"} | ||
163 | <p>{$value}</p> | ||
164 | {/loop} | ||
165 | </div> | ||
166 | <div class="pure-u-2-24"> | ||
167 | <i class="fa fa-times pure-alert-close"></i> | ||
168 | </div> | ||
169 | </div> | ||
170 | {/if} | ||
171 | |||
172 | <div class="clear"></div> | ||