%PDF- %PDF-
Mini Shell

Mini Shell

Direktori : /home/ugotscom/3vfm3/resources/js/components/
Upload File :
Create Path :
Current File : /home/ugotscom/3vfm3/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">
            <input type="text" placeholder="Enter Client Phone" v-model="searchQuery" @keyup="getData(searchQuery)" autocomplete="off" class="form-control input-lg" list="users"/>
                <datalist id="users" >
              <option v-for="user in users.data" :key='user'  :value="user.id">{{user.name}}-{{user.phone }}</option>
            </datalist>
          </div>
        <div class="form-group">
          <label for="property">Select Property</label>
           <select v-on:click="getclientProperties" class="form-control">
     <option v-for="property in clientproperties" :value="property.id">{{property.title}}</option>
   </select>
        </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>
   <div class="form-row">
    <div class="form-group">
      <label for="assigned">Assigned</label>
      <input type="text" class="form-control" name="assigned" v-model="assigned">
    </div>
  </div>
   <div class="form-row">
    <div class="form-group">
      <label for="duedatee">Due Date</label>
      <input type="date" class="form-control" name="due_date" v-model="due_date">
    </div>
  </div>
  <div class="form-group">
    <input type="radio" name="" id="">Billable
     <input type="radio" name="" id="">Non Billable
  </div>
  <button type="submit" value="submit" class="btn btn-primary">Submit</button>
</form>

</div>
</template>

<script>
    export default {
      data(){
        return{
        task:'',
        status:'',
        assigned:'',
        due_date:'',
        searchQuery:'',
          users:[],
          clientproperties:[],
        }
      
      },
        mounted() {
            console.log('Component mounted.')
        },
        methods: {
          addtask(){
               axios
    .post('/properties/propertydetails/{id}', {
      task: this.task,
      status:this.status,
      assigned:this.assigned,
      due_date:this.due_date
    }) .then( response => this.$router.push({ path: '/tasks'}));
            },
              getData:function(searchQuery) {
    	this.isLoading = true;
        axios.get('client/searchquery?q=' + searchQuery)
        .then(response => {
          this.users = response.data;
        });
        
        },
        getclientProperties(){
          axios.get('/properties/clientproperties/'+ this.searchQuery)
        .then(response => {
          this.clientproperties = response.data;
        }); 
        },
        }

    }
    
</script>

Zerion Mini Shell 1.0