aboutsummaryrefslogtreecommitdiffhomepage
path: root/tpl/default/page.header.html
diff options
context:
space:
mode:
Diffstat (limited to 'tpl/default/page.header.html')
-rw-r--r--tpl/default/page.header.html188
1 files changed, 188 insertions, 0 deletions
diff --git a/tpl/default/page.header.html b/tpl/default/page.header.html
new file mode 100644
index 00000000..d4963c89
--- /dev/null
+++ b/tpl/default/page.header.html
@@ -0,0 +1,188 @@
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">
5 <i class="fa fa-home"></i>
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">
16 <i class="fa fa-home"></i> {$shaarlititle}
17 </a>
18 </li>
19 {if="isLoggedIn() || $openshaarli"}
20 <li class="pure-menu-item">
21 <a href="?do=addlink" class="pure-menu-link">
22 <i class="fa fa-plus" ></i> {'Shaare'|t}
23 </a>
24 </li>
25 <li class="pure-menu-item">
26 <a href="?do=tools" class="pure-menu-link">{'Tools'|t}</a>
27 </li>
28 {/if}
29 <li class="pure-menu-item">
30 <a href="?do=tagcloud" class="pure-menu-link">{'Tag cloud'|t}</a>
31 </li>
32 <li class="pure-menu-item">
33 <a href="?do=picwall{$searchcrits}" class="pure-menu-link">{'Picture wall'|t}</a>
34 </li>
35 <li class="pure-menu-item">
36 <a href="?do=daily" class="pure-menu-link">{'Daily'|t}</a>
37 </li>
38 {loop="$plugins_header.buttons_toolbar"}
39 <li class="pure-menu-item">
40 <a
41 {$value.class=isset($value.class) ? $value.class . ' pure-menu-link' : 'pure-menu-link'}
42 {loop="$value"}
43 {if="$key!='html'"}
44 {$key}="{$value}"
45 {/if}
46 {/loop}>
47 {$value.html}
48 </a>
49 </li>
50 {/loop}
51 {if="isLoggedIn()"}
52 <li class="pure-menu-item pure-u-lg-0">
53 <a href="?do=logout" class="pure-menu-link">{'Logout'|t}</a>
54 </li>
55 {else}
56 <li class="pure-menu-item pure-u-lg-0">
57 <a href="?do=login" class="pure-menu-link">{'Login'|t}</a>
58 </li>
59 {/if}
60 <li class="pure-menu-item pure-u-lg-0">
61 <a href="?do=atom{$searchcrits}" class="pure-menu-link">{'RSS Feed'|t}</a>
62 </li>
63 </ul>
64 <div class="header-buttons pure-u-lg-1-6 pure-u-0 pure-u-lg-visible">
65 <ul class="pure-menu-list">
66 <li class="pure-menu-item">
67 <a href="#" class="pure-menu-link" id="search-button" title="{'Search'|t}">
68 <i class="fa fa-search"></i>
69 </a>
70 </li>
71 {if="!isLoggedIn()"}
72 <li class="pure-menu-item">
73 <a href="?do=login" class="pure-menu-link" id="login-button" title="{'Login'|t}">
74 <i class="fa fa-user"></i>
75 </a>
76 </li>
77 {else}
78 <li class="pure-menu-item">
79 <a href="?do=logout" class="pure-menu-link" title="{'Logout'|t}">
80 <i class="fa fa-sign-out"></i>
81 </a>
82 </li>
83 {/if}
84 <li class="pure-menu-item">
85 <a href="?do=atom{$searchcrits}" class="pure-menu-link" title="{'RSS Feed'|t}">
86 <i class="fa fa-rss"></i>
87 </a>
88 </li>
89 </ul>
90 </div>
91 </div>
92 </div>
93</div>
94
95<div id="content">
96 <div id="search" class="subheader-form">
97 <div class="pure-g">
98 <div class="pure-u-1 pure-u-lg-1-2">
99 <form method="GET" class="searchform" name="searchform">
100 <input type="text" tabindex="1" id="searchform_value" name="searchterm" placeholder="{'Search text'|t}"
101 {if="!empty($search_term)"}
102 value="{$search_term}"
103 {/if}
104 >
105 <button type="submit" class="search-button"><i class="fa fa-search"></i></button>
106 </form>
107 </div>
108 <div class="pure-u-1 pure-u-lg-1-2">
109 <form method="GET" class="tagfilter" name="tagfilter">
110 <input type="text" tabindex="2" name="searchtags" id="tagfilter_value" placeholder="{'Filter by tag'|t}"
111 {if="!empty($search_tags)"}
112 value="{$search_tags}"
113 {/if}
114 autocomplete="off" data-multiple data-minChars="1"
115 data-list="{loop="$tags"}{$key}, {/loop}"
116 >
117 <button type="submit" class="search-button"><i class="fa fa-search"></i></button>
118 </form>
119 </div>
120 </div>
121 </div>
122 {loop="$plugins_header.fields_toolbar"}
123 <form
124 {loop="$value"}
125 {if="$key!='inputs'"}
126 {$key}="{$value}"
127 {/if}
128 {/loop}>
129 <div class="subheader-form open pure-u-0 pure-u-lg-visible pure-u-lg-1">
130 {loop="$value.inputs"}
131 <input
132 {loop="$value"}
133 {$key}="{$value}"
134 {/loop}>
135 {/loop}
136 </div>
137 </form>
138 {/loop}
139 {if="!isLoggedIn()"}
140 <form method="post" name="loginform">
141 <div class="subheader-form" id="header-login-form">
142 <input type="text" name="login" placeholder="{'Username'|t}" tabindex="3">
143 <input type="password" name="password" placeholder="{'Password'|t}" tabindex="5">
144 <div class="remember-me">
145 <input type="checkbox" name="longlastingsession" id="longlastingsession" tabindex="6">
146 <label for="longlastingsession">{'Remember me'|t}</label>
147 </div>
148 <input type="hidden" name="token" value="{$token}">
149 <input type="hidden" name="returnurl">
150 <input type="submit" value="Login" tabindex="7">
151 </div>
152 </form>
153 {/if}
154{if="!empty($newVersion) || !empty($versionError)"}
155 <div class="pure-g new-version-message pure-alert pure-alert-warning pure-alert-closable">
156 <div class="pure-u-2-24"></div>
157 {if="$newVersion"}
158 <div class="pure-u-20-24">
159 Shaarli {$newVersion}
160 <a href="https://github.com/shaarli/Shaarli/releases">{'is available'|t}</a>.
161 </div>
162 {/if}
163 {if="$versionError"}
164 <div class="pure-u-20-24">
165 {'Error'|t}: {$versionError}
166 </div>
167 {/if}
168 <div class="pure-u-2-24">
169 <i id="new-version-dismiss" class="fa fa-times pure-alert-close"></i>
170 </div>
171 </div>
172{/if}
173
174{if="!empty($plugin_errors) && isLoggedIn()"}
175 <div class="pure-g new-version-message pure-alert pure-alert-error pure-alert-closable">
176 <div class="pure-u-2-24"></div>
177 <div class="pure-u-20-24">
178 {loop="plugin_errors"}
179 <p>{$value}</p>
180 {/loop}
181 </div>
182 <div class="pure-u-2-24">
183 <i class="fa fa-times pure-alert-close"></i>
184 </div>
185 </div>
186{/if}
187
188 <div class="clear"></div>
generated by cgit v1.2.3 (git 2.25.1) at 2025-02-17 02:54:11 +0000