mirror of
https://github.com/Bubka/2FAuth.git
synced 2024-12-03 22:01:45 +01:00
47 lines
1.1 KiB
Vue
47 lines
1.1 KiB
Vue
|
<template>
|
||
|
|
<div class="columns is-centered">
|
||
|
|
<div class="form-column column is-two-thirds-tablet is-half-desktop is-one-third-widescreen is-one-quarter-fullhd">
|
||
|
|
<h1 class="title" v-html="title"></h1>
|
||
|
|
<slot />
|
||
|
|
<p v-if="showTag">
|
||
|
|
<span class="tag is-danger" v-if="fail" v-html="fail" />
|
||
|
|
<span class="tag is-success" v-if="success" v-html="success" />
|
||
|
|
</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
export default {
|
||
|
|
name: 'FormWrapper',
|
||
|
|
|
||
|
|
data() {
|
||
|
|
return {
|
||
|
|
|
||
|
|
}
|
||
|
|
},
|
||
|
|
|
||
|
|
computed: {
|
||
|
|
showTag: function() {
|
||
|
|
return (this.fail || this.success) ? true : false
|
||
|
|
}
|
||
|
|
},
|
||
|
|
|
||
|
|
props: {
|
||
|
|
title: {
|
||
|
|
type: String,
|
||
|
|
default: ''
|
||
|
|
},
|
||
|
|
|
||
|
|
fail: {
|
||
|
|
type: String,
|
||
|
|
default: ''
|
||
|
|
},
|
||
|
|
|
||
|
|
success: {
|
||
|
|
type: String,
|
||
|
|
default: ''
|
||
|
|
},
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</script>
|