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