Updated looks
This commit is contained in:
@@ -5,7 +5,7 @@
|
||||
<SideBar />
|
||||
</div>
|
||||
<div class=" w-full px-10 ">
|
||||
<div class="text-sm breadcrumbs">
|
||||
<div class="text-sm breadcrumbs mb-10">
|
||||
<ul>
|
||||
<li>
|
||||
<router-link :to="{ name: 'home' }">
|
||||
@@ -19,18 +19,20 @@
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="flex justify-end">
|
||||
|
||||
<div class="flex start pb-10 text-2xl">Employees </div>
|
||||
<div class="flex justify-end mb-10">
|
||||
<router-link :to="{ name: 'employeeCreate' }">
|
||||
<button class="btn btn-accent">Create Employee</button>
|
||||
<button class="btn btn-accent btn-sm">Create Employee</button>
|
||||
</router-link>
|
||||
</div>
|
||||
|
||||
<div class="overflow-x-auto">
|
||||
<div class="overflow-x-auto bg-neutral">
|
||||
<table class="table">
|
||||
<!-- head -->
|
||||
<thead>
|
||||
<tr>
|
||||
|
||||
<th>Employee ID</th>
|
||||
<th>Name</th>
|
||||
<th>Type</th>
|
||||
<th>Town</th>
|
||||
@@ -41,7 +43,7 @@
|
||||
<tbody>
|
||||
<!-- row 1 -->
|
||||
<tr v-for="person in employees" :key="person['id']">
|
||||
|
||||
<td>{{ person['id'] }} </td>
|
||||
<td>{{ person['employee_first_name'] }} {{ person['employee_last_name'] }}</td>
|
||||
<td>
|
||||
<div v-if="person['employee_type'] == 0">Owner</div>
|
||||
@@ -61,10 +63,10 @@
|
||||
<td>{{ person['employee_phone_number'] }}</td>
|
||||
<td class="flex gap-5">
|
||||
<router-link :to="{ name: 'employeeEdit', params: { id: person['id'] } }">
|
||||
<button class="btn btn-accent">Edit</button>
|
||||
<button class="btn btn-accent btn-sm">Edit</button>
|
||||
</router-link>
|
||||
<router-link :to="{ name: 'employeeProfile', params: { id: person['id'] } }">
|
||||
<button class="btn btn-accent">View</button>
|
||||
<router-link :to="{ name: 'employeeProfile', params: { id: person['id'] } }">
|
||||
<button class="btn btn-accent btn-sm">View</button>
|
||||
</router-link>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
Reference in New Issue
Block a user