first commit

src/layouts/MainLayout.vue

@@ -0,0 +1,121 @@
+<template>
+  <q-layout view="lHh Lpr lFf">
+    <q-header elevated>
+      <q-toolbar>
+        <q-btn
+          flat
+          dense
+          round
+          icon="menu"
+          aria-label="Menu"
+          @click="toggleLeftDrawer"
+        />
+
+        <q-toolbar-title>
+          Auburn Oil
+        </q-toolbar-title>
+        <div>
+        </div>
+      </q-toolbar>
+    </q-header>
+
+    <q-drawer
+      v-model="leftDrawerOpen"
+      show-if-above
+      bordered
+    >
+      <q-list padding>
+        <router-link :to="{ name: 'today' }" class="nodec">
+          <q-item clickable v-ripple>
+            <q-item-section avatar>
+              <q-icon name="inbox"/>
+            </q-item-section>
+
+            <q-item-section>
+              Todays Deliveries
+            </q-item-section>
+          </q-item>
+        </router-link>
+
+        <router-link :to="{ name: 'stats' }" class="nodec">
+          <q-item  clickable v-ripple>
+            <q-item-section avatar>
+              <q-icon name="star"/>
+            </q-item-section>
+
+            <q-item-section>
+              Stats
+            </q-item-section>
+          </q-item>
+        </router-link>
+
+        <router-link :to="{ name: 'stats' }" class="nodec">
+          <q-item clickable v-ripple>
+            <q-item-section avatar>
+              <q-icon name="send"/>
+            </q-item-section>
+
+            <q-item-section>
+              Automatics
+            </q-item-section>
+          </q-item>
+        </router-link>
+
+        <router-link :to="{ name: 'tomorrow' }" class="nodec">
+          <q-item clickable v-ripple>
+            <q-item-section avatar>
+              <q-icon name="drafts"/>
+            </q-item-section>
+
+            <q-item-section>
+              Tomorrow Deliveries
+            </q-item-section>
+          </q-item>
+        </router-link>
+
+      </q-list>
+
+    </q-drawer>
+
+    <q-page-container>
+      <router-view/>
+    </q-page-container>
+  </q-layout>
+</template>
+
+<script lang="ts">
+import {defineComponent} from 'vue'
+import EssentialLink from 'components/EssentialLink.vue'
+import {useRoute} from 'vue-router' //
+
+
+export default defineComponent({
+  name: 'MainLayout',
+
+  components: {
+    EssentialLink
+  },
+
+  data() {
+    return {
+      leftDrawerOpen: false,
+
+    }
+  },
+
+  methods: {
+    toggleLeftDrawer() {
+      this.leftDrawerOpen = !this.leftDrawerOpen
+    }
+  }
+})
+</script>
+
+<style>
+
+.nodec {
+    text-decoration: none;
+  }
+
+
+</style>