omegga 0.1.85 → 1.0.2

package/src/webserver/frontend/partials/Page.vue

@@ -1,40 +0,0 @@
-<style lang="scss" scoped>
-@import '../css/style';
-
-.content-parent {
-  position: absolute;
-  left: 0;
-  top: 0;
-  width: 100%;
-  height: 100%;
-  display: grid;
-  grid-template-rows: 100%;
-}
-
-.content {
-  position: relative;
-  display: flex;
-  flex-direction: column;
-  padding: 24px;
-}
-
-</style>
-
-<template>
-  <div>
-    <br-background />
-    <div class="content-parent">
-      <div class="content" v-if="!loading">
-        <slot/>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-import Vue from 'vue';
-
-export default Vue.component('page', {
-  props: ['loading'],
-});
-</script>

package/src/webserver/frontend/partials/PageContent.vue

@@ -1,31 +0,0 @@
-<style lang="scss" scoped>
-@import '../css/style';
-
-.main-content {
-  display: flex;
-  flex: 1;
-  position: relative;
-}
-
-@media screen and (max-width: 600px) {
-  .main-content {
-    flex-direction: column;
-    margin-bottom: 24px;
-  }
-}
-
-</style>
-
-<template>
-  <div class="main-content">
-    <slot/>
-  </div>
-</template>
-
-<script>
-import Vue from 'vue';
-
-export default Vue.component('page-content', {
-  props: [],
-});
-</script>

package/src/webserver/frontend/partials/SideNav.vue

@@ -1,115 +0,0 @@
-<style lang="scss" scoped>
-
-.main-menu-buttons {
-  width: 350px;
-  margin-top: -8px;
-  margin-right: 8px;
-}
-
-@media screen and (max-width: 600px) {
-  .main-menu-buttons {
-    margin-right: 0;
-    width: 100%;
-    min-width: 100%;
-  }
-}
-
-</style>
-
-<template>
-  <div class="main-menu-buttons">
-    <br-menu-button
-      :disabled="false"
-      route=""
-      name="home"
-      data-tooltip="Chat with players, view server status. Main Dashboard"
-    >
-      <DashboardIcon style="background: #de4f43;" />
-      Dashboard
-    </br-menu-button>
-    <br-menu-button
-      :disabled="false"
-      route="history"
-      data-tooltip="Browse chat history"
-    >
-      <MessagesIcon style="background: #008bd6;" />
-      History
-    </br-menu-button>
-    <br-menu-button
-      :disabled="false"
-      route="plugins"
-      data-tooltip="Manage, reload, and configure plugins"
-    >
-      <PlugIcon style="background: #00b35f;"/>
-      Plugins
-    </br-menu-button>
-    <br-menu-button
-      :disabled="false"
-      route="players"
-      data-tooltip="Browse player info and play time"
-    >
-      <ListIcon style="background: #b3006b;"/>
-      Players
-    </br-menu-button>
-    <br-menu-button
-      :disabled="true"
-      route="metrics"
-      data-tooltip="View statistics and metrics for the server"
-    >
-      <ChartLineIcon style="background: #00b0bd;"/>
-      Metrics
-    </br-menu-button>
-    <br-menu-button
-      :disabled="true"
-      route="saves"
-      data-tooltip="Browse, create, load, and clear saves"
-    >
-      <DeviceFloppyIcon style="background: #1ed4d1;"/>
-      Saves
-    </br-menu-button>
-    <br-menu-button
-      :disabled="true"
-      route="settings"
-      data-tooltip="Server management settings and roles"
-    >
-      <AdjustmentsAltIcon style="background: #c4bb02;"/>
-      Settings
-    </br-menu-button>
-    <br-menu-button
-      :disabled="false"
-      route="server"
-      data-tooltip="Server management"
-    >
-      <ServerIcon style="background: #453d9c;"/>
-      Server
-    </br-menu-button>
-    <br-menu-button
-      :disabled="false"
-      route="users"
-      data-tooltip="Server users"
-    >
-      <UsersIcon style="background: #7f0b8a;"/>
-      Users
-    </br-menu-button>
-  </div>
-</template>
-
-<script>
-import Vue from 'vue';
-
-import DashboardIcon from 'vue-tabler-icons/icons/DashboardIcon';
-import MessagesIcon from 'vue-tabler-icons/icons/MessagesIcon';
-import PlugIcon from 'vue-tabler-icons/icons/PlugIcon';
-import ListIcon from 'vue-tabler-icons/icons/ListIcon';
-import UsersIcon from 'vue-tabler-icons/icons/UsersIcon';
-import ChartLineIcon from 'vue-tabler-icons/icons/ChartLineIcon';
-import DeviceFloppyIcon from 'vue-tabler-icons/icons/DeviceFloppyIcon';
-import AdjustmentsAltIcon from 'vue-tabler-icons/icons/AdjustmentsAltIcon';
-import ServerIcon from 'vue-tabler-icons/icons/ServerIcon';
-
-export default Vue.component('side-nav', {
-  components: { DashboardIcon, MessagesIcon, PlugIcon, UsersIcon, ChartLineIcon,
-    DeviceFloppyIcon, AdjustmentsAltIcon, ServerIcon, ListIcon },
-  props: ['active'],
-});
-</script>

