yeungalan
/
ArOZMinecraftServer


			
							12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788
							<!DOCTYPE html>
<html>

<head>
    <!-- Standard Meta -->
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">

    <!-- Site Properties -->
    <title>Minecraft Server</title>

    <script src="https://code.jquery.com/jquery-3.1.1.min.js" crossorigin="anonymous"></script>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/semantic-ui@2.4.2/dist/semantic.min.css">
    <script src="https://cdn.jsdelivr.net/npm/semantic-ui@2.4.2/dist/semantic.min.js"></script>
    <!-- MC Skin-->
    <link rel="stylesheet" href="/css/minecraft-skinviewer.css">
    <!-- Semantic UI Alert-->
    <link rel="stylesheet" href="/css/Semantic-UI-Alert.css">
    <script src="/js/semantic-ui-alert.js"></script>
    <script src="/js/alert.js"></script>

</head>

<body>
    <div class="ui divided items" id="userlist">
    </div>
    <div class="ui fluid input" style="position: fixed;bottom: 10px;width: 99vw;">
        <input type="text" id="ip" placeholder="IP">
        <div style="width:10px"></div>
        <input type="text" id="reason" placeholder="Reason">
        <div style="width:10px"></div>
        <div class="ui button" onclick="submit()">Submit</div>
    </div>

</body>
<script>
    updateInfo();
    setInterval(function() {
        updateInfo()
    }, 5000);


    function updateInfo() {
        $.get("/ban-ip", function(data) {
            if (data.length == 0) {
                $("#userlist").html(`
                    <div class="item">
                        <div class="content">
                            <div class="header"No record.</div>
                        </div>
                    </div>
                `)
                return
            }
            $("#userlist").html("");
            $.each(data, function(i, item) {
                $("#userlist").append(`
                <div class="item">
                    <div class="content">
                        <div class="header">` + item.ip + `</div>
                        <div class="meta">
                            <span>` + item.reason + `</span>
                        </div>
                    </div>
                    <div class="ui right floated buttons" style="display:block;margin:auto" ip="` + item.ip + `">
                        <button onclick="unban(this)" class="ui red button">UnBan</button>
                    </div>
                </div>
                `)
            })
            $("#userlist").append('<div style="height:40px"></div>');
        });
    }

    function unban(btn) {
        var data = $(btn).parent().attr("ip");
        $.get("/ban-ip/remove?field=ip&search=" + data);
    }

    function submit() {
        var ip = $("#ip").val();
        var reason = $("#reason").val();
        $.get("/ban-ip/add?ip=" + ip + "&reason=" + reason);
    }
</script>

</html>