mirror of
https://gitlab.com/CIEFWorldwideSdnBhd/izyim.git
synced 2026-08-19 04:24:00 +00:00
Omair Saleh
66 lines
2.2 KiB
Vue
66 lines
2.2 KiB
Vue
<template>
|
|
<div class="modal fade stick-up modalContainer" :data-type="this.type">
|
|
<div class="modal-dialog modal-sm">
|
|
<div class="modal-content-wrapper">
|
|
<div class="modal-content">
|
|
<div class="modal-header clearfix text-left">
|
|
<button type="button" class="close" data-dismiss="modal">
|
|
<i class="fa fa-times fs-14"></i>
|
|
</button>
|
|
<h6 v-html="this.title"></h6>
|
|
</div>
|
|
<div class="modal-body">
|
|
<div class="row">
|
|
<div class="col">
|
|
<p class="no-margin" v-html="this.message"></p>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col">
|
|
<slot></slot>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn-sm btn-default" data-dismiss="modal">
|
|
Cancel
|
|
</button>
|
|
<button type="button" class="btn btn-sm" :class="[{'btn-danger': this.danger}, {'btn-success': !this.danger}]" data-dismiss="modal" @click="confirm()">{{this.confirmText}}</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
<script>
|
|
export default {
|
|
props: {
|
|
'title': {
|
|
type: String,
|
|
required: true
|
|
},
|
|
'message': {
|
|
type: String,
|
|
required: true
|
|
},
|
|
'type': {
|
|
type: String,
|
|
required: true
|
|
},
|
|
'confirmText': {
|
|
type: String,
|
|
default: 'Confirm'
|
|
},
|
|
'danger': {
|
|
type: Boolean,
|
|
default: false
|
|
},
|
|
},
|
|
methods: {
|
|
confirm(){
|
|
this.$emit('confirm');
|
|
}
|
|
}
|
|
}
|
|
</script>
|