1 files changed, 69 insertions, 0 deletions
diff --git a/src/layouts/default.vue b/src/layouts/default.vue
new file mode 100644
index 0000000..9276e0b
--- /dev/null
+++ b/src/layouts/default.vue
@@ -0,0 +1,69 @@
+<template>
+  <q-layout view="lHh Lpr lFf">
+    <q-layout-header>
+      <q-toolbar color="primary" glossy>
+
+        <q-toolbar-title>
+          Larry UI
+          <div slot="subtitle">Official source of mods for OpenClonk</div>
+        </q-toolbar-title>
+
+        <q-toolbar-title v-if="$store.getters['user/loggedIn']">
+          Hi {{ $store.state.user.decodedToken.username }}
+        </q-toolbar-title>
+        <q-btn flat icon="fa-sign-out" v-if="$store.getters['user/loggedIn']" @click="$store.commit('user/logout')">
+          Logout
+        </q-btn>
+      </q-toolbar>
+
+      <q-tabs>
+        <q-route-tab slot="title"
+                     icon="fa-list"
+                     :to="{name: 'upload-list'}"
+                     replace
+                     hide="icon"
+                     label="Browse mods" />
+
+        <q-route-tab slot="title"
+                     icon="fa-upload"
+                     :to="{name: 'upload-create'}"
+                     replace hide="icon"
+                     label="Upload mod" />
+      </q-tabs>
+    </q-layout-header>
+
+    <q-page-container>
+      <q-page padding>
+        <div class="flex row items-end reverse-wrap gutter">
+          <div class="col">
+            <router-view></router-view>
+          </div>
+          <div class="col-auto" v-if="!$store.getters['user/loggedIn']">
+            <api-auth></api-auth>
+          </div>
+        </div>
+      </q-page>
+    </q-page-container>
+  </q-layout>
+</template>
+
+<script>
+
+  import ApiAuth from 'components/ApiAuth'
+
+  export default {
+    name: 'LayoutDefault',
+    components: {
+      ApiAuth,
+    },
+    data () {
+      return {
+      }
+    },
+    methods: {
+    }
+  }
+</script>
+
+<style>
+</style>