%PDF-
%PDF-
Mini Shell
Mini Shell
<template>
<div class="page-content">
<div class="add_client_form">
<form action="/leads" method="POST" @submit.prevent="addreg()">
<div class="form-group">
<label for="lead_name">Organization Name</label>
<input type="text" class="form-control" v-model="org" placeholder="">
</div>
<div class="form-group">
<label for="lead_name">Name</label>
<input type="text" class="form-control" v-model="name" placeholder="Name">
</div>
<div class="form-group">
<label for="phone">Phone</label>
<input type="text" class="form-control" name="phone" v-model="phone" placeholder="" @keyup="checkphone(phone)">
</div>
<div class="form-group">
<label for="email">Email</label>
<input type="text" class="form-control" name="email" v-model="email" placeholder="">
</div>
<div class="form-group">
<label for="address">Address</label>
<input type="text" class="form-control" name="email" v-model="address" placeholder="">
</div>
<div class="form-group">
<label for="">Delegate Type</label>
<select v-model="profile" class="form-control">
<option value="1">KMA Member</option>
<option value="2">Non KMA Member</option>
<option value="3">KMA Student Member</option>
<option value="4">Non- KMA Student Member</option>
</select>
</div>
<div class="form-group">
<label for="amount">Amount</label>
<input type="text" class="form-control" name="amount" v-model="amount" placeholder="">
</div>
<div class="form-group">
<label for="orderid">Order Id</label>
<input type="text" class="form-control" name="orderid" v-model="orderid" placeholder="">
</div>
<div class="form-group">
<label for="status">Status</label>
<input type="text" class="form-control" name="status" v-model="status" placeholder="">
</div>
<button type="submit" value="submit" class="btn btn-primary">Submit</button>
</form>
</div>
</div>
</template>
<script>
export default {
data(){
return{
org:'',
name:'',
email:'',
phone:'',
wphone:'',
status:'',
profile:'',
address:'',
amount:'',
status:'',
orderid:'',
pt:'',
cc:'',
message:'',
source:'',
searchQuery:'',
refsource:'',
users:[],
phonecheck:'',
}
},
mounted() {
console.log('Component mounted.')
},
methods: {
addreg(){
axios
.post('/registrations', {
organization:this.org,
name: this.name,
email: this.email,
phone: this.phone.replace(/\s+/g, ''),
address:this.address,
amount:this.amount,
orderid:this.orderid,
status:this.status,
type:this.profile
}) .then(
this.$toaster.success('Registration Added'),
this.$root.$emit('bv::toggle::collapse', 'add-client'),
this.$router.push({ path: '/registration'})
// this. loadactivities(), // add toaster
);
},
jack(){
if(this.sameas!=""){
this.wphone=this.phone,
this.wcc=this.cc
}
},
getData:function(searchQuery) {
this.isLoading = true;
axios.get('client/searchquery?q=' + searchQuery.replace(/\s+/g, ''))
.then(response => {
this.users = response.data;
});
}
}
}
</script>
<style scoped>
.rbt.radio-block ul {
width: 100%;
overflow: auto;
padding: 0;
}
.rbt.radio-block li {
display: inline-block;
clear: both;
padding: 10px;
border-radius: 30px;
margin-bottom: 2px;
font-family: Helvetica, Arial, sans-serif;
}
.rbt.radio-block input[type="radio"], input[type="checkbox"] {
margin-right: 5px;
}
.rbt input[type="radio"]{
-webkit-appearance:none;
}
.rbt label{
appearance: none;
background-color: #fff;
border-style: none;
box-shadow: inset 0 0 0 1px #002f34;
border-radius: 4px;
color: #002f34;
cursor: pointer;
font-size: 14px;
height: 36px;
margin-bottom: 8px;
margin-right: 8px;
min-width: 124px;
outline: 0;
padding: 8px 16px;
}
.fa{
font-size: 80px;
position: absolute;
top:50%;
left: 50%;
transform: translate(-50%,-80%);
}
.rbt label>span{
font-size: 14px;
transform: translate(-50%,80%);
font-family: "Poppins",sans-serif;
font-weight: 500;
}
.rbt input[type="radio"]:checked + label{
background-color: #6b80ef;
color: white;
}
</style>
Zerion Mini Shell 1.0