* create modal

feature: #7

src/views/ClientContractView.vue

@@ -0,0 +1,19 @@
+<template>
+  <Navbar />
+  <div>
+    <h3 class="text-base font-semibold">Step 3: Fill in order details</h3>
+    <div class="flex space-x-3 justify-center pt-2">
+      <span class="w-12 h-2 rounded-sm bg-emerald-500"></span>
+      <span class="w-12 h-2 rounded-sm bg-emerald-500"></span>
+      <span class="w-12 h-2 rounded-sm bg-gray-400"></span>
+      <span class="w-12 h-2 rounded-sm bg-gray-700"></span>
+      <span class="w-12 h-2 rounded-sm bg-gray-700"></span>
+    </div>
+  </div>
+</template>
+<script>
+import Navbar from '../components/Navbar.vue'
+export default {
+  components: { Navbar }
+}
+</script>

src/views/ContractsView.vue

@@ -14,13 +14,12 @@ import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome'
   </div>
   <div class="flex justify-center pb-6">
     <div class="overflow-x-auto">
-      <RouterLink v-if="isVerwaltung" to="/contract/create">
-        <button
-          class="bg-sky-500 text-white active:bg-sky-600 font-bold uppercase text-xs px-4 py-2 mb-3 rounded shadow hover:shadow-md outline-none focus:outline-none mr-1 ease-linear transition-all duration-150"
-          type="button">
-          Create Auftrag
-        </button>
-      </RouterLink>
+      <button
+        class="bg-sky-500 text-white active:bg-sky-600 font-bold uppercase text-xs px-4 py-2 mb-3 rounded shadow hover:shadow-md outline-none focus:outline-none mr-1 ease-linear transition-all duration-150"
+        type="button"
+        @click="openModal('createContract')">
+        Create Auftrag
+      </button>
       <RouterLink v-if="isEmployee" to="/contracts/open">
         <button
           class="bg-emerald-500 text-white active:bg-emerald-600 font-bold uppercase text-xs px-4 py-2 rounded shadow hover:shadow-md outline-none focus:outline-none mr-1 mb-1 ease-linear transition-all duration-150"
@@ -103,7 +102,7 @@ export default {
     this.fetchContracts()
   },
   methods: {
-    ...mapActions(['fetchContracts']),
+    ...mapActions(['fetchContracts', 'openModal']),
     openDeleteDialog() {
       console.log('Prepare to delete')
     }