mechanical/templates/home.html

{% extends "index.html" %}
{% block title %}總覽{% endblock %}
{% block head %}
{{ super() }}
{% endblock %}


{% block body %}

<p id="company_text" hidden></p>
<p id="factory_text" hidden></p>
<p id="department_text" hidden></p>
<p id="towergroup_text" hidden></p>

<div>
    <!-- <h1 style="color:#002E86;" class="fw-bold">機組狀態<span style="font-size: 16px;" id="company_name"></span></h1> -->
    <div id='factory'>
        <div style="font-size: 20px;" id='company'></div>
        <div style="margin: 2.3vmin; padding: 15px;" class="row px-0 mb-0">
            <div class="col-4">
                <div id='company_name' class="mt-5"></div>
            </div>
            <div class="col-4">
                <!-- <div style='margin: 2.3vmin; padding: 15px;' id='company_name' class="mt-5"></div> -->
            </div>
            <div class="col-4 d-flex align-items-end pe-0">
                    <select style="display: none;" class="form-select w-100" id="department_list"
                    onChange="department_change();"></select>
            </div>
        
        </div>
        <div>
            <div class="row px-0 mx-0">
                <div class="col-lg-5">
                    <div class="mb-3" id='factory_select'></div>
                </div>
                <div class="col-lg-6">
                    <div style="display: none;" id="map"></div>
                </div>
            </div>
        </div>
    </div>
    <!-- <div style='margin: 2.3vmin; padding: 15px;' id='company_name2'></div> -->
    <div id='department'>
        <div id='department_show'></div>
    </div>
    <div id='towergroup'></div>
</div>
<script type="text/javascript" src="static/home.js"></script>

<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDNaWlcg9y27m2ZpzXQ2EhH1BZW2WAxA6E&callback=initMap"
    asyncdefer></script>
{% endblock %}