Skip to content

Commit 0bf4764

Browse files
DaneEverittDaneEveritt
committed
Add navigation to the server view
1 parent 349ec7d commit 0bf4764

File tree

1 file changed

+41
-37
lines changed
  • resources/assets/scripts/components/server

1 file changed

+41
-37
lines changed

‎resources/assets/scripts/components/server/Server.vue‎

Lines changed: 41 additions & 37 deletions
Original file line numberDiff line numberDiff line change
@@ -1,53 +1,57 @@
11
<template>
2-
<div class="container mx-auto p-2 flex flex-no-shrink rounded">
3-
<div class="sidebar border-grey-lighter flex-no-shrink w-1/4">
4-
<div class="pt-6 px-6 pb-4 text-center">
5-
<h3 class="mb-2 text-blue">Pterodactylcraft</h3>
6-
<span class="text-grey-dark">Minecraft / Vanilla</span>
7-
<div class="text-lg my-4"><span class="text-green">●</span> Running</div>
8-
<div>
9-
<button class="btn btn-red">Stop</button>
10-
<button class="btn btn-blue">Restart</button>
11-
<button class="btn btn-red">Kill</button>
12-
</div>
13-
<div class="mt-8 mb-6 text-grey-dark border-t border-grey-lighter usage">
14-
<span class="indicator-title">CPU - 2 Cores</span>
15-
<div class="rounded border-grey-lighter border mt-3 h-4">
16-
<div class="rounded bg-blue h-4 w-1/6"></div>
2+
<div>
3+
<navigation></navigation>
4+
<div class="container mx-auto p-2 flex flex-no-shrink rounded">
5+
<div class="sidebar border-grey-lighter flex-no-shrink w-1/4">
6+
<div class="pt-6 px-6 pb-4 text-center">
7+
<h3 class="mb-2 text-blue">Pterodactylcraft</h3>
8+
<span class="text-grey-dark">Minecraft / Vanilla</span>
9+
<div class="text-lg my-4"><span class="text-green">●</span> Running</div>
10+
<div>
11+
<button class="btn btn-red">Stop</button>
12+
<button class="btn btn-blue">Restart</button>
13+
<button class="btn btn-red">Kill</button>
1714
</div>
18-
</div>
19-
<div class="my-6 text-grey-dark border-t border-grey-lighter usage">
20-
<span class="indicator-title">RAM - 4 GB</span>
21-
<div class="rounded border-grey-lighter border mt-3 h-4">
22-
<div class="rounded bg-blue h-4 w-2/3"></div>
15+
<div class="mt-8 mb-6 text-grey-dark border-t border-grey-lighter usage">
16+
<span class="indicator-title">CPU - 2 Cores</span>
17+
<div class="rounded border-grey-lighter border mt-3 h-4">
18+
<div class="rounded bg-blue h-4 w-1/6"></div>
19+
</div>
2320
</div>
24-
</div>
25-
<div class="my-6 text-grey-dark border-t border-grey-lighter usage">
26-
<span class="indicator-title">Disk - 20 GB</span>
27-
<div class="rounded border-grey-lighter border mt-3 h-4">
28-
<div class="rounded bg-blue h-4 w-1/3"></div>
21+
<div class="my-6 text-grey-dark border-t border-grey-lighter usage">
22+
<span class="indicator-title">RAM - 4 GB</span>
23+
<div class="rounded border-grey-lighter border mt-3 h-4">
24+
<div class="rounded bg-blue h-4 w-2/3"></div>
25+
</div>
2926
</div>
27+
<div class="my-6 text-grey-dark border-t border-grey-lighter usage">
28+
<span class="indicator-title">Disk - 20 GB</span>
29+
<div class="rounded border-grey-lighter border mt-3 h-4">
30+
<div class="rounded bg-blue h-4 w-1/3"></div>
31+
</div>
32+
</div>
33+
</div>
34+
<div class="sidenav">
35+
<router-link :to="{ name: 'server' }"><font-awesome-icon class="mr-2" fixed-with icon="terminal" />Console</router-link>
36+
<router-link :to="{ name: 'server-files' }"><font-awesome-icon class="mr-2" fixed-with icon="folder-open" />Files</router-link>
37+
<router-link :to="{ name: 'server-subusers' }"><font-awesome-icon class="mr-2" fixed-with icon="users" />Subusers</router-link>
38+
<router-link :to="{ name: 'server-schedules' }"><font-awesome-icon class="mr-2" fixed-with icon="calendar-alt" />Schedules</router-link>
39+
<router-link :to="{ name: 'server-databases' }"><font-awesome-icon class="mr-2" fixed-with icon="database" />Databases</router-link>
40+
<router-link :to="{ name: 'server-allocations' }"><font-awesome-icon class="mr-2" fixed-with icon="globe" />Allocations</router-link>
41+
<router-link :to="{ name: 'server-settings' }"><font-awesome-icon class="mr-2" fixed-with icon="cog" />Settings</router-link>
3042
</div>
3143
</div>
32-
<div class="sidenav">
33-
<router-link :to="{ name: 'server' }"><font-awesome-icon class="mr-2" fixed-with icon="terminal" />Console</router-link>
34-
<router-link :to="{ name: 'server-files' }"><font-awesome-icon class="mr-2" fixed-with icon="folder-open" />Files</router-link>
35-
<router-link :to="{ name: 'server-subusers' }"><font-awesome-icon class="mr-2" fixed-with icon="users" />Subusers</router-link>
36-
<router-link :to="{ name: 'server-schedules' }"><font-awesome-icon class="mr-2" fixed-with icon="calendar-alt" />Schedules</router-link>
37-
<router-link :to="{ name: 'server-databases' }"><font-awesome-icon class="mr-2" fixed-with icon="database" />Databases</router-link>
38-
<router-link :to="{ name: 'server-allocations' }"><font-awesome-icon class="mr-2" fixed-with icon="globe" />Allocations</router-link>
39-
<router-link :to="{ name: 'server-settings' }"><font-awesome-icon class="mr-2" fixed-with icon="cog" />Settings</router-link>
44+
<div class="main bg-white p-6 rounded border border-grey-lighter flex-grow"><!--h1.text-blue.mb-6 Server Console-->
45+
<router-view></router-view>
4046
</div>
4147
</div>
42-
<div class="main bg-white p-6 rounded border border-grey-lighter flex-grow"><!--h1.text-blue.mb-6 Server Console-->
43-
<router-view></router-view>
44-
</div>
4548
</div>
4649
</template>
4750

4851
<script>
4952
import ServerConsole from "./ServerConsole";
53+
import Navigation from '../core/Navigation';
5054
export default {
51-
components: {ServerConsole}
55+
components: { Navigation, ServerConsole}
5256
}
5357
</script>

0 commit comments

Comments
 (0)