diff options
author | ArthurHoaro <arthur@hoa.ro> | 2017-01-14 15:52:17 +0100 |
---|---|---|
committer | ArthurHoaro <arthur@hoa.ro> | 2017-02-27 20:01:54 +0100 |
commit | 402b03464812aaec76bc841ca7dacb775baf1e03 (patch) | |
tree | 5f5ce030a71ed1ac327f60911cb22f0ca87d21cd /tpl/default/configure.html | |
parent | 009ce9358168cc06c76fc2f4162829e552e633a3 (diff) | |
download | Shaarli-402b03464812aaec76bc841ca7dacb775baf1e03.tar.gz Shaarli-402b03464812aaec76bc841ca7dacb775baf1e03.tar.zst Shaarli-402b03464812aaec76bc841ca7dacb775baf1e03.zip |
Introduce the new default Shaarli template
Diffstat (limited to 'tpl/default/configure.html')
-rw-r--r-- | tpl/default/configure.html | 210 |
1 files changed, 210 insertions, 0 deletions
diff --git a/tpl/default/configure.html b/tpl/default/configure.html new file mode 100644 index 00000000..a2425601 --- /dev/null +++ b/tpl/default/configure.html | |||
@@ -0,0 +1,210 @@ | |||
1 | <!DOCTYPE html> | ||
2 | <html> | ||
3 | <head> | ||
4 | {include="includes"} | ||
5 | </head> | ||
6 | <body> | ||
7 | {include="page.header"} | ||
8 | |||
9 | {$ratioLabel='5-12'} | ||
10 | {$ratioLabelMobile='7-8'} | ||
11 | {$ratioInput='7-12'} | ||
12 | {$ratioInputMobile='1-8'} | ||
13 | |||
14 | <form method="POST" action="#" name="configform" id="configform"> | ||
15 | <div class="pure-g"> | ||
16 | <div class="pure-u-lg-1-8 pure-u-1-24"></div> | ||
17 | <div class="pure-u-lg-3-4 pure-u-22-24 page-form page-form-complete"> | ||
18 | <h2 class="window-title">{'Configure'|t}</h2> | ||
19 | <div class="pure-g"> | ||
20 | <div class="pure-u-lg-{$ratioLabel} pure-u-1"> | ||
21 | <div class="form-label"> | ||
22 | <label for="title"> | ||
23 | <span class="label-name">Shaarli {'title'|t}</span> | ||
24 | </label> | ||
25 | </div> | ||
26 | </div> | ||
27 | <div class="pure-u-lg-7-12 pure-u-1"> | ||
28 | <div class="form-input"> | ||
29 | <input type="text" name="title" id="title" size="50" value="{$title}"> | ||
30 | </div> | ||
31 | </div> | ||
32 | </div> | ||
33 | <div class="pure-g"> | ||
34 | <div class="pure-u-lg-{$ratioLabel} pure-u-1"> | ||
35 | <div class="form-label"> | ||
36 | <label for="titleLink"> | ||
37 | <span class="label-name">{'Title link'|t}</span><br> | ||
38 | <span class="label-desc">{'Default value'|t}: ?</span> | ||
39 | </label> | ||
40 | </div> | ||
41 | </div> | ||
42 | <div class="pure-u-lg-{$ratioInput} pure-u-1"> | ||
43 | <div class="form-input"> | ||
44 | <input type="text" name="titleLink" id="titleLink" size="50" value="{$titleLink}"> | ||
45 | </div> | ||
46 | </div> | ||
47 | </div> | ||
48 | <div class="pure-g"> | ||
49 | <div class="pure-u-lg-{$ratioLabel} pure-u-1"> | ||
50 | <div class="form-label"> | ||
51 | <label for="titleLink"> | ||
52 | <span class="label-name">{'Theme'|t}</span> | ||
53 | </label> | ||
54 | </div> | ||
55 | </div> | ||
56 | <div class="pure-u-lg-{$ratioInput} pure-u-1"> | ||
57 | <div class="form-input"> | ||
58 | <select name="theme" id="theme"> | ||
59 | {loop="$theme_available"} | ||
60 | <option value="{$value}" | ||
61 | {if="$value===$theme"} | ||
62 | selected="selected" | ||
63 | {/if} | ||
64 | > | ||
65 | {$value|ucfirst} | ||
66 | </option> | ||
67 | {/loop} | ||
68 | </select> | ||
69 | </div> | ||
70 | </div> | ||
71 | </div> | ||
72 | <div class="pure-g"> | ||
73 | <div class="pure-u-lg-{$ratioLabel} pure-u-1 "> | ||
74 | <div class="form-label"> | ||
75 | <label> | ||
76 | <span class="label-name">{'Timezone'|t}</span> | ||
77 | </label> | ||
78 | </div> | ||
79 | </div> | ||
80 | <div class="pure-u-lg-{$ratioInput} pure-u-1 "> | ||
81 | <div class="form-input"> | ||
82 | {ignore}FIXME! too hackish, needs to be fixed upstream{/ignore} | ||
83 | <div class="timezone" id="timezone-remove">{$timezone_form}</div> | ||
84 | <div class="timezone" id="timezone-add"></div> | ||
85 | </div> | ||
86 | </div> | ||
87 | </div> | ||
88 | <div class="pure-g"> | ||
89 | <div class="pure-u-lg-{$ratioLabel} pure-u-1 "> | ||
90 | <div class="form-label"> | ||
91 | <label for="redirector"> | ||
92 | <span class="label-name">{'Redirector'|t}</span><br> | ||
93 | <span class="label-desc">{'e. g.'|t} <i>http://anonym.to/?</i> {'will mask the HTTP_REFERER'|t}</span> | ||
94 | </label> | ||
95 | </div> | ||
96 | </div> | ||
97 | <div class="pure-u-lg-{$ratioInput} pure-u-1 "> | ||
98 | <div class="form-input"> | ||
99 | <input type="text" name="redirector" id="redirector" size="50" value="{$redirector}"> | ||
100 | </div> | ||
101 | </div> | ||
102 | </div> | ||
103 | <div class="clear"></div> | ||
104 | <div class="pure-g"> | ||
105 | <div class="pure-u-lg-{$ratioLabel} pure-u-{$ratioLabelMobile} "> | ||
106 | <div class="form-label"> | ||
107 | <label for="disablesessionprotection"> | ||
108 | <span class="label-name">{'Disable session cookie hijacking protection'|t}</span><br> | ||
109 | <span class="label-desc"> | ||
110 | {'Check this if you get disconnected or if your IP address changes often'|t} | ||
111 | </span> | ||
112 | </label> | ||
113 | </div> | ||
114 | </div> | ||
115 | <div class="pure-u-lg-{$ratioInput} pure-u-{$ratioInputMobile} "> | ||
116 | <div class="form-input"> | ||
117 | <input type="checkbox" name="disablesessionprotection" id="disablesessionprotection" | ||
118 | {if="$session_protection_disabled"}checked{/if}> | ||
119 | </div> | ||
120 | </div> | ||
121 | </div> | ||
122 | <div class="pure-g"> | ||
123 | <div class="pure-u-lg-{$ratioLabel} pure-u-{$ratioLabelMobile} "> | ||
124 | <div class="form-label"> | ||
125 | <label for="privateLinkByDefault"> | ||
126 | <span class="label-name">{'Private links by default'|t}</span><br> | ||
127 | <span class="label-desc">{'All new links are private by default'|t}</span> | ||
128 | </label> | ||
129 | </div> | ||
130 | </div> | ||
131 | <div class="pure-u-lg-{$ratioInput} pure-u-{$ratioInputMobile} "> | ||
132 | <div class="form-input"> | ||
133 | <input type="checkbox" name="privateLinkByDefault" id="privateLinkByDefault" | ||
134 | {if="$private_links_default"}checked{/if}/> | ||
135 | </div> | ||
136 | </div> | ||
137 | </div> | ||
138 | <div class="pure-g"> | ||
139 | <div class="pure-u-lg-{$ratioLabel} pure-u-{$ratioLabelMobile} "> | ||
140 | <div class="form-label"> | ||
141 | <label for="enableRssPermalinks"> | ||
142 | <span class="label-name">{'RSS direct links'|t}</span><br> | ||
143 | <span class="label-desc">{'Check this to use direct URL instead of permalink in feeds'|t}</span> | ||
144 | </label> | ||
145 | </div> | ||
146 | </div> | ||
147 | <div class="pure-u-lg-{$ratioInput} pure-u-{$ratioInputMobile} "> | ||
148 | <div class="form-input"> | ||
149 | <input type="checkbox" name="enableRssPermalinks" id="enableRssPermalinks" | ||
150 | {if="$enable_rss_permalinks"}checked{/if}/> | ||
151 | </div> | ||
152 | </div> | ||
153 | </div> | ||
154 | <div class="pure-g"> | ||
155 | <div class="pure-u-lg-{$ratioLabel} pure-u-{$ratioLabelMobile}"> | ||
156 | <div class="form-label"> | ||
157 | <label for="hidePublicLinks"> | ||
158 | <span class="label-name">{'Hide public links'|t}</span><br> | ||
159 | <span class="label-desc">{'Do not show any links if the user is not logged in'|t}</span> | ||
160 | </label> | ||
161 | </div> | ||
162 | </div> | ||
163 | <div class="pure-u-lg-{$ratioInput} pure-u-{$ratioInputMobile}"> | ||
164 | <div class="form-input"> | ||
165 | <input type="checkbox" name="hidePublicLinks" id="hidePublicLinks" | ||
166 | {if="$hide_public_links"}checked{/if}/> | ||
167 | </div> | ||
168 | </div> | ||
169 | </div> | ||
170 | <div class="pure-g"> | ||
171 | <div class="pure-u-lg-{$ratioLabel} pure-u-{$ratioLabelMobile}"> | ||
172 | <div class="form-label"> | ||
173 | <label for="hidePublicLinks"> | ||
174 | <span class="label-name">{'Check updates'|t}</span><br> | ||
175 | <span class="label-desc">{'Notify me when a new release is ready'|t}</span> | ||
176 | </label> | ||
177 | </div> | ||
178 | </div> | ||
179 | <div class="pure-u-lg-{$ratioInput} pure-u-{$ratioInputMobile}"> | ||
180 | <div class="form-input"> | ||
181 | <input type="checkbox" name="updateCheck" id="updateCheck" | ||
182 | {if="$enable_update_check"}checked{/if}/> | ||
183 | </div> | ||
184 | </div> | ||
185 | </div> | ||
186 | <div class="center"> | ||
187 | <input type="submit" value="{'Save'|t}" name="save"> | ||
188 | </div> | ||
189 | </div> | ||
190 | </div> | ||
191 | <input type="hidden" name="token" value="{$token}"> | ||
192 | </form> | ||
193 | |||
194 | {include="page.footer"} | ||
195 | |||
196 | <script> | ||
197 | (function (window, document) { | ||
198 | var toRemove = document.getElementById('timezone-remove'); | ||
199 | var firstSelect = toRemove.getElementsByTagName('select')[0]; | ||
200 | var secondSelect = toRemove.getElementsByTagName('select')[1]; | ||
201 | toRemove.parentNode.removeChild(toRemove); | ||
202 | var toAdd = document.getElementById('timezone-add'); | ||
203 | var newTimezone = '<span class="timezone-continent">Continent ' + firstSelect.outerHTML + '</span>'; | ||
204 | newTimezone += ' <span class="timezone-country">Country ' + secondSelect.outerHTML + '</span>'; | ||
205 | toAdd.innerHTML = newTimezone; | ||
206 | })(this, this.document); | ||
207 | </script> | ||
208 | </body> | ||
209 | </html> | ||
210 | |||