61 lines
2.2 KiB
Vue
61 lines
2.2 KiB
Vue
<template>
|
|
<div>
|
|
<div class="row" style="margin: 10px;">
|
|
<div v-if="datas.length > 0" class="col-md-12">
|
|
<div class="row" v-for="(item, index) in datas">
|
|
<div :class="type === 2 ? 'col-md-4' : 'col-md-5'">
|
|
<div class="form-group">
|
|
<input v-model="item.login" type="text" placeholder="Login" class="form-control" required>
|
|
</div>
|
|
</div>
|
|
<div :class="type === 2 ? 'col-md-4' : 'col-md-5'">
|
|
<div class="form-group">
|
|
<input v-model="item.pwd" type="text" placeholder="Password" class="form-control" required>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-2">
|
|
<a @click="removeItem(index)" href="#" class="btn btn-danger"><i class="fas fa-user-times"></i></a>
|
|
</div>
|
|
<div v-if="type === 2" class="col-md-2">
|
|
<a :href="'/projects/wp-auto-login?url=' + url + 'wp-login.php&login=' + item.login + '&pwd=' + item.pwd" target="_blank" class="btn btn-success"><i class="fas fa-sign-in-alt"></i></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-12 text-center">
|
|
<button @click="newItem" class="btn btn-primary" type="button"><i class="fas fa-user-plus"></i></button>
|
|
<input type="hidden" :name="name" :value="JSON.stringify(datas)" required>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
mounted() {
|
|
console.log('Login ID Component mounted.');
|
|
this.datas = JSON.parse(this.dbdatas);
|
|
},
|
|
props: [
|
|
'name',
|
|
'dbdatas',
|
|
'url',
|
|
'type'
|
|
],
|
|
data() {
|
|
return {
|
|
datas: []
|
|
}
|
|
},
|
|
watch: {
|
|
|
|
},
|
|
methods: {
|
|
newItem() {
|
|
this.datas.push({login: '', pwd: ''});
|
|
},
|
|
removeItem(index) {
|
|
this.datas.splice(index, 1);
|
|
}
|
|
}
|
|
}
|
|
</script>
|