ops.html 2.4 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <!-- Standard Meta -->
  5. <meta charset="utf-8" />
  6. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
  7. <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
  8. <!-- Site Properties -->
  9. <title>Minecraft Server</title>
  10. <script src="https://code.jquery.com/jquery-3.1.1.min.js" crossorigin="anonymous"></script>
  11. <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/semantic-ui@2.4.2/dist/semantic.min.css">
  12. <script src="https://cdn.jsdelivr.net/npm/semantic-ui@2.4.2/dist/semantic.min.js"></script>
  13. <!-- MC Skin-->
  14. <link rel="stylesheet" href="/css/minecraft-skinviewer.css">
  15. </head>
  16. <body>
  17. <div class="ui divided items" id="userlist">
  18. </div>
  19. </body>
  20. <script>
  21. var refreshInfo;
  22. var currentOnlineUser = [];
  23. setInterval(function() {
  24. updateInfo()
  25. }, 5000);
  26. function updateInfo() {
  27. $.get("/ops", function(data) {
  28. if (data.length == 0) {
  29. $("#userlist").html(`
  30. <div class="item">
  31. <div class="content">
  32. <div class="header">No one here :(</div>
  33. </div>
  34. </div>
  35. `)
  36. return
  37. }
  38. $("#userlist").html("");
  39. $.each(data, function(i, item) {
  40. $("#userlist").append(`
  41. <div class="item">
  42. <div class="ui mini image" style="width:64px">
  43. <div class="mc-face-viewer-8x" style="background-image:url('/skin/` + item.uuid + `.png')"></div>
  44. </div>
  45. <div class="content">
  46. <div class="header">` + item.name + `</div>
  47. <div class="meta">
  48. <span>` + item.uuid + `</span>
  49. </div>
  50. </div>
  51. <div class="ui right floated buttons" style="display:block;margin:auto" username="` + item.name + `">
  52. <button onclick="deop(this)" class="ui red button">Deop</button>
  53. </div>
  54. </div>
  55. `)
  56. })
  57. currentOnlineUser = data.sample;
  58. });
  59. }
  60. function unban(btn) {
  61. var username = $(btn).parent().attr("username");
  62. sendCmd("ban " + username);
  63. }
  64. </script>
  65. </html>