decor-6-site/assets/pagedjs/interface.html

 
<div class="reset-this" id="header-group-grid">
    <form class="reset-this grid-form" id="baseline-form">
        <div class="reset-this grid-form-header">
            <h1 class="reset-this">Baseline</h1>
            <input class="reset-this" type="checkbox" id="baseline-toggle" name="baseline-toggle">
            <label class="reset-this grid-form-label" for="baseline-toggle" id="label-baseline-toggle">Afficher</label>
        </div>
        <div class="reset-this grid-form-values-group" id="size-baseline-form">
            <div>
                <label class="reset-this" for="size-baseline">Taille (px)</label>
                <input class="reset-this" type="number" id="size-baseline" name="size-baseline" min="1" max="100" value="12">
            </div>
            <div>
                <label class="reset-this" for="position-baseline" id="label-position">Position (px)</label>
                <input class="reset-this" type="number" id="position-baseline" name="position-baseline" value="0">
            </div>
        </div>
    </form>
    <form class="reset-this grid-form" id="marginbox-form">
        <div class="reset-this grid-form-header">
            <h1 class="reset-this">Margin boxes</h1>
            <input class="reset-this" type="checkbox" id="marginbox-toggle" name="marginbox-toggle">
            <label class="reset-this grid-form-label" for="marginbox-toggle" id="label-marginbox-toggle">Afficher</label>
        </div>
    </form>
</div>
<div class="reset-this" id="header-group-right">
    <div class="reset-this header-group" id="buttons">
        <form class="reset-this" id="layer-form">
            <label class="reset-this" for="layer-select">Sélection de couche</label>
            <select class="reset-this" id="layer-select" name="layer-select">
                <option value="">Toutes</option>
                <option value="red-layer">Rouge</option>
                <option value="green-layer">Verte</option>
                <option value="blue-layer">Bleue</option>
                <option value="black-layer">Noire</option>
            </select>
        </form>
        <br>
        <form class="reset-this" id="preview-form">
            <input class="reset-this" type="checkbox" id="preview-toggle" name="preview-toggle">
            <label class="reset-this"for="preview-toggle" id="label-preview-toggle">
                <!-- <img src="assets/pagedjs/icon-preview.svg">            -->
                Preview
            </label>
        </form>
        <form class="reset-this" id="black-form">
            <input class="reset-this" type="checkbox" id="black-toggle" name="black-toggle">
            <label class="reset-this"for="black-toggle" id="label-black-toggle">
                Noir et blanc
            </label>
        </form>
        <button class="reset-this" id="button-print" onclick="window.print()" data-ready="false" data-text="Print">
            <!-- <img src="assets/pagedjs/icon-printer.svg">-->
            Exporter le PDF page à page
        </button>
        <button class="reset-this" id="button-print-spread" data-ready="false" data-text="Print Spread">
            Exporter le PDF imposé
        </button>
    </div>
</div>