package/src/webserver/frontend/partials/index.js

@@ -1,4 +0,0 @@
-import './NavHeader.vue';
-import './SideNav.vue';
-import './Page.vue';
-import './PageContent.vue';

package/src/webserver/frontend/router.js

@@ -1,83 +0,0 @@
-import VueRouter from 'vue-router';
-
-import Home from './views/Home.vue';
-import Plugins from './views/Plugins.vue';
-import PluginsInspector from './views/PluginsInspector.vue';
-import Players from './views/Players.vue';
-import PlayersInspector from './views/PlayersInspector.vue';
-import Users from './views/Users.vue';
-import History from './views/History.vue';
-import Server from './views/Server.vue';
-import NotFound from './views/NotFound.vue';
-
-const router = new VueRouter({
-  mode: 'history',
-  base: '/',
-  routes: [
-    {
-      name: 'history',
-      path: '/history',
-      component: History,
-      children: [
-        {
-          name: 'history',
-          path: '/history/:time',
-          component: History,
-        },
-      ],
-    },
-    {
-      name: 'plugins',
-      path: '/plugins',
-      component: Plugins,
-      children: [
-        {
-          name: 'plugins',
-          path: '/plugins/:id',
-          component: PluginsInspector,
-        },
-      ],
-    },
-    {
-      name: 'players',
-      path: '/players',
-      component: Players,
-      children: [
-        {
-          name: 'players',
-          path: '/players/:id',
-          component: PlayersInspector,
-        },
-      ],
-    },
-    {
-      name: 'users',
-      path: '/users',
-      component: Users,
-      children: [
-        /*{
-      name: 'users',
-      path: '/users/:id',
-      component: UsersInspector
-    }*/
-      ],
-    },
-    {
-      name: 'home',
-      path: '/',
-      component: Home,
-    },
-    {
-      name: 'server',
-      path: '/server',
-      component: Server,
-    },
-    {
-      name: 'notfound',
-      path: '*',
-      component: NotFound,
-    },
-  ],
-});
-
-export default router;

package/src/webserver/frontend/views/Auth.vue

