tpl/default/configure.html

   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">{'Home 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" class="align">
  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 for="language">
  76               <span class="label-name">{'Language'|t}</span>
  77             </label>
  78           </div>
  79         </div>
  80         <div class="pure-u-lg-{$ratioInput} pure-u-1">
  81           <div class="form-input">
  82             <select name="language" id="language" class="align">
  83               {loop="$languages"}
  84                 <option value="{$key}"
  85                       {if="$key===$language"}
  86                       selected="selected"
  87                       {/if}
  88                 >
  89                   {$value}
  90                 </option>
  91               {/loop}
  92             </select>
  93           </div>
  94         </div>
  95       </div>
  96       <div class="pure-g">
  97         <div class="pure-u-lg-{$ratioLabel} pure-u-1 ">
  98           <div class="form-label">
  99             <label>
 100               <span class="label-name">{'Timezone'|t}</span><br>
 101               <span class="label-desc">{'Continent'|t} &middot; {'City'|t}</span>
 102             </label>
 103           </div>
 104         </div>
 105         <div class="pure-u-lg-{$ratioInput} pure-u-1 ">
 106           <div class="form-input">
 107             <div class="timezone">
 108               <select id="continent" name="continent">
 109                 {loop="$continents"}
 110                   {if="$key !== 'selected'"}
 111                     <option value="{$value}" {if="$continents.selected === $value"}selected{/if}>
 112                       {$value}
 113                     </option>
 114                   {/if}
 115                 {/loop}
 116               </select>
 117               <select id="city" name="city">
 118                 {loop="$cities"}
 119                   {if="$key !== 'selected'"}
 120                     <option value="{$value.city}"
 121                             {if="$cities.selected === $value.city"}selected{/if}
 122                             data-continent="{$value.continent}">
 123                       {$value.city}
 124                     </option>
 125                   {/if}
 126                 {/loop}
 127               </select>
 128             </div>
 129           </div>
 130         </div>
 131       </div>
 132       <div class="clear"></div>
 133       <div class="pure-g">
 134         <div class="pure-u-lg-{$ratioLabel} pure-u-{$ratioLabelMobile} ">
 135           <div class="form-label">
 136             <label for="disablesessionprotection">
 137               <span class="label-name">{'Disable session cookie hijacking protection'|t}</span><br>
 138                <span class="label-desc">
 139                  {'Check this if you get disconnected or if your IP address changes often'|t}
 140                </span>
 141             </label>
 142           </div>
 143         </div>
 144         <div class="pure-u-lg-{$ratioInput} pure-u-{$ratioInputMobile} ">
 145           <div class="form-input">
 146             <input type="checkbox" name="disablesessionprotection" id="disablesessionprotection"
 147                    {if="$session_protection_disabled"}checked{/if}>
 148           </div>
 149         </div>
 150       </div>
 151       <div class="pure-g">
 152         <div class="pure-u-lg-{$ratioLabel} pure-u-{$ratioLabelMobile} ">
 153           <div class="form-label">
 154             <label for="privateLinkByDefault">
 155               <span class="label-name">{'Private links by default'|t}</span><br>
 156               <span class="label-desc">{'All new links are private by default'|t}</span>
 157             </label>
 158           </div>
 159         </div>
 160         <div class="pure-u-lg-{$ratioInput} pure-u-{$ratioInputMobile} ">
 161           <div class="form-input">
 162             <input type="checkbox" name="privateLinkByDefault" id="privateLinkByDefault"
 163                    {if="$private_links_default"}checked{/if}/>
 164           </div>
 165         </div>
 166       </div>
 167       <div class="pure-g">
 168         <div class="pure-u-lg-{$ratioLabel} pure-u-{$ratioLabelMobile} ">
 169           <div class="form-label">
 170             <label for="enableRssPermalinks">
 171               <span class="label-name">{'RSS direct links'|t}</span><br>
 172               <span class="label-desc">{'Check this to use direct URL instead of permalink in feeds'|t}</span>
 173             </label>
 174           </div>
 175         </div>
 176         <div class="pure-u-lg-{$ratioInput} pure-u-{$ratioInputMobile} ">
 177           <div class="form-input">
 178             <input type="checkbox" name="enableRssPermalinks" id="enableRssPermalinks"
 179                  {if="$enable_rss_permalinks"}checked{/if}/>
 180           </div>
 181         </div>
 182       </div>
 183       <div class="pure-g">
 184         <div class="pure-u-lg-{$ratioLabel} pure-u-{$ratioLabelMobile}">
 185           <div class="form-label">
 186             <label for="hidePublicLinks">
 187               <span class="label-name">{'Hide public links'|t}</span><br>
 188               <span class="label-desc">{'Do not show any links if the user is not logged in'|t}</span>
 189             </label>
 190           </div>
 191         </div>
 192         <div class="pure-u-lg-{$ratioInput} pure-u-{$ratioInputMobile}">
 193           <div class="form-input">
 194             <input type="checkbox" name="hidePublicLinks" id="hidePublicLinks"
 195                    {if="$hide_public_links"}checked{/if}/>
 196           </div>
 197         </div>
 198       </div>
 199       <div class="pure-g">
 200         <div class="pure-u-lg-{$ratioLabel} pure-u-{$ratioLabelMobile}">
 201           <div class="form-label">
 202             <label for="hidePublicLinks">
 203               <span class="label-name">{'Check updates'|t}</span><br>
 204               <span class="label-desc">{'Notify me when a new release is ready'|t}</span>
 205             </label>
 206           </div>
 207         </div>
 208         <div class="pure-u-lg-{$ratioInput} pure-u-{$ratioInputMobile}">
 209           <div class="form-input">
 210             <input type="checkbox" name="updateCheck" id="updateCheck"
 211                  {if="$enable_update_check"}checked{/if}/>
 212           </div>
 213         </div>
 214       </div>
 215       <div class="pure-g">
 216         <div class="pure-u-lg-{$ratioLabel} pure-u-{$ratioLabelMobile}">
 217           <div class="form-label">
 218             <label for="enableApi">
 219               <span class="label-name">{'Enable REST API'|t}</span><br>
 220               <span class="label-desc">{'Allow third party software to use Shaarli such as mobile application'|t}</span>
 221             </label>
 222           </div>
 223         </div>
 224         <div class="pure-u-lg-{$ratioInput} pure-u-{$ratioInputMobile}">
 225           <div class="form-input">
 226             <input type="checkbox" name="enableApi" id="enableApi"
 227                  {if="$api_enabled"}checked{/if}/>
 228           </div>
 229         </div>
 230       </div>
 231       <div class="pure-g">
 232         <div class="pure-u-lg-{$ratioLabel} pure-u-1">
 233           <div class="form-label">
 234             <label for="apiSecret">
 235               <span class="label-name">{'API secret'|t}</span><br>
 236             </label>
 237           </div>
 238         </div>
 239         <div class="pure-u-lg-{$ratioLabel} pure-u-1">
 240           <div class="form-input">
 241             <input type="text" name="apiSecret" id="apiSecret" size="50" value="{$api_secret}">
 242           </div>
 243         </div>
 244       </div>
 245       <div class="pure-g">
 246         <div class="pure-u-lg-{$ratioLabel} pure-u-{$ratioLabelMobile}">
 247           <div class="form-label">
 248             <label for="enableThumbnails">
 249               <span class="label-name">{'Enable thumbnails'|t}</span><br>
 250               <span class="label-desc">
 251                 {if="! $gd_enabled"}
 252                   {'You need to enable the extension <code>php-gd</code> to use thumbnails.'|t}
 253                 {elseif="$thumbnails_enabled"}
 254                   <a href="?do=thumbs_update">{'Synchronize thumbnails'|t}</a>
 255                 {/if}
 256               </span>
 257             </label>
 258           </div>
 259         </div>
 260         <div class="pure-u-lg-{$ratioInput} pure-u-{$ratioInputMobile}">
 261           <div class="form-input">
 262             <select name="enableThumbnails" id="enableThumbnails" class="align">
 263               <option value="all"    {if="$thumbnails_mode=='all'"}selected{/if}>
 264                 {'All'|t}
 265               </option>
 266               <option value="common" {if="$thumbnails_mode=='common'"}selected{/if}>
 267                 {'Only common media hosts'|t}
 268               </option>
 269               <option value="none"   {if="$thumbnails_mode=='none'"}selected{/if}>
 270                 {'None'|t}
 271               </option>
 272             </select>
 273           </div>
 274         </div>
 275       </div>
 276       <div class="center">
 277         <input type="submit" value="{'Save'|t}" name="save">
 278       </div>
 279     </div>
 280   </div>
 281   <input type="hidden" name="token" value="{$token}">
 282 </form>
 283
 284 {include="page.footer"}
 285 </body>
 286 </html>
 287