From 8769fc4dc19447f67a42eb941fb43ba7223772eb Mon Sep 17 00:00:00 2001
From: Arne Schauf <git@asw.io>
Date: Sat, 3 Mar 2018 01:06:44 +0100
Subject: upgrade quasar to latest version

---
 src/layouts/default.vue | 69 +++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 69 insertions(+)
 create mode 100644 src/layouts/default.vue

(limited to 'src/layouts/default.vue')

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>
-- 
cgit v1.2.3-54-g00ecf