@@ -1,190 +0,0 @@
-<style lang="scss">
-@import '../css/style';
-
-html {
-  width: 100%;
-  height: 100%;
-  display: table;
-}
-
-body {
-  width: 100%;
-  display: table-cell;
-  position: relative;
-  overflow: hidden;
-}
-
-.modal {
-  @include absolute-center;
-  background-color: $br-bg-primary;
-  width: 500px;
-  opacity: 0;
-
-  &.visible {
-    opacity: 1;
-    animation: fadeIn 0.4s ease 1;
-  }
-
-  .modal-content {
-    position: relative;
-  }
-
-}
-
-@keyframes fadeIn {
-  0% {
-    opacity: 0;
-    transform: translate(-50%, calc(-50% + 40px));
-  }
-  100% {
-    opacity: 1;
-    top: 50%;
-    transform: translate(-50%, -50%);
-  }
-}
-
-.turkey {
-  filter: blur(10px);
-  position: absolute;
-  left: -20vw;
-  top: 30%;
-  animation: turkeyBob 5s infinite ease-in-out, turkeyMove 20s infinite alternate linear;
-}
-
-.turkey img {
-  animation: turkeyRotate 7s infinite ease-in-out;
-}
-
-@keyframes turkeyBob {
-  0% { transform: translateY(0); }
-  33% { transform: translateY(-20px); }
-  67% { transform: translateY(20px); }
-  100% { transform: translateY(0); }
-}
-@keyframes turkeyRotate {
-  0% { transform: rotate(0); }
-  33% { transform: rotate(-20deg); }
-  67% { transform: rotate(20deg); }
-  100% { transform: rotate(0); }
-}
-@keyframes turkeyMove {
-  0% { left: -30vw; }
-  100% { left: calc(100% + 30vw); }
-}
-
-</style>
-
-<template>
-  <div>
-    <br-background>
-      <div class="turkey" :style="{top: turkey + '%'}">
-        <img src="/public/img/turkey.webp"/>
-      </div>
-    </br-background>
-    <div :class="['modal', {visible}]">
-      <div class="modal-content">
-        <br-header>Brickadia Server Login</br-header>
-        <br-popout-content>
-          <p>Welcome to the Omegga Web UI.</p>
-          <p v-if="create">
-            Enter credentials for an Admin user. You can also skip this step if you don't want to use a password.
-          </p>
-        </br-popout-content>
-        <div class="popout-inputs">
-          <br-input placeholder="username" type="text" v-model="username" />
-          <br-input placeholder="password" type="password" v-model="password" />
-          <br-input v-if="create" placeholder="confirm password" type="password" v-model="confirm" />
-        </div>
-        <br-footer>
-          <br-button main v-if="create"
-            :disabled="!ok || confirm !== password"
-            @click="auth(username, password)"
-          >
-            <ArrowRightIcon />Create
-          </br-button>
-          <br-button main v-else
-            :disabled="!ok"
-            @click="auth(username, password)"
-          >
-            <ArrowRightIcon />Login
-          </br-button>
-          <div style="flex: 1" />
-          <br-button warn v-if="create"
-            :disabled="!blank || confirm !== password"
-            @click="auth('', '')"
-          >
-            <LockOpenIcon/>Skip
-          </br-button>
-        </br-footer>
-        <br-loader :active="loading" blur size="huge"><b>AUTHORIZING</b></br-loader>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-
-import ArrowRightIcon from 'vue-tabler-icons/icons/ArrowRightIcon';
-import LockOpenIcon from 'vue-tabler-icons/icons/LockOpenIcon';
-
-
-export default {
-  components: { ArrowRightIcon, LockOpenIcon },
-  computed: {
-    // check if entered credentials are okay
-    ok() {
-      return this.username.match(/^\w{0,32}$/) && this.username.length !== 0 && this.password.length !== 0
-    },
-    // check if entered credentials are blank
-    blank() {
-      return this.username.length === 0 && this.password.length === 0
-    },
-  },
-  methods: {
-    auth(username, password) {
-      this.loading = true;
-      fetch('/api/v1/auth', {
-        method: 'POST',
-        headers: {
-          'Content-Type': 'application/json',
-        },
-        body: JSON.stringify({username, password})
-      })
-        .then(r => Promise.all([r, r.json()]))
-        .then(([r, b]) => {
-          if (r.status === 200) {
-            location.reload();
-          } else {
-            console.error(b.message)
-          }
-          this.loading = false
-        })
-        .catch(e => {
-          this.loading = false
-          console.error(e)
-        })
-    }
-  },
-  created() {
-    // check if this is the first user
-    fetch('/api/v1/first')
-      .then(r => r.json())
-      .then(v => {
-        this.create = v;
-        this.visible = true;
-      });
-  },
-  data() {
-    return {
-      turkey: Math.random() * 50 + 25,
-      create: false,
-      visible: false,
-      loading: false,
-      confirm: '',
-      password: '',
-      username: '',
-    }
-  }
-};
-
-</script>