add temporary button to show quick view for the customer details in the customers list

This commit is contained in:
omair saleh
2021-05-26 14:03:09 +08:00
parent d40c17b6e1
commit 897f46b84d
2 changed files with 12 additions and 13 deletions
@@ -1,13 +1,14 @@
<template>
<div class="row align-items-center m-b-10 parentContainer">
<div class="row w-100 m-0 p-0 ">
<div class="col-8 pull-left mt-2 pr-0">
<div class="col pull-left mt-2 pr-0">
<div class="font-heading all-caps fs-11">{{this.item.name}}</div>
</div>
<div class="col-2 text-center mt-2">
<div class="font-heading all-caps fs-11">{{this.item.bookings.length}}</div>
</div>
<div class="col-2 text-right pull-right">
<div class="col-3 text-right pull-right">
<button type="button" @click="viewCompany()" class="btn btn-xs btn-info fs-11"><i class="fa fa-angle-down"></i></button>
<a :href="route('customer.profile', item.id)">
<button type="button" class="btn btn-xs btn-primary fs-11">View</button>
</a>
@@ -2,17 +2,15 @@
<div class="col-12">
<div class="b-b b-dashed b-grey p-b-25" v-show="!this.show_details">
<div class="row align-items-center m-b-5 parentContainer">
<div class="col-8">
<div class="font-heading fs-10 muted all-caps">Company</div>
</div>
<div class="col-2 text-center">
<div class="font-heading fs-10 muted all-caps">Booking</div>
</div>
<div class="col-2 text-right pull-right">
<div class="font-heading fs-10 muted all-caps">Action</div>
</div>
<div class="col">
<div class="font-heading fs-10 muted all-caps">Company</div>
</div>
<div class="col-2 text-center">
<div class="font-heading fs-10 muted all-caps">Booking</div>
</div>
<div class="col-3 text-right pull-right">
<div class="font-heading fs-10 muted all-caps">Action</div>
</div>
</div>
<list-component key="2" :section="this.section" :endpoint="route('api.company.list')" :options="{'business_type': 2, with_bookings:true}">
<template slot="list" slot-scope="{data}">