%PDF-
%PDF-
Mini Shell
Mini Shell
<template>
<div class="container">
<div class="row">
<div class="col">
<div class="card border-left-primary shadow h-100 py-2">
<div class="card-body">
<div class="text-xs font-weight-bold text-primary text-uppercase mb-1">Total Expired Properties</div>
<div class="h5 mb-0 font-weight-bold text-gray-800"> <p>{{this.properties.total}}</p></div>
<router-link @click="say()">click me</router-link>
</div>
</div>
</div>
</div>
<br>
<div class="row justify-content-center">
<div class="col-md-12">
<div v-for="property in properties.data" :key="property.id">
<div class="card border-left-primary shadow h-100 py-2">
<div class="card-body">
<div class="row">
<div class="col-md-3">
<img v-bind:src="'propertyImages/'+property.featured_image" width="200px"/>
<p>{{property.property_for}}</p>
</div>
<div class="col-md-9">
<div class="row">
<p class="property_title">{{property.title}}</p>
<p class="property_price">Rs {{property.price}}</p>
</div>
<div class="row">
<div class="summary_item">
<div class="summary_title">carpet area</div>
<div class="summary_info">{{property.carpet_area}}sqft</div>
</div>
<div class="summary_item">
<div class="summary_title">BHK</div>
<div class="summary_info">{{property.bhk}}</div>
</div>
<div class="summary_item">
<div class="summary_title">carpet area</div>
<div class="summary_info">{{property.carpet_area}}sqft</div>
</div>
</div>
<div class="row">
<p>{{property.location}}</p>
</div>
<div class="wrapperbutton">
<button id="button3">Pending Approval</button>
<router-link v-bind:to="'/propertydetail/'+property.id"><button id="button2">View Details</button></router-link>
</div>
</div>
</div>.
</div>
</div>
</div>
<pagination :data="properties" @pagination-change-page="getResults"></pagination>
</div>
</div>
</div>
</template>
<script>
export default {
data(){
return {
properties:{},
tasks:[],
searchQuery:'',
isTyping: false,
isLoading: false,
property_type:null,
property_for:null,
}
},
watch: {
searchQuery: _.debounce(function() {
this.isTyping = false;
}, 500),
isTyping: function(value) {
if (!value) {
this.searchUser(this.searchQuery);
}
}
},
methods:{
searchUser: function(searchQuery) {
this.isLoading = true;
axios.get('client/searchquery?q=' + searchQuery)
.then(response => {
this.isLoading = false;
this.users = response.data;
});
},
getResults:function(page = 1) {
axios.get('properties/expired?page=' + page)
.then(response => {
this.properties = response.data;
});
},
loadusers:function(){
axios.get('/properties/expired').then(({data})=> (this.properties = data));
},
loadtotalcount(){
axios.get('/client/totalcount') .then(response => {
this.tasks = response.data
})
},
getPosts:function () {
axios.get('/client').then(function(response){
this.rows = response.data;
}.bind(this));
},
searchProperty:function (){
axios.post('/properties/searchproperty', {
property_for: this.property_for,
}).then(response => {
this.properties = response.data})
}
},
created: function(){
this.loadusers(),
this.loadtotalcount()
},
}
</script>
Zerion Mini Shell 1.0