%PDF- %PDF-
Mini Shell

Mini Shell

Direktori : /home/ugotscom/.trash/karetakers/resources/js/components/
Upload File :
Create Path :
Current File : /home/ugotscom/.trash/karetakers/resources/js/components/addtasks.vue

<template>
<div class="page-content">
    <h2>Add Task</h2>
     <form action="/tasks" method="POST" @submit.prevent="addtask()">

    <div class="form-group">
      <label for="client_id">Client Id</label>
      <input type="text" class="form-control" v-model="client_id" placeholder="client_id">
    </div>
 
  <div class="form-group">
    <label for="task">Task</label>
    <input type="text" class="form-control" name="task" v-model="task" placeholder="Task">
  </div>

  <div class="form-row">
    <div class="form-group">
      <label for="status">status</label>
      <input type="text" class="form-control" name="status" v-model="status">
    </div>
 
  </div>
  <button type="submit" value="submit" class="btn btn-primary">Submit</button>
</form>

</div>
</template>

<script>
    export default {
      data(){
        return{
        client_id:'',
        task:'',
        status:'',
        }
      
      },
        mounted() {
            console.log('Component mounted.')
        },
        methods: {
          addtask(){
               axios
    .post('/tasks', {
      client_id: this.client_id,
      task: this.task,
      status:this.status
    }) .then( response => this.$router.push({ path: '/foo'}));
            }
        }

    }
    
</script>

Zerion Mini Shell 1.0