merge remote changes

This commit is contained in:
Jakob Schrettenbrunner 2018-06-03 18:31:43 +02:00
parent 7b6c14cf7b
commit 20472a903c
3 changed files with 125 additions and 26 deletions

View file

@ -1,8 +1,8 @@
<template>
<div>
<navigation></navigation>
<div class="container mx-auto p-2 flex flex-no-shrink rounded">
<div class="sidebar border-grey-lighter flex-no-shrink w-1/4">
<div class="p-2 flex flex-no-shrink rounded">
<div class="sidebar border-grey-lighter flex-no-shrink w-1/3 max-w-xs">
<div class="pt-6 px-6 pb-4 text-center">
<h3 class="mb-2 text-blue">Pterodactylcraft</h3>
<span class="text-grey-dark">Minecraft / Vanilla</span>
@ -12,46 +12,75 @@
<button class="btn btn-blue">Restart</button>
<button class="btn btn-red">Kill</button>
</div>
<div class="mt-8 mb-6 text-grey-dark border-t border-grey-lighter usage">
<span class="indicator-title">CPU - 2 Cores</span>
<div class="rounded border-grey-lighter border mt-3 h-4">
<div class="mt-8 mb-6 text-grey-dark border-t border-grey-light usage">
<span class="bg-grey-lighter">CPU - 2 Cores</span>
<div class="rounded border-grey-light border mt-3 h-4">
<div class="rounded bg-blue h-4 w-1/6"></div>
</div>
</div>
<div class="my-6 text-grey-dark border-t border-grey-lighter usage">
<span class="indicator-title">RAM - 4 GB</span>
<div class="rounded border-grey-lighter border mt-3 h-4">
<div class="rounded bg-blue h-4 w-2/3"></div>
<div class="mt-8 mb-6 text-grey-dark border-t border-grey-light usage">
<span class="bg-grey-lighter">CPU - 2 Cores</span>
<div class="rounded border-grey-light border mt-3 h-4">
<div class="rounded bg-blue h-4 w-1/6"></div>
</div>
</div>
</div>
<div class="my-6 text-grey-dark border-t border-grey-lighter usage">
<span class="indicator-title">Disk - 20 GB</span>
<div class="rounded border-grey-lighter border mt-3 h-4">
<div class="rounded bg-blue h-4 w-1/3"></div>
<div class="my-6 text-grey-dark border-t border-grey-light usage">
<span class="bg-grey-lighter">RAM - 4 GB</span>
<div class="rounded border-grey-light border mt-3 h-4">
<div class="rounded bg-blue h-4 w-2/3"></div>
</div>
</div>
<div class="my-6 text-grey-dark border-t border-grey-light usage">
<span class="bg-grey-lighter">Disk - 20 GB</span>
<div class="rounded border-grey-light border mt-3 h-4">
<div class="rounded bg-blue h-4 w-1/3"></div>
</div>
</div>
</div>
</div>
<div class="sidenav">
<router-link :to="{ name: 'server' }"><font-awesome-icon class="mr-2" fixed-with icon="terminal" />Console</router-link>
<router-link :to="{ name: 'server-files' }"><font-awesome-icon class="mr-2" fixed-with icon="folder-open" />Files</router-link>
<router-link :to="{ name: 'server-subusers' }"><font-awesome-icon class="mr-2" fixed-with icon="users" />Subusers</router-link>
<router-link :to="{ name: 'server-schedules' }"><font-awesome-icon class="mr-2" fixed-with icon="calendar-alt" />Schedules</router-link>
<router-link :to="{ name: 'server-databases' }"><font-awesome-icon class="mr-2" fixed-with icon="database" />Databases</router-link>
<router-link :to="{ name: 'server-allocations' }"><font-awesome-icon class="mr-2" fixed-with icon="globe" />Allocations</router-link>
<router-link :to="{ name: 'server-settings' }"><font-awesome-icon class="mr-2" fixed-with icon="cog" />Settings</router-link>
<router-link :to="{ name: 'server' }">
<font-awesome-icon class="mr-2" fixed-with icon="terminal"/>
Console
</router-link>
<router-link :to="{ name: 'server-files' }">
<font-awesome-icon class="mr-2" fixed-with icon="folder-open"/>
Files
</router-link>
<router-link :to="{ name: 'server-subusers' }">
<font-awesome-icon class="mr-2" fixed-with icon="users"/>
Subusers
</router-link>
<router-link :to="{ name: 'server-schedules' }">
<font-awesome-icon class="mr-2" fixed-with icon="calendar-alt"/>
Schedules
</router-link>
<router-link :to="{ name: 'server-databases' }">
<font-awesome-icon class="mr-2" fixed-with icon="database"/>
Databases
</router-link>
<router-link :to="{ name: 'server-allocations' }">
<font-awesome-icon class="mr-2" fixed-with icon="globe"/>
Allocations
</router-link>
<router-link :to="{ name: 'server-settings' }">
<font-awesome-icon class="mr-2" fixed-with icon="cog"/>
Settings
</router-link>
</div>
</div>
<div class="main bg-white p-6 rounded border border-grey-lighter flex-grow"><!--h1.text-blue.mb-6 Server Console-->
<router-view></router-view>
<div class="main bg-white p-6 rounded border border-grey-lighter flex-grow">
<!--h1.text-blue.mb-6 Server Console-->
<router-view></router-view>
</div>
</div>
</div>
</div>
</template>
<script>
import ServerConsole from "./ServerConsole";
import Navigation from '../core/Navigation';
export default {
components: { Navigation, ServerConsole}
components: {Navigation, ServerConsole}
}
</script>

View file

@ -1,5 +1,54 @@
@extends('templates/wrapper')
{{--
=======
@section('above-container')
<header class="bg-blue text-white text-xl rounded-b fixed pin-t w-full z-40 shadow-md">
<div class="container h-16 mx-auto flex">
<img class="h-12 mt-2 mr-3" src="/assets/img/pterodactyl-flat.svg">
<div class="py-6">PTERODACTYL</div>
<div class="flex-grow"></div>
<nav class="nav text-lg">
<router-link to="/"><font-awesome-icon class="mr-2" fixed-with icon="server"></font-awesome-icon>Servers</router-link>
<a href="#"><font-awesome-icon class="mr-2" fixed-with icon="cogs"></font-awesome-icon>Admin</a>
<a href="#"><font-awesome-icon class="mr-2" fixed-with icon="user"></font-awesome-icon>schrej</a>
<a href="/auth/logout"><font-awesome-icon fixed-with icon="sign-out-alt"></font-awesome-icon></a>
</nav>
</div>
</header>
<div class="h-16 mb-6"></div>
{{--<div class="nav">
<div class="logo">
Pterodactyl
</div>
<div class="menu">
<ul>
<li>
<router-link to="/">
<span>Your Servers</span>
</router-link>
</li>
<li>
<a href="#">
<span>Admin</span>
</a>
</li>
<li>
<a href="#">
<span>dane</span>
</a>
</li>
<li>
<a href="{{ route('auth.logout') }}">
<span>Logout</span>
</a>
</li>
</ul>
</div>
</div>
@endsection
--}}
@section('container')
<router-view></router-view>
@endsection