%PDF-
%PDF-
Mini Shell
Mini Shell
<template>
<div class="container" >
<div class="row" v-for="task in tasks" :key="task.id">
<div class="col-md-3">
<div class="card">
<div class="card-body">
<img src="/images/profile.png" class="img-responsive profile-img">
</div>
</div>
</div>
<div class="col-md">
<div class="card">
<div class="card-body">
<p>{{task.task}}</p>
<p>Assignee: Vipin Raj</p>
<p>Due Date : {{task.due_date|fdate}}</p>
<p>Added Date : {{task.created_at|fdate}}</p>
<p>Description:</p>
<p>ASssigned to {{task.assigned}}</p>
<p>Status {{task.status}}</p>
<button v-on:click="updatestatus">Mark as Complete</button>
</div>
</div>
</div>
</div>
</div>
</template>
<script>
export default {
data(){
return {
id:this.$route.params.id,
users:[],
tasks:[],
items: [
{ message: 'Foo' },
{ message: 'Bar' }
],
activeItem: 'activity'
}
},
methods:{
loadtasks(){
axios.get('/tasks/taskdetails/'+this.id) .then(response => {
this.tasks = response.data
})
},
isActive (menuItem) {
return this.activeItem === menuItem
},
setActive (menuItem) {
this.activeItem = menuItem
},
updatestatus: function () {
axios.post('/tasks/updatestatus/'+this.id) .then(response => {
})
}
},
created: function(){
this.loadtasks()
},
}
</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;
}
</style>
Zerion Mini Shell 1.0