You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
ngcp-csc-ui/src/components/CscConfirmationDialog.vue

67 lines
1.3 KiB

<template>
<csc-dialog
ref="dialogComp"
:title="title"
:titleIcon="titleIcon"
:opened="opened"
>
<div
slot="content"
>
{{ message }}
</div>
<q-btn
slot="actions"
icon="exit_to_app"
color="primary"
flat
@click="confirm"
>
{{ $t('buttons.exit') }}
</q-btn>
</csc-dialog>
</template>
<script>
import {
QBtn
} from 'quasar-framework'
import CscDialog from './CscDialog'
export default {
name: 'csc-confirm-dialog',
data () {
return {
}
},
props: [
'title',
'titleIcon',
'message',
'opened'
],
components: {
QBtn,
CscDialog
},
methods: {
open() {
this.$refs.dialogComp.open();
},
close() {
this.$refs.dialogComp.close();
},
cancel() {
this.close();
this.$emit('cancel');
},
confirm() {
this.close();
this.$emit('confirm');
}
}
}
</script>
<style lang="stylus" rel="stylesheet/stylus">
</style>