UtilitechAS.amsreader-firmware/web/price.html

<div id="sensors" class="my-3 p-3 bg-white rounded shadow">
    <p>Price retrieval requires ENTSO-E API to be configured and valid timestamp available. The timestamp can either come from a working NTP configuration or valid timestamp from the meter.</p>
    <div class="row">
        <div class="col-lg-2 col-md-3 col-sm-4">
            <div class="row">
                <div class="col-6 text-right">${time0}</div>
                <div class="col-6">${price0}</div>
            </div>
        </div>
        <div class="col-lg-2 col-md-3 col-sm-4">
            <div class="row">
                <div class="col-6 text-right">${time1}</div>
                <div class="col-6">${price1}</div>
            </div>
        </div>
        <div class="col-lg-2 col-md-3 col-sm-4">
            <div class="row">
                <div class="col-6 text-right">${time2}</div>
                <div class="col-6">${price2}</div>
            </div>
        </div>
        <div class="col-lg-2 col-md-3 col-sm-4">
            <div class="row">
                <div class="col-6 text-right">${time3}</div>
                <div class="col-6">${price3}</div>
            </div>
        </div>
        <div class="col-lg-2 col-md-3 col-sm-4">
            <div class="row">
                <div class="col-6 text-right">${time4}</div>
                <div class="col-6">${price4}</div>
            </div>
        </div>
        <div class="col-lg-2 col-md-3 col-sm-4">
            <div class="row">
                <div class="col-6 text-right">${time5}</div>
                <div class="col-6">${price5}</div>
            </div>
        </div>
        <div class="col-lg-2 col-md-3 col-sm-4">
            <div class="row">
                <div class="col-6 text-right">${time6}</div>
                <div class="col-6">${price6}</div>
            </div>
        </div>
        <div class="col-lg-2 col-md-3 col-sm-4">
            <div class="row">
                <div class="col-6 text-right">${time7}</div>
                <div class="col-6">${price7}</div>
            </div>
        </div>
        <div class="col-lg-2 col-md-3 col-sm-4">
            <div class="row">
                <div class="col-6 text-right">${time8}</div>
                <div class="col-6">${price8}</div>
            </div>
        </div>
        <div class="col-lg-2 col-md-3 col-sm-4">
            <div class="row">
                <div class="col-6 text-right">${time9}</div>
                <div class="col-6">${price9}</div>
            </div>
        </div>
        <div class="col-lg-2 col-md-3 col-sm-4">
            <div class="row">
                <div class="col-6 text-right">${time10}</div>
                <div class="col-6">${price10}</div>
            </div>
        </div>
        <div class="col-lg-2 col-md-3 col-sm-4">
            <div class="row">
                <div class="col-6 text-right">${time11}</div>
                <div class="col-6">${price11}</div>
            </div>
        </div>
        <div class="col-lg-2 col-md-3 col-sm-4">
            <div class="row">
                <div class="col-6 text-right">${time12}</div>
                <div class="col-6">${price12}</div>
            </div>
        </div>
        <div class="col-lg-2 col-md-3 col-sm-4">
            <div class="row">
                <div class="col-6 text-right">${time13}</div>
                <div class="col-6">${price13}</div>
            </div>
        </div>
        <div class="col-lg-2 col-md-3 col-sm-4">
            <div class="row">
                <div class="col-6 text-right">${time14}</div>
                <div class="col-6">${price14}</div>
            </div>
        </div>
        <div class="col-lg-2 col-md-3 col-sm-4">
            <div class="row">
                <div class="col-6 text-right">${time15}</div>
                <div class="col-6">${price15}</div>
            </div>
        </div>
        <div class="col-lg-2 col-md-3 col-sm-4">
            <div class="row">
                <div class="col-6 text-right">${time16}</div>
                <div class="col-6">${price16}</div>
            </div>
        </div>
        <div class="col-lg-2 col-md-3 col-sm-4">
            <div class="row">
                <div class="col-6 text-right">${time17}</div>
                <div class="col-6">${price17}</div>
            </div>
        </div>
        <div class="col-lg-2 col-md-3 col-sm-4">
            <div class="row">
                <div class="col-6 text-right">${time18}</div>
                <div class="col-6">${price18}</div>
            </div>
        </div>
        <div class="col-lg-2 col-md-3 col-sm-4">
            <div class="row">
                <div class="col-6 text-right">${time19}</div>
                <div class="col-6">${price19}</div>
            </div>
        </div>
        <div class="col-lg-2 col-md-3 col-sm-4">
            <div class="row">
                <div class="col-6 text-right">${time20}</div>
                <div class="col-6">${price20}</div>
            </div>
        </div>
        <div class="col-lg-2 col-md-3 col-sm-4">
            <div class="row">
                <div class="col-6 text-right">${time21}</div>
                <div class="col-6">${price21}</div>
            </div>
        </div>
        <div class="col-lg-2 col-md-3 col-sm-4">
            <div class="row">
                <div class="col-6 text-right">${time22}</div>
                <div class="col-6">${price22}</div>
            </div>
        </div>
        <div class="col-lg-2 col-md-3 col-sm-4">
            <div class="row">
                <div class="col-6 text-right">${time23}</div>
                <div class="col-6">${price23}</div>
            </div>
        </div>
    </div>
</div>