+ <div class="pure-g">
+ <div class="pure-u-lg-{$ratioLabel} pure-u-{$ratioLabelMobile}">
+ <div class="form-label">
+ <label for="enableApi">
+ <span class="label-name">{'Enable REST API'|t}</span><br>
+ <span class="label-desc">{'Allow third party software to use Shaarli such as mobile application'|t}</span>
+ </label>
+ </div>
+ </div>
+ <div class="pure-u-lg-{$ratioInput} pure-u-{$ratioInputMobile}">
+ <div class="form-input">
+ <input type="checkbox" name="enableApi" id="enableApi"
+ {if="$api_enabled"}checked{/if}/>
+ </div>
+ </div>
+ </div>
+ <div class="pure-g">
+ <div class="pure-u-lg-{$ratioLabel} pure-u-1">
+ <div class="form-label">
+ <label for="apiSecret">
+ <span class="label-name">{'API secret'|t}</span><br>
+ </label>
+ </div>
+ </div>
+ <div class="pure-u-lg-{$ratioLabel} pure-u-1">
+ <div class="form-input">
+ <input type="text" name="apiSecret" id="apiSecret" size="50" value="{$api_secret}">
+ </div>
+ </div>
+ </div>
+ <div class="pure-g">
+ <div class="pure-u-lg-{$ratioLabel} pure-u-{$ratioLabelMobile}">
+ <div class="form-label">
+ <label for="enableThumbnails">
+ <span class="label-name">{'Enable thumbnails'|t}</span><br>
+ <span class="label-desc">
+ {if="! $gd_enabled"}
+ {'You need to enable the extension <code>php-gd</code> to use thumbnails.'|t}
+ {elseif="$thumbnails_enabled"}
+ <a href="?do=thumbs_update">{'Synchronize thumbnails'|t}</a>
+ {/if}
+ </span>
+ </label>
+ </div>
+ </div>
+ <div class="pure-u-lg-{$ratioInput} pure-u-{$ratioInputMobile}">
+ <div class="form-input">
+ <select name="enableThumbnails" id="enableThumbnails" class="align">
+ <option value="all" {if="$thumbnails_mode=='all'"}selected{/if}>
+ {'All'|t}
+ </option>
+ <option value="common" {if="$thumbnails_mode=='common'"}selected{/if}>
+ {'Only common media hosts'|t}
+ </option>
+ <option value="none" {if="$thumbnails_mode=='none'"}selected{/if}>
+ {'None'|t}
+ </option>
+ </select>
+ </div>
+ </div>
+ </div>