+ <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">
+ {'Warning: '|t}
+ {'It\'s recommended to visit the picture wall after enabling this feature.'|t}
+ {'If you have a large database, the first retrieval may take a few minutes.'|t}
+ </span>
+ </label>
+ </div>
+ </div>
+ <div class="pure-u-lg-{$ratioInput} pure-u-{$ratioInputMobile}">
+ <div class="form-input">
+ <input type="checkbox" name="enableThumbnails" id="enableThumbnails"
+ {if="$thumbnails_enabled"}checked{/if}/>
+ </div>
+ </div>
+ </div>