configure.html 10 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. {include="includes"}
  5. </head>
  6. <body>
  7. {include="page.header"}
  8. {$ratioLabel='5-12'}
  9. {$ratioLabelMobile='7-8'}
  10. {$ratioInput='7-12'}
  11. {$ratioInputMobile='1-8'}
  12. <form method="POST" action="#" name="configform" id="configform">
  13. <div class="pure-g">
  14. <div class="pure-u-lg-1-8 pure-u-1-24"></div>
  15. <div class="pure-u-lg-3-4 pure-u-22-24 page-form page-form-complete">
  16. <h2 class="window-title">{'Configure'|t}</h2>
  17. <div class="pure-g">
  18. <div class="pure-u-lg-{$ratioLabel} pure-u-1">
  19. <div class="form-label">
  20. <label for="title">
  21. <span class="label-name">Shaarli {'title'|t}</span>
  22. </label>
  23. </div>
  24. </div>
  25. <div class="pure-u-lg-7-12 pure-u-1">
  26. <div class="form-input">
  27. <input type="text" name="title" id="title" size="50" value="{$title}">
  28. </div>
  29. </div>
  30. </div>
  31. <div class="pure-g">
  32. <div class="pure-u-lg-{$ratioLabel} pure-u-1">
  33. <div class="form-label">
  34. <label for="titleLink">
  35. <span class="label-name">{'Home link'|t}</span><br>
  36. <span class="label-desc">{'Default value'|t}: ?</span>
  37. </label>
  38. </div>
  39. </div>
  40. <div class="pure-u-lg-{$ratioInput} pure-u-1">
  41. <div class="form-input">
  42. <input type="text" name="titleLink" id="titleLink" size="50" value="{$titleLink}">
  43. </div>
  44. </div>
  45. </div>
  46. <div class="pure-g">
  47. <div class="pure-u-lg-{$ratioLabel} pure-u-1">
  48. <div class="form-label">
  49. <label for="titleLink">
  50. <span class="label-name">{'Theme'|t}</span>
  51. </label>
  52. </div>
  53. </div>
  54. <div class="pure-u-lg-{$ratioInput} pure-u-1">
  55. <div class="form-input">
  56. <select name="theme" id="theme" class="align">
  57. {loop="$theme_available"}
  58. <option value="{$value}"
  59. {if="$value===$theme"}
  60. selected="selected"
  61. {/if}
  62. >
  63. {$value|ucfirst}
  64. </option>
  65. {/loop}
  66. </select>
  67. </div>
  68. </div>
  69. </div>
  70. <div class="pure-g">
  71. <div class="pure-u-lg-{$ratioLabel} pure-u-1">
  72. <div class="form-label">
  73. <label for="language">
  74. <span class="label-name">{'Language'|t}</span>
  75. </label>
  76. </div>
  77. </div>
  78. <div class="pure-u-lg-{$ratioInput} pure-u-1">
  79. <div class="form-input">
  80. <select name="language" id="language" class="align">
  81. {loop="$languages"}
  82. <option value="{$key}"
  83. {if="$key===$language"}
  84. selected="selected"
  85. {/if}
  86. >
  87. {$value}
  88. </option>
  89. {/loop}
  90. </select>
  91. </div>
  92. </div>
  93. </div>
  94. <div class="pure-g">
  95. <div class="pure-u-lg-{$ratioLabel} pure-u-1 ">
  96. <div class="form-label">
  97. <label>
  98. <span class="label-name">{'Timezone'|t}</span><br>
  99. <span class="label-desc">{'Continent'|t} &middot; {'City'|t}</span>
  100. </label>
  101. </div>
  102. </div>
  103. <div class="pure-u-lg-{$ratioInput} pure-u-1 ">
  104. <div class="form-input">
  105. <div class="timezone">
  106. <select id="continent" name="continent">
  107. {loop="$continents"}
  108. {if="$key !== 'selected'"}
  109. <option value="{$value}" {if="$continents.selected === $value"}selected{/if}>
  110. {$value}
  111. </option>
  112. {/if}
  113. {/loop}
  114. </select>
  115. <select id="city" name="city">
  116. {loop="$cities"}
  117. {if="$key !== 'selected'"}
  118. <option value="{$value.city}"
  119. {if="$cities.selected === $value.city"}selected{/if}
  120. data-continent="{$value.continent}">
  121. {$value.city}
  122. </option>
  123. {/if}
  124. {/loop}
  125. </select>
  126. </div>
  127. </div>
  128. </div>
  129. </div>
  130. <div class="clear"></div>
  131. <div class="pure-g">
  132. <div class="pure-u-lg-{$ratioLabel} pure-u-{$ratioLabelMobile} ">
  133. <div class="form-label">
  134. <label for="disablesessionprotection">
  135. <span class="label-name">{'Disable session cookie hijacking protection'|t}</span><br>
  136. <span class="label-desc">
  137. {'Check this if you get disconnected or if your IP address changes often'|t}
  138. </span>
  139. </label>
  140. </div>
  141. </div>
  142. <div class="pure-u-lg-{$ratioInput} pure-u-{$ratioInputMobile} ">
  143. <div class="form-input">
  144. <input type="checkbox" name="disablesessionprotection" id="disablesessionprotection"
  145. {if="$session_protection_disabled"}checked{/if}>
  146. </div>
  147. </div>
  148. </div>
  149. <div class="pure-g">
  150. <div class="pure-u-lg-{$ratioLabel} pure-u-{$ratioLabelMobile} ">
  151. <div class="form-label">
  152. <label for="privateLinkByDefault">
  153. <span class="label-name">{'Private links by default'|t}</span><br>
  154. <span class="label-desc">{'All new links are private by default'|t}</span>
  155. </label>
  156. </div>
  157. </div>
  158. <div class="pure-u-lg-{$ratioInput} pure-u-{$ratioInputMobile} ">
  159. <div class="form-input">
  160. <input type="checkbox" name="privateLinkByDefault" id="privateLinkByDefault"
  161. {if="$private_links_default"}checked{/if}/>
  162. </div>
  163. </div>
  164. </div>
  165. <div class="pure-g">
  166. <div class="pure-u-lg-{$ratioLabel} pure-u-{$ratioLabelMobile} ">
  167. <div class="form-label">
  168. <label for="enableRssPermalinks">
  169. <span class="label-name">{'RSS direct links'|t}</span><br>
  170. <span class="label-desc">{'Check this to use direct URL instead of permalink in feeds'|t}</span>
  171. </label>
  172. </div>
  173. </div>
  174. <div class="pure-u-lg-{$ratioInput} pure-u-{$ratioInputMobile} ">
  175. <div class="form-input">
  176. <input type="checkbox" name="enableRssPermalinks" id="enableRssPermalinks"
  177. {if="$enable_rss_permalinks"}checked{/if}/>
  178. </div>
  179. </div>
  180. </div>
  181. <div class="pure-g">
  182. <div class="pure-u-lg-{$ratioLabel} pure-u-{$ratioLabelMobile}">
  183. <div class="form-label">
  184. <label for="hidePublicLinks">
  185. <span class="label-name">{'Hide public links'|t}</span><br>
  186. <span class="label-desc">{'Do not show any links if the user is not logged in'|t}</span>
  187. </label>
  188. </div>
  189. </div>
  190. <div class="pure-u-lg-{$ratioInput} pure-u-{$ratioInputMobile}">
  191. <div class="form-input">
  192. <input type="checkbox" name="hidePublicLinks" id="hidePublicLinks"
  193. {if="$hide_public_links"}checked{/if}/>
  194. </div>
  195. </div>
  196. </div>
  197. <div class="pure-g">
  198. <div class="pure-u-lg-{$ratioLabel} pure-u-{$ratioLabelMobile}">
  199. <div class="form-label">
  200. <label for="hidePublicLinks">
  201. <span class="label-name">{'Check updates'|t}</span><br>
  202. <span class="label-desc">{'Notify me when a new release is ready'|t}</span>
  203. </label>
  204. </div>
  205. </div>
  206. <div class="pure-u-lg-{$ratioInput} pure-u-{$ratioInputMobile}">
  207. <div class="form-input">
  208. <input type="checkbox" name="updateCheck" id="updateCheck"
  209. {if="$enable_update_check"}checked{/if}/>
  210. </div>
  211. </div>
  212. </div>
  213. <div class="pure-g">
  214. <div class="pure-u-lg-{$ratioLabel} pure-u-{$ratioLabelMobile}">
  215. <div class="form-label">
  216. <label for="enableApi">
  217. <span class="label-name">{'Enable REST API'|t}</span><br>
  218. <span class="label-desc">{'Allow third party software to use Shaarli such as mobile application'|t}</span>
  219. </label>
  220. </div>
  221. </div>
  222. <div class="pure-u-lg-{$ratioInput} pure-u-{$ratioInputMobile}">
  223. <div class="form-input">
  224. <input type="checkbox" name="enableApi" id="enableApi"
  225. {if="$api_enabled"}checked{/if}/>
  226. </div>
  227. </div>
  228. </div>
  229. <div class="pure-g">
  230. <div class="pure-u-lg-{$ratioLabel} pure-u-1">
  231. <div class="form-label">
  232. <label for="apiSecret">
  233. <span class="label-name">{'API secret'|t}</span><br>
  234. </label>
  235. </div>
  236. </div>
  237. <div class="pure-u-lg-{$ratioLabel} pure-u-1">
  238. <div class="form-input">
  239. <input type="text" name="apiSecret" id="apiSecret" size="50" value="{$api_secret}">
  240. </div>
  241. </div>
  242. </div>
  243. <div class="pure-g">
  244. <div class="pure-u-lg-{$ratioLabel} pure-u-{$ratioLabelMobile}">
  245. <div class="form-label">
  246. <label for="enableThumbnails">
  247. <span class="label-name">{'Enable thumbnails'|t}</span><br>
  248. <span class="label-desc">
  249. {if="! $gd_enabled"}
  250. {'You need to enable the extension <code>php-gd</code> to use thumbnails.'|t}
  251. {elseif="$thumbnails_enabled"}
  252. <a href="?do=thumbs_update">{'Synchonize thumbnails'|t}</a>
  253. {/if}
  254. </span>
  255. </label>
  256. </div>
  257. </div>
  258. <div class="pure-u-lg-{$ratioInput} pure-u-{$ratioInputMobile}">
  259. <div class="form-input">
  260. <input type="checkbox" name="enableThumbnails" id="enableThumbnails"
  261. {if="$thumbnails_enabled"}checked{/if} {if="!$gd_enabled"}disabled{/if} />
  262. </div>
  263. </div>
  264. </div>
  265. <div class="center">
  266. <input type="submit" value="{'Save'|t}" name="save">
  267. </div>
  268. </div>
  269. </div>
  270. <input type="hidden" name="token" value="{$token}">
  271. </form>
  272. {include="page.footer"}
  273. </body>
  274. </html>