7 {
include="page.header"}
10 {$ratioLabelMobile='
7-
8'}
12 {$ratioInputMobile='
1-
8'}
14 <form method=
"POST" action=
"#" name=
"configform" id=
"configform">
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>
20 <div class=
"pure-u-lg-{$ratioLabel} pure-u-1">
21 <div class=
"form-label">
23 <span class=
"label-name">Shaarli {'title'|t}
</span>
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}">
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>
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}">
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>
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"}
73 <div class=
"pure-u-lg-{$ratioLabel} pure-u-1 ">
74 <div class=
"form-label">
76 <span class=
"label-name">{'Timezone'|t}
</span>
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>
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>
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}">
103 <div class=
"clear"></div>
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}
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}
>
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>
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}
/>
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>
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}
/>
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>
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}
/>
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>
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}
/>
187 <div class=
"pure-u-lg-{$ratioLabel} pure-u-{$ratioLabelMobile}">
188 <div class=
"form-label">
189 <label for=
"apiEnabled">
190 <span class=
"label-name">{'Enable REST API'|t}
</span><br>
191 <span class=
"label-desc">{'Allow third party software to use Shaarli such as mobile application'|t}
</span>
195 <div class=
"pure-u-lg-{$ratioInput} pure-u-{$ratioInputMobile}">
196 <div class=
"form-input">
197 <input type=
"checkbox" name=
"apiEnabled" id=
"apiEnabled"
198 {
if=
"$api_enabled"}checked{/if}
/>
203 <div class=
"pure-u-lg-{$ratioLabel} pure-u-1">
204 <div class=
"form-label">
205 <label for=
"apiSecret">
206 <span class=
"label-name">{'API secret'|t}
</span><br>
210 <div class=
"pure-u-lg-{$ratioLabel} pure-u-1">
211 <div class=
"form-input">
212 <input type=
"text" name=
"apiSecret" id=
"apiSecret" size=
"50" value=
"{$api_secret}">
217 <input type=
"submit" value=
"{'Save'|t}" name=
"save">
221 <input type=
"hidden" name=
"token" value=
"{$token}">
224 {
include="page.footer"}
227 (function (window, document) {
228 var toRemove = document.getElementById('timezone-remove');
229 var firstSelect = toRemove.getElementsByTagName('select')[
0];
230 var secondSelect = toRemove.getElementsByTagName('select')[
1];
231 toRemove.parentNode.removeChild(toRemove);
232 var toAdd = document.getElementById('timezone-add');
233 var newTimezone = '
<span class=
"timezone-continent">Continent ' + firstSelect.outerHTML + '
</span>';
234 newTimezone += '
<span class=
"timezone-country">Country ' + secondSelect.outerHTML + '
</span>';
235 toAdd.innerHTML = newTimezone;
236 })(this, this.document);