<!-- @import "/kitparts/head.html" -->

<button id="trigger" style="background-color:yellow; position:absolute; top:0; left:0; z-index:9999;">Trigger isLoading</button>

<!-- @import "/app/nav/components/nav.html" -->
<div class="container-fluid">
    <!-- @import "/app/settings/components/settings.html" -->
    <div class="row">
        <!-- @import "/app/breadcrumb/components/breadcrumb.html" -->
        <!-- @import "/app/portfolio/components/portfolio.html" -->
    </div>
    <div class="row">
        <div class="col-12">
            <ul class="nav nav-tabs stationtabs" role="tablist">
                <li class="nav-item">
                    <a class="nav-link active " href="#units" role="tab" data-toggle="tab" id="unitTab">Units</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link " href="#metstations" role="tab" data-toggle="tab" id="msTab">Met. stations</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link " href="#gridmeters" role="tab" data-toggle="tab" id="gsTab">Grid meters</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link " href="#substations" role="tab" data-toggle="tab" id="ssTab">Sub stations</a>
                </li>
            </ul>
            <div class="scadacard level1 notlr" id="monitorwrapper">
                <!-- @import "/app/backlink/components/back.html" -->
                <!-- @import "/app/filterindicator/components/filterindicator.html" -->

                <!-- @import "/app/monitor/components/drillcontainer.kit" -->
            </div>
        </div>
    </div>
</div>

<!-- @import "/kitparts/end.html" -->