102 lines
8.4 KiB
HTML
102 lines
8.4 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<link rel="stylesheet" href="../../globalcss.css">
|
|
<link rel="stylesheet" href="../panel.css">
|
|
<link rel="stylesheet" href="style.css">
|
|
<link rel="shortcut icon" href="../../img/logo.png" type="image/x-icon">
|
|
<script src="https://cdn.jsdelivr.net/npm/vue@2"></script>
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.29.4/moment.min.js"></script>
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/js-sha1/0.6.0/sha1.min.js"></script>
|
|
<title>M-Panel | Logs</title>
|
|
</head>
|
|
<body>
|
|
<div id="loading-container" class="panel">
|
|
<div id="loading-item"></div>
|
|
</div>
|
|
|
|
<div id="app">
|
|
<m-navbar
|
|
loginhref="/Login/"
|
|
homehref="/"
|
|
rightbutton="Sign Out"
|
|
colorofbutton="yellow-white-linear"
|
|
></m-navbar>
|
|
<div id="background-front"></div>
|
|
<div id="background"></div>
|
|
<div id="page-content-container">
|
|
<div id="panel-content">
|
|
<left-navbar
|
|
activepage="Logs"
|
|
></left-navbar>
|
|
<div id="right-page-container">
|
|
<div id="header-content">
|
|
<p style="margin-left: 3.4259vh; font-size: 1.6667vw; font-weight: 600;">Logs</p>
|
|
|
|
<div id="search-players-container">
|
|
<input type="text" placeholder="Search any log" v-model="searchValue">
|
|
</div>
|
|
|
|
<notify-menu :notifymenu="notifyMenu" @closenotifymenu="notifyMenu = false"></notify-menu>
|
|
<new-notify :newnotify="newNotify" @closenewnotify="newNotify = false"></new-notify>
|
|
|
|
<div id="notify-container" v-if="!notifyMenu && !newNotify" @click="notifyMenu = true">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width=".9375vw" height="1.0417vw" viewBox="0 0 19 21" fill="none">
|
|
<g clip-path="url(#clip0_103_3053)">
|
|
<path d="M1.47461 16.709H16.9531C17.4154 16.709 17.7767 16.6016 18.0371 16.3867C18.2975 16.1719 18.4277 15.8854 18.4277 15.5273C18.4277 15.2018 18.3333 14.8861 18.1445 14.5801C17.9557 14.2741 17.7197 13.9746 17.4365 13.6816C17.1533 13.3887 16.8717 13.0957 16.5918 12.8027C16.3769 12.5814 16.2093 12.2917 16.0889 11.9336C15.9684 11.5755 15.8789 11.1947 15.8203 10.791C15.7617 10.3873 15.7194 9.99671 15.6934 9.61914C15.6869 9.30013 15.6755 8.98925 15.6592 8.68652C15.6429 8.38379 15.6185 8.08919 15.5859 7.80273C15.3385 7.90039 15.0846 7.97526 14.8242 8.02734C14.5638 8.07943 14.2936 8.10547 14.0137 8.10547C13.1478 8.10547 12.3584 7.89225 11.6455 7.46582C10.9326 7.03939 10.363 6.4681 9.93652 5.75195C9.51009 5.0358 9.29688 4.24804 9.29688 3.38867C9.29688 2.80924 9.39779 2.25911 9.59961 1.73828C9.80143 1.21745 10.0749 0.751953 10.4199 0.341797C10.0553 0.159505 9.65169 0.0683594 9.20898 0.0683594C8.49284 0.0683594 7.89063 0.289714 7.40234 0.732422C6.91406 1.17513 6.57877 1.71549 6.39648 2.35352C5.5306 2.66602 4.83236 3.1543 4.30176 3.81836C3.77116 4.48242 3.38216 5.30273 3.13477 6.2793C2.88737 7.25586 2.75391 8.36914 2.73438 9.61914C2.70833 9.99671 2.66601 10.3873 2.60742 10.791C2.54883 11.1947 2.45931 11.5755 2.33887 11.9336C2.21842 12.2917 2.05078 12.5814 1.83594 12.8027C1.55599 13.0957 1.27442 13.3887 0.991211 13.6816C0.708008 13.9746 0.472005 14.2741 0.283203 14.5801C0.094401 14.8861 0 15.2018 0 15.5273C0 15.8854 0.130208 16.1719 0.390625 16.3867C0.651042 16.6016 1.01237 16.709 1.47461 16.709ZM9.20898 20.625C9.76239 20.625 10.2572 20.5046 10.6934 20.2637C11.1296 20.0228 11.4795 19.707 11.7432 19.3164C12.0069 18.9258 12.1615 18.5026 12.207 18.0469H6.2207C6.25977 18.5026 6.41276 18.9258 6.67969 19.3164C6.94662 19.707 7.29818 20.0228 7.73438 20.2637C8.17057 20.5046 8.66211 20.625 9.20898 20.625Z" fill="white"/>
|
|
<path d="M14.0234 6.77734C14.6354 6.77734 15.1985 6.62435 15.7129 6.31836C16.2272 6.01237 16.6374 5.60222 16.9434 5.08789C17.2493 4.57357 17.4023 4.00716 17.4023 3.38867C17.4023 2.77018 17.2493 2.20378 16.9434 1.68945C16.6374 1.17513 16.2272 0.764974 15.7129 0.458984C15.1985 0.152995 14.6354 0 14.0234 0C13.3984 0 12.8303 0.152995 12.3193 0.458984C11.8082 0.764974 11.3997 1.17513 11.0938 1.68945C10.7878 2.20378 10.6348 2.77018 10.6348 3.38867C10.6348 4.00716 10.7878 4.57357 11.0938 5.08789C11.3997 5.60222 11.8082 6.01237 12.3193 6.31836C12.8303 6.62435 13.3984 6.77734 14.0234 6.77734Z" fill="#FF3B30"/>
|
|
</g>
|
|
<defs>
|
|
<clipPath id="clip0_103_3053">
|
|
<rect width="18.4277" height="20.6934" fill="white"/>
|
|
</clipPath>
|
|
</defs>
|
|
</svg>
|
|
</div>
|
|
|
|
<div id="user-details-container" v-if="!notifyMenu && !newNotify">
|
|
<div id="text-details">
|
|
<p style="font-size: 1.4815vh; font-weight: 700; font-family: 'SF Pro Display';">{{ userUsername }}</p>
|
|
<p class="rank" :style="{ 'color': userRank.color }">{{ userRank.title }}</p>
|
|
</div>
|
|
<div id="user-icon" :style="{ 'border-color': userRank.color, 'background-image': 'url('+userIcon+')', 'background-size': 'cover', 'background-position': 'center' }">
|
|
<div id="circle-user-icon"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="player-categories-container">
|
|
<div id="player-categories">
|
|
<div id="player-category" class="all" :class="{ active: activeCategory === 'all' }" @click="changeCategory('all')">All</div>
|
|
<div id="player-category" :class="{ active: activeCategory === 'login' }" @click="changeCategory('login')">Login</div>
|
|
<div id="player-category" :class="{ active: activeCategory === 'logout' }" @click="changeCategory('logout')">Logout</div>
|
|
<div id="player-category" :class="{ active: activeCategory === 'disconnect' }" @click="changeCategory('disconnect')" style="width: 9.6296vh;">Disconnect</div>
|
|
<div id="player-category" :class="{ active: activeCategory === 'itemnmoney' }" @click="changeCategory('itemnmoney')" style="width: 11.2037vh;">Item & Money</div>
|
|
<div id="player-category" :class="{ active: activeCategory === 'kill' }" @click="changeCategory('kill')">Kill</div>
|
|
<div id="player-category" :class="{ active: activeCategory === 'death' }" @click="changeCategory('death')">Death</div>
|
|
<div id="player-category" :class="{ active: activeCategory === 'doubleconnect' }" @click="changeCategory('doubleconnect')" style="width: 12.6852vh;">Double Connect</div>
|
|
<div id="player-category" :class="{ active: activeCategory === 'warn' }" @click="changeCategory('warn')">Warn</div>
|
|
<div id="player-category" :class="{ active: activeCategory === 'kick' }" @click="changeCategory('kick')">Kick</div>
|
|
<div id="player-category" :class="{ active: activeCategory === 'adminjail' }" @click="changeCategory('adminjail')">A.Jail</div>
|
|
<div id="player-category" :class="{ active: activeCategory === 'ban' }" @click="changeCategory('ban')">Ban</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="real-page-content">
|
|
<div id="real-page-container">
|
|
<div id="log-list-container">
|
|
<span v-for="(data, key) in toShowLogs" :style="{ marginTop: key === 0 ? '2.2222vh' : '' }">{{ data.message }}</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<script src="../../components.js"></script>
|
|
<script src="main.js"></script>
|
|
</body>
|
|
</html> |