91 lines
4.9 KiB
HTML
91 lines
4.9 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">
|
|
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Inconsolata">
|
|
<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="Resources"
|
|
></left-navbar>
|
|
<div id="right-page-container">
|
|
<div id="header-content">
|
|
<p style="margin-left: 3.4259vh; font-size: 1.6667vw; font-weight: 600;">Resources</p>
|
|
<span style="position: absolute; font-size: 1.4815vh; color: white; opacity: .38; font-weight: 400; top: 7.5vh; left: 25.6481vh;">
|
|
251 Resources
|
|
</span>
|
|
<div id="search-players-container">
|
|
<input type="text" placeholder="Search any resource" 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" @click="notifyMenu = true" v-if="!notifyMenu && !newNotify" style="margin-left: -5.0926vh;">
|
|
<div id="notify-icon"></div>
|
|
</div>
|
|
|
|
<div id="user-details-container" v-if="!notifyMenu && !newNotify" style="margin-left: 3.7037vh;">
|
|
<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="real-page-content">
|
|
<div id="real-page-container">
|
|
<div id="r-dir-box">
|
|
<div id="r-refresh-button" @click="refreshResources($event.target)"></div>
|
|
<div id="r-resources-container">
|
|
<div id="r-resource-box" v-for="data in toShowResources">
|
|
<div id="r-resource-img" :class="{ stopped: data.status === 'stop' }">
|
|
<div id="r-actions-container">
|
|
<transition name="fade">
|
|
<div id="r-actions-button" @click="toggleStatus(data)" v-if="data.status !== 'restart'" :class="{ start: data.status === 'stop', stop: data.status === 'start' }"></div>
|
|
</transition>
|
|
<div id="r-actions-button" v-if="data.status === 'start' || data.status === 'restart'" class="restart" @click="restartResource($event.target, data)"></div>
|
|
</div>
|
|
</div>
|
|
<span>{{ data.name }}</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<script src="../../components.js"></script>
|
|
<script src="main.js"></script>
|
|
</body>
|
|
</html> |