configForm.html

<hr>

{{! Image }}
<div class="form-group">
    <label>{{ localize "which-way-is-north.sceneSettings.image.label" }}</label>
    <div class="form-fields">
        <label class="checkbox">
            <input type="checkbox" name="{{flagPath}}.enabled" {{checked enabled}}>
        </label>
        {{filePicker id=(concat moduleID "-filePicker") type="image" target=(concat flagPath ".src")}}
        <input class="image" type="text" name="{{flagPath}}.src" placeholder="File Path" value="{{src}}">
    </div>
    <p class="notes">{{ localize "which-way-is-north.sceneSettings.image.notes" }}</p>
</div>

{{! Dimensions }}
<div class="form-group slim">
    <label>{{ localize "which-way-is-north.sceneSettings.dimensions.label" }} <span class="units">({{ localize "which-way-is-north.sceneSettings.dimensions.unit" }})</span></label>
    <div class="form-fields">
        <label>{{ localize "which-way-is-north.sceneSettings.dimensions.formFields.width.label" }}</label>
        <input type="number" step="any" name="{{flagPath}}.width" value="{{width}}">
        <label>{{ localize "which-way-is-north.sceneSettings.dimensions.formFields.height.label" }}</label>
        <input type="number" step="any" name="{{flagPath}}.height" value="{{height}}">
    </div>
</div>

{{! Rotation }}
<div class="form-group slim">
    <label>{{ localize "which-way-is-north.sceneSettings.rotation.label" }} <span class="units">({{ localize "which-way-is-north.sceneSettings.rotation.unit" }})</span></label>
    <div class="form-fields">
        <label>{{ localize "which-way-is-north.sceneSettings.rotation.formFields.rotation.label" }}</label>
        <input type="number" step="1" name="{{flagPath}}.rot" value="{{rot}}">
    </div>
</div>

{{! Opacity }}
<div class="form-group">
    <label>{{ localize "which-way-is-north.sceneSettings.opacity.label" }} <span class="units">({{ localize "which-way-is-north.sceneSettings.opacity.unit" }})</span></label>
    <div class="form-fields">
        {{rangePicker name=(concat flagPath ".opacity") value=opacity min="0" max="1" step="0.05"}}
    </div>
</div>