Template.ImageAdjustment.html

<script id="ImageAdjustment-dialog-template" type="text/x-handlebars-template">
    <div class="image-adjustment-default-div" style="padding-top: 0px; height: 25px;">
        <h4 class="image-adjustment-header" style="font-weight: bold; margin: 0px; font-size: 20px;">Image Adjustments</h4>
    </div>
    <div class="image-adjustment-default-div">
        <button id="image-adjustment-invert-button" class="image-adjustment-button" 
        title="Inverts image colors">Invert</button>
        <button id="image-adjustment-auto-button" class="image-adjustment-button"
        title="Apply automatic preset settings">Auto</button>
        <button id="image-adjustment-reset-button" class="image-adjustment-button"
        title="Restore default image settings">Reset</button>
    </div> 
    {{#each filterList}}
    <label class="image-adjustment-slider-label">{{this.label}}</label>
    <div class="image-adjustment-slider-div">
        <input class="imageInput" id={{this.inputID}} value = {{this.defaultValue}}  min={{this.min}} max={{this.max}} step={{this.step}} type="number">
        <input class="imageSlider" id={{this.sliderID}} value = {{this.defaultValue}} min={{this.min}} max={{this.max}} step={{this.step}} type=range>
    </div>
    {{/each}}
    <p class="image-adjustment-subtext" style="margin-bottom: 0px; margin-top: 5px">Settings saved to the JSON (shift+s) can be restored to default (Reset)</p>
</script>