%PDF- %PDF-
Mini Shell

Mini Shell

Direktori : /home/ugotscom/bos_naturals/resources/js/components/
Upload File :
Create Path :
Current File : /home/ugotscom/bos_naturals/resources/js/components/addpropertyenquiry.vue

<template>


<div >
     <form action="/leads" method="POST" @submit.prevent="addpropertyenquiry()">
 
  <div class="form-group">   
        <h2>Add Specific Property enquiry</h2>
        
          <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>
             <a v-b-toggle href="#add-client" @click.prevent>Add Contact</a>
              <b-sidebar id="add-client" class="w-50" title="Add Client" right shadow backdrop backdrop-variant="dark">
        
         <addclients />
            </b-sidebar>
          </div>    
          <div class="form-group" >
              <label for="">Property ID</label>
              <input type="text" v-model="property_id" class="form-control">
          </div>

  </div>

  
  <button type="submit" value="submit" class="btn btn-primary">Submit</button>
</form>
</div>






   
</template>

<script>
import addclients from './clients/addclients'
import addproperty from './addproperties'
    export default {
      data(){
        return{
        client_id:'',
        property_id:'',
        property_type:'',
        location:'',
        budget_min:'',
        budget_max:'',
        options:'',
        tags: [],
        clientid:'',
        locationslist:null,
          searchQuery:'',
          users:[],
          alllocations:{},
          m_client:'',
          m_property_id:'',
          m_request:'',
          clientproperties:[],
        
    
        }
      
      },
                 components: {
    addclients,
    addproperty
  },
        mounted() {
            console.log('Component mounted.')
        },
        methods: {
          addpropertyenquiry(){
           
               axios
    .post('/propertyenquiry', {
      client_id: this.searchQuery,
      property_id: 59,
    
    }) .then();
            },     
 getData:function(searchQuery) {
    	this.isLoading = true;
        axios.get('client/searchquery?q=' + searchQuery)
        .then(response => {
          this.users = response.data;
        });
        
        },    
         loadlocations:function(){
             axios.get('/locations').then(response=> {this.alllocations = response.data});
            },
        },
           created:function(){
          this.loadlocations()
        }

    }
    
</script>
<style scoped>
.tag-input {
  width: 100%;
  border: 1px solid #eee;
  font-size: 0.9em;
  height: 50px;
  box-sizing: border-box;
  padding: 0 10px;
}

.tag-input__tag {
  height: 30px;
  float: left;
  margin-right: 10px;
  background-color: #eee;
  margin-top: 10px;
  line-height: 30px;
  padding: 0 5px;
  border-radius: 5px;
}

.tag-input__tag > span {
  cursor: pointer;
  opacity: 0.75;
}

.tag-input__text {
  border: none;
  outline: none;
  font-size: 0.9em;
  line-height: 50px;
  background: none;
}

</style>

Zerion Mini Shell 1.0