+ <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>