UtilitechAS.amsreader-firmware/web/wifi.html

<form method="post" action="/save">
    <input type="hidden" name="wc" value="true"/>
    <div class="my-3 p-3 bg-white rounded shadow">
        <h6>WiFi</h6>
        <div class="row">
            <div class="col-xl-3 col-md-6 form-group">
                <div class="input-group input-group-sm">
                    <div class="input-group-prepend">
                        <span class="input-group-text">SSID</span>
                    </div>
                    <input type="text" name="s" class="form-control" maxlength="32" value="{s}" required/>
                </div>
            </div>
            <div class="col-xl-3 col-md-6 form-group">
                <div class="input-group input-group-sm">
                    <div class="input-group-prepend">
                        <span class="input-group-text">PSK</span>
                    </div>
                    <input type="password" name="p" class="form-control" maxlength="63" value="{p}" required/>
                </div>
            </div>
            <div class="col-xl-4 col-md-6 form-group">
                <div class="input-group input-group-sm">
                    <div class="input-group-prepend">
                        <span class="input-group-text">Hostname</span>
                    </div>
                    <input type="text" name="h" class="form-control" maxlength="32" pattern="[a-z0-9_-]+" placeholder="Optional, ex.: ams-reader" value="{h}"/>
                    <div class="input-group-append">
                        <label class="input-group-text">
                            <input type="checkbox" name="m" value="true" {m}/> mDNS
                        </label>
                    </div>
                </div>
            </div>
            <div class="col-xl-2 col-md-6 form-group">
                <label><input id="st" type="checkbox" name="st" value="1" {st}/> Static IP</label>
            </div>
        </div>
        <div class="row" id="i">
            <div class="col-xl-3 col-lg-4 form-group">
                <div class="input-group input-group-sm">
                    <div class="input-group-prepend">
                        <span class="input-group-text">IP</span>
                    </div>
                    <input type="text" name="i" class="form-control sip" pattern="\d?\d?\d.\d?\d?\d.\d?\d?\d.\d?\d?\d" value="{i}"/>
                </div>
            </div>
            <div class="col-xl-3 col-lg-4 form-group">
                <div class="input-group input-group-sm">
                    <div class="input-group-prepend">
                        <span class="input-group-text">Netmask</span>
                    </div>
                    <input type="text" name="sn" class="form-control sip" pattern="\d?\d?\d.\d?\d?\d.\d?\d?\d.\d?\d?\d" value="{sn}"/>
                </div>
            </div>
            <div class="col-xl-3 col-lg-4 form-group">
                <div class="input-group input-group-sm">
                    <div class="input-group-prepend">
                        <span class="input-group-text">Gateway</span>
                    </div>
                    <input type="text" name="g" class="form-control sip" pattern="\d?\d?\d.\d?\d?\d.\d?\d?\d.\d?\d?\d" value="{g}"/>
                </div>
            </div>
            <div class="col-xl-4 col-lg-5 form-group">
                <div class="input-group input-group-sm">
                    <div class="input-group-prepend">
                        <span class="input-group-text">DNS 1</span>
                    </div>
                    <input type="text" name="d1" class="form-control sip" pattern="\d?\d?\d.\d?\d?\d.\d?\d?\d.\d?\d?\d" value="{d1}"/>
                </div>
            </div>
            <div class="col-xl-4 col-lg-5 form-group">
                <div class="input-group input-group-sm">
                    <div class="input-group-prepend">
                        <span class="input-group-text">DNS 2</span>
                    </div>
                    <input type="text" name="d2" class="form-control sip" pattern="\d?\d?\d.\d?\d?\d.\d?\d?\d.\d?\d?\d" value="{d2}"/>
                </div>
            </div>

            <div class="col-lg-3 col-md-4 col-sm-6 form-group">
                <div class="input-group input-group-sm">
                    <div class="input-group-prepend">
                        <span class="input-group-text">Power</span>
                    </div>
                    <input type="number" name="w" class="form-control text-right" min="0" max="{wm}" step="0.5" value="{w}"/>
                    <div class="input-group-append">
                        <span class="input-group-text">dBm</span>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <hr/>
    <div class="row form-group">
        <div class="col-6">
            <a href="/" class="btn btn-outline-secondary">Back</a>
        </div>
        <div class="col-6 text-right">
            <button class="btn btn-primary">Save</button>
        </div>
    </div>
</form>