first commit

src/layouts/sidebar/sidebar.vue

@@ -0,0 +1,107 @@
+<template>
+
+  <div class="drawer sm:drawer-open">
+    <input id="my-drawer-2" type="checkbox" class="drawer-toggle"/>
+    <div class="drawer-content flex flex-col items-center justify-center ">
+    </div>
+
+    <div class="drawer-side">
+      <label for="my-drawer-2" aria-label="close sidebar" class="drawer-overlay"></label>
+
+      <ul class="menu p-4 w-80 min-h-full bg-base-200 text-base-content">
+
+        <!-- Sidebar content here -->
+        <router-link :to="{ name: 'home' }">
+          <div class=" hover:underline py-1 px-5 font-bold">Home</div>
+        </router-link>
+
+        <div class="font-bold text-lg text-gray-500 pt-5">Customer</div>
+        <li>
+          <router-link :to="{ name: 'customer' }">
+            <div class=" hover:underline py-1">All Customers</div>
+          </router-link>
+          <router-link :to="{ name: 'customerCreate' }">
+            <div class=" hover:underline py-1">Create Customer</div>
+          </router-link>
+        </li>
+
+        <div class="font-bold text-lg text-gray-500 pt-5">Delivery</div>
+        <li>
+          <router-link :to="{ name: 'delivery' }">
+            <div class=" hover:underline py-1">Waiting Deliveries</div>
+          </router-link>
+          <router-link :to="{ name: 'delivery' }">
+            <div class=" hover:underline py-1">Out for Delivery</div>
+          </router-link>
+          <router-link :to="{ name: 'deliveryTicketsMissing' }">
+            <div class=" hover:underline py-1">Delivered Tickets</div>
+          </router-link>
+          <router-link :to="{ name: 'deliveryTicketsMissing' }">
+            <div class=" hover:underline py-1">Finalized Tickets</div>
+          </router-link>
+        </li>
+
+
+        <div class="font-bold text-lg text-gray-500 pt-5">Service</div>
+        <li>
+          <router-link :to="{ name: 'service' }">
+            <div class=" hover:underline py-1">Service</div>
+          </router-link>
+        </li>
+
+
+        <div class="font-bold text-lg text-gray-500 pt-5">Automatics</div>
+        <li>
+          <router-link :to="{ name: 'auto' }">
+            <div class=" hover:underline py-1">Automatics</div>
+          </router-link>
+        </li>
+
+
+        <div class="font-bold text-lg text-gray-500 pt-5">Employees</div>
+        <li>
+          <router-link :to="{ name: 'employee' }">
+            <div class=" hover:underline py-1">Employees</div>
+          </router-link>
+        </li>
+
+
+        <div class="font-bold text-lg text-gray-500 pt-5">Admin</div>
+        <li>
+          <router-link :to="{ name: 'oilprice' }">
+            <div class=" hover:underline py-1">Oil Pricing</div>
+          </router-link>
+        </li>
+        <li>
+          <router-link :to="{ name: 'serviceprice' }">
+            <div class=" hover:underline py-1">Service Pricing</div>
+          </router-link>
+        </li>
+      </ul>
+
+
+    </div>
+  </div>
+
+</template>
+
+
+<script lang="ts">
+
+import {defineComponent} from "vue";
+
+export default defineComponent({
+  name: "SideBar",
+  mounted() {
+  },
+  data() {
+    return {};
+  },
+
+  methods: {},
+});
+</script>
+
+<style scoped>
+
+</style>