%PDF-
%PDF-
Mini Shell
Mini Shell
<template>
<div class="venue-pageheader">
<div class="page-section">
<div class="container">
<div class="row">
<!-- page section -->
<div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
<h3>Italy</h3>/
<a href="#" class="btn btn-default" id="open-popup"></a>
</div>
</div>
</div>
</div>
</div>
</template>
<script>
export default {
data(){
return {
id:this.$route.params.id,
clientid:1,
client_id:'',
task:'',
status:'',
id:this.$route.params.id,
users:[],
tasks:{},
activeItem: 'activity',
properties:{},
leads:{},
profiles:[],
}
},
methods:{
loadusers(){
axios.get('/client/clientdetails/'+this.id) .then(response => {
this.users = response.data
})
},
loadtasks(){
axios.get('/tasks/taskdetails/'+this.id).then(response => {
this.tasks = response.data
})
},
getResults(page = 1) {
axios.get('/tasks/taskdetails/'+this.id+'?page=' + page)
.then(response => {
this.tasks = 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(({data})=> (this.properties = 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));
},
},
created: function(){
this.loadusers(),
this.loadtasks(),
this.loadproperties(),
this.loadLeads()
}
}
</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;
}
</style>
Zerion Mini Shell 1.0