mirror of
https://github.com/IT4Change/gradido.git
synced 2025-12-13 07:45:54 +00:00
44 lines
1.1 KiB
Vue
44 lines
1.1 KiB
Vue
<template>
|
|
<div>
|
|
<!-- Header -->
|
|
<div class="header py-lg-6">
|
|
<b-container class="w-50">
|
|
<div class="header-body text-center mb-7">
|
|
<p class="h1 test-message-headline">{{ headline }}</p>
|
|
<p class="h4 test-message-subtitle">{{ subtitle }}</p>
|
|
<hr />
|
|
<b-button
|
|
v-if="buttonText && (linkTo || callback)"
|
|
class="test-message-button"
|
|
:to="linkTo ? linkTo + (code ? `/${code}` : '') : null"
|
|
@click="optionalCallback()"
|
|
>
|
|
{{ buttonText }}
|
|
</b-button>
|
|
</div>
|
|
</b-container>
|
|
</div>
|
|
<!-- Page content -->
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
name: 'Message',
|
|
props: {
|
|
headline: { type: String, required: true },
|
|
subtitle: { type: String, required: true },
|
|
buttonText: { type: String, required: false, default: null },
|
|
linkTo: { type: String, required: false, default: null },
|
|
callback: { type: Function, required: false, default: null },
|
|
},
|
|
methods: {
|
|
optionalCallback() {
|
|
if (this.callback) {
|
|
this.callback()
|
|
}
|
|
},
|
|
},
|
|
}
|
|
</script>
|