mechanical/templates/system.html

{% extends "index.html" %}
{% block title %}系統設定{% endblock %}
{% block head %}
{{ super() }}
{% endblock %}


{% block body %}
<div>
    <div id="tmp" style="padding:15px;" class="my-3">
        <div style="padding-left:15px;">
            <button type="button"
                style="padding:10px 30px; background:#FFF; color:#002E86; border: 1px solid #002E86; border-radius: 10px; font-size:16px;"
                class="me-2 fw-bold system-btn">使用者</button>
            <button type="button"
                style="padding:10px 30px; background:#FFF; color:#002E86; border: 1px solid #002E86; border-radius: 10px; font-size:16px;"
                class="me-2 fw-bold system-btn">聯絡人</button>
            <button type="button"
                style="padding:10px 30px; background:#FFF; color:#002E86; border: 1px solid #002E86; border-radius: 10px; font-size:16px;"
                class="me-2 fw-bold system-btn">環境設置</button>
            <button type="button"
                style="padding:10px 30px; background:#FFF; color:#002E86; border: 1px solid #002E86; border-radius: 10px; font-size:16px;"
                class="me-2 fw-bold system-btn">LINE群組設定</button>
        </div>
    </div>
    <div id="info_table"></div>
    <div style="padding:15px">
        <div style="width: 40vw;" id="member_auth"></div>
    </div>
</div>
<script type="text/javascript" src="static/table.js"></script>
<script>
    function navlinkactive() {
        $('#nav-system').addClass('active');
    }
    navlinkactive();

    // $(document).on("click", ".system-btn", function (event) {
    //     $(this).addClass("tower-active");
    //     $(".tower-active").siblings().removeClass('tower-active');
    // });

    $('.system-btn').click(function() {
        $(this).addClass("tower-active");
        // $(".tower-active").siblings().removeClass('tower-active');
    });


    // $('.system-btn').click(function() {
    //     $(this).addClass("tower-active");
    //     $(".tower-active").siblings().removeClass('tower-active');
    // });
</script>
{% endblock %}