%PDF-
%PDF-
Mini Shell
Mini Shell
<template>
<div class="container-fluid" >
<div class="row">
<div class="col-md-9">
<div v-if="images.length > 0">
<carousel :items="1" >
<img v-for="(img, index) in images" :src="'/propertyImages/'+id+'/'+img.image" :key="index" height="400px">
</carousel>
</div>
</div>
<div class="col-md-3">
<div class="card">
<div class="card-body">
<div v-for="user in users" :key="user.id">
<div class="form-group">
<label for="name">Name:</label>
<p>{{user.name}}</p>
</div>
<div class="form-group">
<label for="phone">Phone:</label>
<p>+{{user.cc}}-{{user.phone}}</p>
</div>
<div class="form-group">
<label for="phone">Whatsapp No:</label>
<p>+{{user.wcc}}-{{user.wphone}}</p>
</div>
<div class="form-group">
<label for="date">Created Date:</label>
<p>{{user.created_at|fdate}}</p>
</div>
</div>
<button v-on:click="shareproperty" class="btn btn-info">Share Property</button>
<b-dropdown id="dropdown-1" text="Actions" class="m-md-2">
<b-dropdown-item><router-link to="/addticket">Add Ticket</router-link></b-dropdown-item>
<b-dropdown-item><a v-b-toggle href="#add-task" @click.prevent>Add task</a></b-dropdown-item>
<b-dropdown-item><a v-b-toggle href="#add-note" @click.prevent>Add Note</a></b-dropdown-item>
<b-dropdown-item>Add Properties</b-dropdown-item>
<b-dropdown-item>Add Maintenance Request</b-dropdown-item>
<b-dropdown-item><a v-b-toggle href="#add-document" @click.prevent>Add Document</a></b-dropdown-item>
<b-dropdown-item><a href="" @click="managedProperty">Add Managed Property</a></b-dropdown-item>
<b-dropdown-item> <router-link v-bind:to="'/editproperty/'+id">Edit Property</router-link></b-dropdown-item>
<b-dropdown-item><a v-b-toggle href="#add-tenant" @click.prevent>Add Tenant</a></b-dropdown-item>
<b-dropdown-item><a v-b-toggle href="#add-brokerage" @click.prevent>Add Brokerage</a></b-dropdown-item>
<b-dropdown-item><a v-b-toggle href="#add-homecare" @click.prevent>Add Homecare</a></b-dropdown-item>
<b-dropdown-item><a v-b-toggle href="#add-homecares" @click.prevent>Add Homecares</a></b-dropdown-item>
<b-dropdown-item><a v-b-toggle href="#add-file" @click.prevent>Add File</a></b-dropdown-item>
<b-dropdown-divider></b-dropdown-divider>
<b-dropdown-item active>Active action</b-dropdown-item>
<b-dropdown-item disabled>Disabled action</b-dropdown-item>
</b-dropdown>
<div v-if="this.propertystatus==1">
<button v-on:click="updatestatus">Approve Property</button>
</div>
<div class="dselect sb">
<input type="radio" name="payment" id="card1" value="2" v-model="picked" v-on:change="updatestatusavailable">
<label for="card1">
<i class="" aria-hidden="true"></i>
<span>Available</span>
</label>
<input type="radio" name="payment" id="cash2" value="1" v-model="picked" v-on:change="updatestatusavailable">
<label for="cash2">
<i class="" aria-hidden="true"></i>
<span>Not Available</span>
</label>
</div>
</div>
</div>
</div>
</div>
<div class="row" v-for="user in users" :key="user.id">
<div class="col-md">
<div class="card">
<div class="card-body">
<ul class="nav nav-tabs nav-justified">
<li class="nav-item">
<a class="nav-link" @click.prevent="setActive('activity')" :class="{ active: isActive('activity') }" href="#activity">Activity</a>
</li>
<li class="nav-item">
<a class="nav-link" @click.prevent="setActive('projects')" :class="{ active: isActive('projects') }" href="#projects">Property Details</a>
</li>
<li class="nav-item">
<a class="nav-link" @click.prevent="setActive('notes')" :class="{ active: isActive('notes') }" href="#notes">Notes</a>
</li>
<li class="nav-item">
<a class="nav-link" @click.prevent="setActive('tasks')" :class="{ active: isActive('tasks') }" href="#tasks">Tasks</a>
</li>
<li class="nav-item">
<a class="nav-link" @click.prevent="setActive('enquiries')" :class="{ active: isActive('enquiries') }" href="#enquiries">Enquiries</a>
</li>
<li class="nav-item">
<a class="nav-link" @click.prevent="setActive('documents')" :class="{ active: isActive('documents') }" href="#documents">Documents</a>
</li>
<li class="nav-item">
<a class="nav-link" @click.prevent="setActive('accounts')" :class="{ active: isActive('accounts') }" href="#accounts">Accounts</a>
</li>
<li class="nav-item">
<a class="nav-link" @click.prevent="setActive('requests')" :class="{ active: isActive('requests') }" href="#requests">Maintenance</a>
</li>
<li class="nav-item">
<a class="nav-link" @click.prevent="setActive('tenants')" :class="{ active: isActive('tenants') }" href="#requests">Tenants</a>
</li>
<li class="nav-item" v-if="homecarestatus==2">
<a class="nav-link" @click.prevent="setActive('homecare')" :class="{ active: isActive('homecare') }" href="#homecare">Homecare</a>
</li>
</ul>
<div class="tab-content py-3" id="myTabContent">
<div class="tab-pane fade" :class="{ 'active show': isActive('activity') }" id="activity">
</div>
<div class="tab-pane fade" :class="{ 'active show': isActive('projects') }" id="projects">
<div v-for="property in properties" :key="property.id">
<div class="card border-left-primary shadow h-100 py-2">
<div class="card-body">
<h3 class="cb">Price</h3>
<p>{{property.price}}</p>
<h3 class="cb">Property Name/ Cost Center</h3>
<p>{{property.property_name}}</p>
<h3 class="cb">Details</h3>
<div class="row" v-if="[9,5,6,7,8].includes(property.property_type)">
<div class="col-md-6">
<div class="_3_knn"><div class="_2ECXs"><span class="m758jN-detail" data-aut-id="key_type">Type</span><span class="m758jN-detail" data-aut-id="value_type">Commmercial</span></div></div>
<div class="_3_knn"><div class="_2ECXs"><span class="m758jN-detail" data-aut-id="key_type">Building Name</span><span class="m758jN-detail" data-aut-id="value_type"></span></div></div>
<div class="_3_knn"><div class="_2ECXs"><span class="m758jN-detail" data-aut-id="key_type">Parking Ratio</span><span class="m758jN-detail" data-aut-id="value_type">Apartments</span></div></div>
<div class="_3_knn"><div class="_2ECXs"><span class="m758jN-detail" data-aut-id="key_type">Floors</span><span class="m758jN-detail" data-aut-id="value_type">{{property.Floor}}</span></div></div>
<div class="_3_knn"><div class="_2ECXs"><span class="m758jN-detail" data-aut-id="key_type">Year Built</span><span class="m758jN-detail" data-aut-id="value_type">{{property.carpet_area}}</span></div></div>
</div>
<div class="col-md-6">
<div class="_3_knn"><div class="_2ECXs"><span class="m758jN-detail" data-aut-id="key_type">Total Area</span><span class="m758jN-detail" data-aut-id="value_type">{{buildup_area}}</span></div></div>
<div class="_3_knn"><div class="_2ECXs"><span class="m758jN-detail" data-aut-id="key_type">Power Backup</span><span class="m758jN-detail" data-aut-id="value_type">Apartments</span></div></div>
<div class="_3_knn"><div class="_2ECXs"><span class="m758jN-detail" data-aut-id="key_type">Parking Ratio</span><span class="m758jN-detail" data-aut-id="value_type">Apartments</span></div></div>
<div class="_3_knn"><div class="_2ECXs"><span class="m758jN-detail" data-aut-id="key_type">Air Conditioning</span><span class="m758jN-detail" data-aut-id="value_type">Apartmentss</span></div></div>
<div class="_3_knn"><div class="_2ECXs"><span class="m758jN-detail" data-aut-id="key_type">Floor to Beam height</span><span class="m758jN-detail" data-aut-id="value_type">{{property.carpet_area}}</span></div></div>
</div>
</div>
<div class="row" v-else>
<div class="col-md-6">
<div class="_3_knn"><div class="_2ECXs"><span class="m758jN-detail" data-aut-id="key_type">Type</span><span class="m758jN-detail" data-aut-id="value_type">Residential</span></div></div>
<div class="_3_knn"><div class="_2ECXs"><span class="m758jN-detail" data-aut-id="key_type">Bedroom</span><span class="m758jN-detail" data-aut-id="value_type">{{property.bhk}}</span></div></div>
<div class="_3_knn"><div class="_2ECXs"><span class="m758jN-detail" data-aut-id="key_type">Bathroom</span><span class="m758jN-detail" data-aut-id="value_type">Apartments</span></div></div>
<div class="_3_knn"><div class="_2ECXs"><span class="m758jN-detail" data-aut-id="key_type">Furnishing</span><span class="m758jN-detail" data-aut-id="value_type">{{property.furnishing}}</span></div></div>
<div class="_3_knn"><div class="_2ECXs"><span class="m758jN-detail" data-aut-id="key_type">Super Builtup Area (Sqft)</span><span class="m758jN-detail" data-aut-id="value_type">{{property.carpet_area}}</span></div></div>
</div>
<div class="col-md-6">
<div v-if="property.property_for==1" class="_3_knn"><div class="_2ECXs"><span class="m758jN-detail" data-aut-id="key_type">Maintenance</span><span class="m758jN-detail" data-aut-id="value_type">{{property.mmc}}</span></div></div>
<div class="_3_knn"><div class="_2ECXs"><span class="m758jN-detail" data-aut-id="key_type">Total Floors</span><span class="m758jN-detail" data-aut-id="value_type">Apartments</span></div></div>
<div class="_3_knn"><div class="_2ECXs"><span class="m758jN-detail" data-aut-id="key_type">Floor No</span><span class="m758jN-detail" data-aut-id="value_type">Apartments</span></div></div>
<div class="_3_knn"><div class="_2ECXs"><span class="m758jN-detail" data-aut-id="key_type">Car Parking</span><span class="m758jN-detail" data-aut-id="value_type">Apartments</span></div></div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<br>
<h3 class="cb">Description</h3>
{{property.description}}
</div>
</div>
<div class="row">
<div class="col-md-12">
<br>
<h3 class="cb">Features & Amenities</h3>
<div class="amenities">
<ul>
<li v-for="item in amenities" :key="item.id">
<a href="#"><img v-bind:src="'/images/amenities/' + item.icon" /> </a><span>{{item.amenity}}</span>
</li>
</ul>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<br>
<h3 class="cb">Property Location</h3>
<iframe src="https://www.google.com/maps/embed?pb=!1m14!1m12!1m3!1d15717.530362333517!2d76.3058215!3d9.9852212!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!5e0!3m2!1sen!2sin!4v1620996466581!5m2!1sen!2sin" width="100%" height="450" style="border:0;" allowfullscreen="" loading="lazy"></iframe>
</div>
</div>
</div>
</div>
</div>
<pagination :data="properties" @pagination-change-page="getProperties"></pagination>
</div>
<div class="tab-pane fade" :class="{ 'active show': isActive('tasks') }" id="tasks">
<div v-for="task in alltasks" :key="task.id">
<p>{{task.id}}</p>
<p>{{task.task}}</p>
</div>
<pagination :data="tasks" @pagination-change-page="getResults"></pagination>
</div>
<div class="tab-pane fade" :class="{ 'active show': isActive('documents') }" id="documents">documents content
<div class="col-md" v-for="file in allfiles" :key="file.id">
<div v-if="file.file_name.split('.').pop()=='pdf'">
<a :href="'../storage/uploads/'+file.file_name" target="_blank"> <i class="fa fa-file-pdf-o"></i><p class="filename">{{file.file_name}}</p></a>
<button v-on:click="deletefile(file.id)">Delete</button>
</div>
<div v-else-if="file.file_name.split('.').pop()=='xlsx'">
<a :href="'../storage/uploads/'+file.file_name" target="_blank"> <i class="fa fa-file-excel-o" aria-hidden="true"></i><p class="filename">{{file.file_name}}</p></a>
<button v-on:click="deletefile(file.id)">Delete</button>
</div>
<div v-else-if="file.file_name.split('.').pop()=='docx'">
<a :href="'../storage/uploads/'+file.file_name" target="_blank"> <i class="fa fa-file-word-o" aria-hidden="true"></i><p class="filename">{{file.file_name}}</p></a>
</div>
<div v-else>
<a :href="'../storage/uploads/'+file.file_name" target="_blank"> <i class="fa fa-file-pdf-o"></i><p class="filename">{{file.file_name}}</p></a>
<button v-on:click="deletefile(file.id)">Delete</button>
</div>
</div>
</div>
<div class="tab-pane fade" :class="{ 'active show': isActive('requirements') }" id="requirements">
<div v-for="lead in leads.data" :key="lead.id">
<div class="card border-left-primary shadow h-100 py-2">
<div class="card-body">
<div class="row">
<div class="col-md-3">
</div>
<div class="col-md-9">
<p>{{lead.property_for}}</p>
<p>{{lead.additional_info}}</p>
<div class="row">
</div>
</div>
</div>
</div>
</div>
</div>
<pagination :data="leads" @pagination-change-page="getLeads"></pagination>
</div>
<div class="tab-pane fade" :class="{ 'active show': isActive('enquiries') }" id="enquiries">
<div class="card" v-for="enquiry in enquiries" :key="enquiry.id">
<div class="card-body">
<h3>{{enquiry.name}}</h3>
<p>{{enquiry.phone}}</p>
<p>{{enquiry.created|fdate}}</p>
</div>
</div>
</div>
<div class="tab-pane fade" :class="{ 'active show': isActive('notes') }" id="notes">
<div v-for ="note in notes" :key="note.id">
<h5>{{note.created_at|fdate}}</h5>
<p>{{note.notes}}</p>
</div>
</div>
<div class="tab-pane fade" :class="{ 'active show': isActive('requests') }" id="requests">Maintenance content</div>
<div class="tab-pane fade" :class="{ 'active show': isActive('accounts') }" id="accounts">accounts content</div>
<div class="tab-pane fade" :class="{ 'active show': isActive('homecare') }" id="homecare">
</div>
<div class="tab-pane fade" :class="{ 'active show': isActive('tenants') }" id="tenants">
<div v-for="tenant in propertytenants" :key="tenant.id">
<div class="card border-left-primary shadow h-100 py-2">
<div class="card-body">
<div class="row">
<div class="col-md-3">
<label for="">Tenant Name</label>
<p>{{tenant.name}}</p>
</div>
<div class="col-md-3">
<label for="">Start Date</label>
<p>{{tenant.startdate}}</p>
</div>
<div class="col-md-3">
<label for="">End Date</label>
<p>{{tenant.enddate}}</p>
</div>
<div class="col-md-3">
<label for="">Status</label>
<p>{{tenant.status}}</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<b-sidebar id="add-tenant" class="w-50" title="Add Tenant" right shadow backdrop backdrop-variant="dark">
<form action="" method="POST" @submit.prevent="addtenant()" class="form-task">
<label for="exampleFormControlTextarea1" class="form-label">Make a note</label>
<input type="text" placeholder="Enter Client Phone" v-model="searchQuery" @keyup="getData(searchQuery)" autocomplete="off" class="form-control input-lg" list="tenants"/>
<datalist id="tenants" >
<option v-for="user in tenants.data" :key='user.id' :value="user.id">{{user.name}}-+{{user.cc}} {{user.phone }}</option>
</datalist>
<label for="">Rental Start Date</label>
<input type="date" name="startdate" v-model="startdate" class="form-control">
<label for="">Rental End Date</label>
<input type="date" name="enddate" v-model="enddate" class="form-control"> '
<button type="submit" value="submit" class="btn btn-primary">Submit</button>
</form>
</b-sidebar>
<b-sidebar id="add-task" class="w-50" title="Add file" right shadow backdrop backdrop-variant="dark">
<propertytask :leadid="id" :clientid="client_id" />
</b-sidebar>
<b-sidebar id="add-brokerage" class="w-50" title="Add Brokerage" right shadow backdrop backdrop-variant="dark">
<form action="/calls" method="POST" @submit.prevent="addbrokerage()">
<div class="form-group">
<label for="">Landlord Amount</label>
<input type="text" name="landlordamt" id="" class="form-control" v-model="landlordamt">
</div>
<div class="form-group">
<label for="">Tenant Amount</label>
<input type="text" name="tenantamt" id="" class="form-control" v-model="tenantamt">
</div>
<button type="submit" value="submit" class="btn btn-primary">Submit</button>
</form>
</b-sidebar>
<b-sidebar id="add-task" class="w-50" title="Add file" right shadow backdrop backdrop-variant="dark">
<propertytask :leadid="id" :clientid="client_id" />
</b-sidebar>
<b-sidebar id="add-note" class="w-50" title="Add Note" right shadow backdrop backdrop-variant="dark">
<form action="" method="POST" @submit.prevent="addnote()" class="task-form">
<div class="form-group">
<label for="task"> Add Note</label>
<textarea class="form-control" id="exampleFormControlTextarea1" rows="5" v-model="theNote"></textarea>
</div>
<button type="submit" value="submit" class="btn btn-primary">Submit</button>
</form>
</b-sidebar>
<b-sidebar id="add-homecare" class="w-50" title="Add Homecare" right shadow backdrop backdrop-variant="dark">
<form action="/homecare" method="POST" @submit.prevent="addhomecare()">
<div class="form-check">
<label class="form-check-label">
<input type="radio" class="form-check-input" name="" id="" value="1" v-model="homecare">
No Home Care
</label>
</div>
<div class="form-check">
<label class="form-check-label">
<input type="radio" class="form-check-input" name="" id="" value="2" v-model="homecare">
Home Care
</label>
</div>
<button type="submit" value="submit" class="btn btn-primary">Submit</button>
</form>
</b-sidebar>
<b-sidebar id="add-file" class="w-50" title="Add file" right shadow backdrop backdrop-variant="dark">
<propertyfileupload :m_id="id" :clientid="clientid"/>
</b-sidebar>
<b-sidebar id="add-homecares" class="w-50" title="Add file" right shadow backdrop backdrop-variant="dark">
<addhomecare :m_id="id"/>
</b-sidebar>
<b-sidebar id="add-document" class="w-50" title="Add Quote" right shadow backdrop backdrop-variant="dark">
<propertyfileupload :p_id="id" />
</b-sidebar>
<b-sidebar id="share-property" class="w-100" title="Share Property Details" right shadow backdrop backdrop-variant="dark">
<form action="" method="POST" @submit.prevent="sendproperty()">
<div class="form-group">
<label for="">Client Phone No</label>
<input type="text" name="landlordamt" id="" class="form-control" v-model="clientphoneno">
</div>
<button type="submit" value="submit" class="btn btn-primary">Submit</button>
</form>
</b-sidebar>
</div>
</template>
<script>
import carousel from 'vue-owl-carousel';
import propertyfileupload from '../propertyfileupload'
import addhomecare from '../addhomecare.vue'
export default {
components:{
carousel,addhomecare
},
data(){
return {
id:this.$route.params.id,
clientid:1,
property_title:'',
searchQuery:'',
client_id:'',
task:'',
alltasks:[],
status:'',
propertystatus:'',
id:this.$route.params.id,
users:[],
tenants:[],
allfiles:[],
tasks:{},
activeItem: 'activity',
properties:{},
leads:{},
profiles:[],
notes:[],
images: [],
startdate:'',
enddate:'',
enquiries:[],
picked:'',
avstatus:'',
tenantamt:'',
landlordamt:'',
homecare:'',
homecarestatus:'',
clientphoneno:'',
propertytenants:[],
}
},
methods:{
loadusers(){
axios.get('/client/clientdetails/'+this.client_id) .then(response => {
this.users = response.data
})
},
loadtasks(){
axios.get('/tasks/taskdetails/'+this.id).then(response => {
this.tasks = response.data
})
},
loadenquiries(){
axios.get('/propertyenquiry/details/'+this.id).then(response => {
this.enquiries = response.data
})
},
loadalltasks(){
axios.get('/tasks/gettasksbypropertyid/'+this.id).then(response => {
this.alltasks = response.data
})
},
loadNotes(){
axios.get('/propertynotes/notes/'+this.id).then(response=>{this.notes=response.data})
},
loadfiles(){
axios.get('/properties/files/'+this.id) .then(response => {
this.allfiles = response.data; })
},
deletefile($id){
axios.get('/properties/deletefile/'+$id) .then(response => {
this.$toaster.success('File Deleted'),
this.loadfiles()
})
},
loadtenants(){
axios.get('/propertytenant/list/'+this.id).then(response=>{this.propertytenants=response.data})
},
loadamenities(){
axios.get('/properties/amenitiesbyid/'+this.id).then(response => {
this.amenities = response.data;
});
} ,
getResults(page = 1) {
axios.get('/tasks/taskdetails/'+this.id+'?page=' + page)
.then(response => {
this.tasks = response.data;
});
},
shareproperty(){
this.$root.$emit('bv::toggle::collapse','share-property')
},
sendproperty(){
let number=this.clientphoneno;
let message='Here are the properties matching your requirement. https://karetakers.in/propertydetail/'+this.id;
var url = 'https://api.whatsapp.com/send?phone='
+ number
+ '&text='
+ encodeURIComponent(message);
// window.open = url,'_blank';
window.open(url, "_blank");
//return url
},
addbrokerage(){
axios
.post('/brokerage', {
propertyid:this.id,
landlordamt: this.landlordamt,
tenantamt: this.tenantamt
}) .then(
this.$toaster.success('Brokerage Added'),
// this. loadactivities(), // add toaster
);
},
getData:function(searchQuery) {
this.isLoading = true;
axios.get('../client/searchquery?q=' + searchQuery)
.then(response => {
this.tenants = response.data;
});
},
addtask(){
axios
.post('/tasks', {
client_id: this.client_id,
task: this.task,
status:this.status
}) .then(function (response) {
//handle success
console.log(response);
});
this.$root.$emit('bv::toggle::collapse', 'example-collapse')
},
isActive (menuItem) {
return this.activeItem === menuItem
},
setActive (menuItem) {
this.activeItem = menuItem
},
getProperties:function(page = 1) {
axios.get('/properties/propertydetails/'+this.id+'?page=' + page)
.then(response => {
this.properties = response.data;
});
},
loadproperties:function(){
axios.get('/properties/propertydetails/'+this.id).then(response => {
this.properties = response.data;
this.propertystatus=response.data[0].status;
this.client_id=response.data[0].client_id;
this.picked=response.data[0].available_status;
this.homecarestatus=response.data[0].homecare_status;
axios.get('/client/clientdetails/'+this.client_id) .then(response => {
this.users = response.data
})
});
},
getLeads:function(page = 1) {
axios.get('/leads/leaddetails/'+this.id+'?page=' + page)
.then(response => {
this.leads = response.data;
});
},
loadLeads:function(){
axios.get('/leads/leaddetails/'+this.id).then(({data})=> (this.leads = data));
},
updatestatusavailable(){
axios
.post('/properties/updatestatusavailable/'+this.id, {
avstatus: this.picked,
}) .then(
this.$toaster.success('Status Updated'),
this.loadproperties()
// this. loadactivities(), // add toaster
);
},
addnote(){
axios.post('/propertynotes',{
propertyid:this.id,
notes:this.theNote,
}) .then(response => {
this.$toaster.success('Note Added'),
this.$root.$emit('bv::toggle::collapse','add-note')
//this.loadnotes()
})
},
addtenant(){
axios.post('/propertytenant',{
property_id:this.id,
client_id:this.searchQuery,
startdate:this.startdate,
enddate:this.enddate
}) .then(response => {
this.$toaster.success('Tenant Added')
//this.loadnotes()
})
},
addhomecare(){
axios
.post('/properties/homecare/'+this.id, {
homecare: this.homecare,
}) .then(
this.$toaster.success('Status Updated'),
this.loadproperties()
// this. loadactivities(), // add toaster
);
},
updatestatus: function (id) {
axios.post('/properties/updatestatus/'+this.id) .then(response => {
})
window.location.reload()
},
managedProperty: function (id) {
axios.post('/properties/managedProperty/'+this.id) .then(response => {
})
window.location.reload()
},
getImages:function(){
axios.get('/properties/images/'+this.id).then(response => {
this.images = response.data;
});
}
},
created: function(){
this.loadtasks(),
this.loadproperties(),
this.loadLeads(),
this.loadNotes(),
this.loadfiles(),
this.loadamenities(),
this.loadusers(),
this.loadenquiries(),
this.loadtenants(),
this.loadalltasks()
},
mounted() {
axios.get('/properties/images/'+this.id).then(response => {
this.images = response.data;
});
}
}
</script>
<style scoped>
.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
color: #ffffff;
background-color: #0d75dd;
border-color: #dee2e6 #dee2e6 #f8fafc;
}
#tasks ul {
padding: 0;
margin: 0;
list-style: none;
}
.profile-title{
font-size: 1em;
}
.amenities img {
height: 30px;
}
.amenities li {
text-align: center;
width: 15.9%;
margin-bottom: 3px !important;
display: inline-block;
font-size: 12px;
}
.amenities a {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 10px;
font-size: 14px;
color: #444;
text-decoration: none;
}
.dselect2 label {
height: 35px;
width: 100%;
border: 1px solid #d3d7d5;
margin: auto;
border-radius: 6px;
position: relative;
color: #000;
transition: 0.5s;
background: #fff;
}
</style>
Zerion Mini Shell 1.0