configure.html 9.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247
  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>
  74. <span class="label-name">{'Timezone'|t}</span><br>
  75. <span class="label-desc">{'Continent'|t} &middot; {'City'|t}</span>
  76. </label>
  77. </div>
  78. </div>
  79. <div class="pure-u-lg-{$ratioInput} pure-u-1 ">
  80. <div class="form-input">
  81. <div class="timezone">
  82. <select id="continent" name="continent">
  83. {loop="$continents"}
  84. {if="$key !== 'selected'"}
  85. <option value="{$value}" {if="$continents.selected === $value"}selected{/if}>
  86. {$value}
  87. </option>
  88. {/if}
  89. {/loop}
  90. </select>
  91. <select id="city" name="city">
  92. {loop="$cities"}
  93. {if="$key !== 'selected'"}
  94. <option value="{$value.city}"
  95. {if="$cities.selected === $value.city"}selected{/if}
  96. data-continent="{$value.continent}">
  97. {$value.city}
  98. </option>
  99. {/if}
  100. {/loop}
  101. </select>
  102. </div>
  103. </div>
  104. </div>
  105. </div>
  106. <div class="pure-g">
  107. <div class="pure-u-lg-{$ratioLabel} pure-u-1 ">
  108. <div class="form-label">
  109. <label for="redirector">
  110. <span class="label-name">{'Redirector'|t}</span><br>
  111. <span class="label-desc">{'e. g.'|t} <i>http://anonym.to/?</i> {'will mask the HTTP_REFERER'|t}</span>
  112. </label>
  113. </div>
  114. </div>
  115. <div class="pure-u-lg-{$ratioInput} pure-u-1 ">
  116. <div class="form-input">
  117. <input type="text" name="redirector" id="redirector" size="50" value="{$redirector}">
  118. </div>
  119. </div>
  120. </div>
  121. <div class="clear"></div>
  122. <div class="pure-g">
  123. <div class="pure-u-lg-{$ratioLabel} pure-u-{$ratioLabelMobile} ">
  124. <div class="form-label">
  125. <label for="disablesessionprotection">
  126. <span class="label-name">{'Disable session cookie hijacking protection'|t}</span><br>
  127. <span class="label-desc">
  128. {'Check this if you get disconnected or if your IP address changes often'|t}
  129. </span>
  130. </label>
  131. </div>
  132. </div>
  133. <div class="pure-u-lg-{$ratioInput} pure-u-{$ratioInputMobile} ">
  134. <div class="form-input">
  135. <input type="checkbox" name="disablesessionprotection" id="disablesessionprotection"
  136. {if="$session_protection_disabled"}checked{/if}>
  137. </div>
  138. </div>
  139. </div>
  140. <div class="pure-g">
  141. <div class="pure-u-lg-{$ratioLabel} pure-u-{$ratioLabelMobile} ">
  142. <div class="form-label">
  143. <label for="privateLinkByDefault">
  144. <span class="label-name">{'Private links by default'|t}</span><br>
  145. <span class="label-desc">{'All new links are private by default'|t}</span>
  146. </label>
  147. </div>
  148. </div>
  149. <div class="pure-u-lg-{$ratioInput} pure-u-{$ratioInputMobile} ">
  150. <div class="form-input">
  151. <input type="checkbox" name="privateLinkByDefault" id="privateLinkByDefault"
  152. {if="$private_links_default"}checked{/if}/>
  153. </div>
  154. </div>
  155. </div>
  156. <div class="pure-g">
  157. <div class="pure-u-lg-{$ratioLabel} pure-u-{$ratioLabelMobile} ">
  158. <div class="form-label">
  159. <label for="enableRssPermalinks">
  160. <span class="label-name">{'RSS direct links'|t}</span><br>
  161. <span class="label-desc">{'Check this to use direct URL instead of permalink in feeds'|t}</span>
  162. </label>
  163. </div>
  164. </div>
  165. <div class="pure-u-lg-{$ratioInput} pure-u-{$ratioInputMobile} ">
  166. <div class="form-input">
  167. <input type="checkbox" name="enableRssPermalinks" id="enableRssPermalinks"
  168. {if="$enable_rss_permalinks"}checked{/if}/>
  169. </div>
  170. </div>
  171. </div>
  172. <div class="pure-g">
  173. <div class="pure-u-lg-{$ratioLabel} pure-u-{$ratioLabelMobile}">
  174. <div class="form-label">
  175. <label for="hidePublicLinks">
  176. <span class="label-name">{'Hide public links'|t}</span><br>
  177. <span class="label-desc">{'Do not show any links if the user is not logged in'|t}</span>
  178. </label>
  179. </div>
  180. </div>
  181. <div class="pure-u-lg-{$ratioInput} pure-u-{$ratioInputMobile}">
  182. <div class="form-input">
  183. <input type="checkbox" name="hidePublicLinks" id="hidePublicLinks"
  184. {if="$hide_public_links"}checked{/if}/>
  185. </div>
  186. </div>
  187. </div>
  188. <div class="pure-g">
  189. <div class="pure-u-lg-{$ratioLabel} pure-u-{$ratioLabelMobile}">
  190. <div class="form-label">
  191. <label for="hidePublicLinks">
  192. <span class="label-name">{'Check updates'|t}</span><br>
  193. <span class="label-desc">{'Notify me when a new release is ready'|t}</span>
  194. </label>
  195. </div>
  196. </div>
  197. <div class="pure-u-lg-{$ratioInput} pure-u-{$ratioInputMobile}">
  198. <div class="form-input">
  199. <input type="checkbox" name="updateCheck" id="updateCheck"
  200. {if="$enable_update_check"}checked{/if}/>
  201. </div>
  202. </div>
  203. </div>
  204. <div class="pure-g">
  205. <div class="pure-u-lg-{$ratioLabel} pure-u-{$ratioLabelMobile}">
  206. <div class="form-label">
  207. <label for="enableApi">
  208. <span class="label-name">{'Enable REST API'|t}</span><br>
  209. <span class="label-desc">{'Allow third party software to use Shaarli such as mobile application'|t}</span>
  210. </label>
  211. </div>
  212. </div>
  213. <div class="pure-u-lg-{$ratioInput} pure-u-{$ratioInputMobile}">
  214. <div class="form-input">
  215. <input type="checkbox" name="enableApi" id="enableApi"
  216. {if="$api_enabled"}checked{/if}/>
  217. </div>
  218. </div>
  219. </div>
  220. <div class="pure-g">
  221. <div class="pure-u-lg-{$ratioLabel} pure-u-1">
  222. <div class="form-label">
  223. <label for="apiSecret">
  224. <span class="label-name">{'API secret'|t}</span><br>
  225. </label>
  226. </div>
  227. </div>
  228. <div class="pure-u-lg-{$ratioLabel} pure-u-1">
  229. <div class="form-input">
  230. <input type="text" name="apiSecret" id="apiSecret" size="50" value="{$api_secret}">
  231. </div>
  232. </div>
  233. </div>
  234. <div class="center">
  235. <input type="submit" value="{'Save'|t}" name="save">
  236. </div>
  237. </div>
  238. </div>
  239. <input type="hidden" name="token" value="{$token}">
  240. </form>
  241. {include="page.footer"}
  242. </body>
  243. </html>