yeungalan
/
ArOZMinecraftServer


			
				
					
						
						
							1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283
							<!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">
</head>

<body>
    <div class="ui divided items" id="userlist">
    </div>
</body>
<script>
    $.get("serverinfo", function(data) {
        if (data.sample.length == 0) {
            $("#userlist").append(`
                    <div class="item">
            <div class="content">
                <div class="header">No one here :(</div>
            </div>
        </div>
            `)
        }
        $.each(data.sample, function(i, item) {
            $("#userlist").append(`
                    <div class="item">
            <div class="ui mini image" style="width:64px">
                <div class="mc-face-viewer-8x" style="background-image:url('/img/` + item.uuid + `.png')"></div>
            </div>
            <div class="content">
                <div class="header">` + item.name + `</div>
                <div class="meta">
                    <span>` + item.uuid + `</span>
                </div>
            </div>
            <div class="ui right floated buttons" username="` + item.name + `">
                <button onclick="op(this)" class="ui green button">Op</button>
                <button onclick="deop(this)" class="ui yellow button">De-Op</button>
                <button onclick="kick(this)" class="ui orange button">Kick</button>
                <button onclick="ban(this)" class="ui red button">Ban</button>
            </div>
        </div>
            `)
        })
    });

    function op(btn) {
        var username = $(btn).parent().attr("username");
        sendCmd("op " + username);
    }

    function deop(btn) {
        var username = $(btn).parent().attr("username");
        sendCmd("deop " + username);
    }

    function kick(btn) {
        var username = $(btn).parent().attr("username");
        sendCmd("kick " + username);
    }

    function ban(btn) {
        var username = $(btn).parent().attr("username");
        sendCmd("ban " + username);
    }

    function sendCmd(cmdVal) {
        $.get("sendcommand?command=" + cmdVal, function(data) {});
    }
</script>

</html>