spothole/views/webpage_add_spot.tpl

% rebase('webpage_base.tpl')

<div class="alert alert-warning fade show mb-0 mt-4" role="alert">
    Please note that spots added to Spothole are not currently sent "upstream" to DX clusters or xOTA spotting sites.
</div>

<div class="mt-3">
    <div id="add-spot-area" class="card mb-3">
        <div class="card-header text-white bg-primary">
            <div class="row">
                <div class="col-auto me-auto">
                    Add a Spot
                </div>
            </div>
        </div>
        <div class="card-body">
            <form class="row g-2">
                <div class="col-auto">
                    <label for="dx-call" class="form-label">DX Call</label>
                    <input type="text" class="form-control" id="dx-call" placeholder="N0CALL" style="max-width: 8em;">
                </div>
                <div class="col-auto">
                    <label for="freq" class="form-label">Frequency (kHz)</label>
                    <input type="text" class="form-control" id="freq" placeholder="14100" style="max-width: 8em;">
                </div>
                <div class="col-auto">
                    <label for="mode" class="form-label">Mode</label>
                    <input type="text" class="form-control" id="mode" placeholder="SSB" style="max-width: 6em;">
                </div>
                <div class="col-auto">
                    <label for="comment" class="form-label">Comment</label>
                    <input type="text" class="form-control" id="comment" placeholder="59 TNX QSO 73" style="max-width: 12em;">
                </div>
                <div class="col-auto">
                    <label for="de-call" class="form-label">Your Call</label>
                    <input type="text" class="form-control storeable-text" id="de-call" placeholder="N0CALL" style="max-width: 8em;">
                </div>
                <div class="col-auto">
                    <button type="button" class="btn btn-primary" style="margin-top: 2em;" onclick="addSpot();">Spot</button>
                    <span id="result-good"></span>
                </div>
            </form>

            <div id="result-bad"></div>
        </div>
    </div>

</div>

<script src="/js/common.js"></script>
<script src="/js/add-spot.js"></script>
<script>$(document).ready(function() { $("#nav-link-add-spot").addClass("active"); }); <!-- highlight active page in nav --></script>