79
79
customClass : function ( ) {
80
80
return this . alignCenter ? "el-dialog--centered" : "" ;
81
81
} ,
82
- isButtonDisabled : function ( ) {
83
- return {
84
- save : this . saveButtonDisabled ,
85
- cancel : this . cancelButtonDisabled
86
- } ;
87
- } ,
88
- buttonStyle : function ( ) {
89
- return function ( disabled ) {
90
- return disabled ? { opacity : 0.5 } : { } ;
91
- } ;
92
- }
93
82
} ,
94
83
methods : {
84
+ buttonStyle : function ( disabled ) {
85
+ return disabled ? { opacity : 0.5 } : { } ;
86
+ } ,
95
87
confirmClicked : function ( ) {
96
88
this . $emit ( "confirm" ) ;
97
89
} ,
104
96
<template v-for="(_, name) in forwardedSlots" v-slot:[name]="slotData">\
105
97
<slot :name="name"/>\
106
98
</template>\
107
- <template v-slot:footer><div class="cly-vue-formdialog__buttons is-single-step bu-is-justify-content-flex-end bu-is-flex">\
108
- <el-button size="small" :data-test-id="testId + \'-cly-confirm-dialog-cancel-button\'" @click="cancelClicked" type="secondary" :disabled="isButtonDisabled.cancel" :style="buttonStyle(isButtonDisabled.cancel)" v-if="cancelButtonVisibility">{{cancelLabel}}</el-button>\
109
- <el-button size="small" :data-test-id="testId + \'-cly-confirm-dialog-save-button\'" @click="confirmClicked" type="success" :disabled="isButtonDisabled.save" :style="buttonStyle(isButtonDisabled.save)" v-if="confirmStyle==\'success\' && saveButtonVisibility" >{{saveLabel}}</el-button>\
110
- <el-button size="small" :data-test-id="testId + \'-cly-confirm-dialog-warning-button\'" @click="confirmClicked" type="warning" :disabled="isButtonDisabled.save" :style="buttonStyle(isButtonDisabled.save)" v-else-if="confirmStyle==\'warning\' && saveButtonVisibility" >{{saveLabel}}</el-button>\
111
- <el-button size="small" :data-test-id="testId + \'-cly-confirm-dialog-danger-button\'" @click="confirmClicked" type="danger" :disabled="isButtonDisabled.save" :style="buttonStyle(isButtonDisabled.save)" v-else-if="saveButtonVisibility" >{{saveLabel}}</el-button>\
112
- </div></template>\
99
+ <template v-slot:footer>\
100
+ <slot name="footer">\
101
+ <div class="cly-vue-formdialog__buttons is-single-step bu-is-justify-content-flex-end bu-is-flex">\
102
+ <el-button size="small" :data-test-id="testId + \'-cly-confirm-dialog-cancel-button\'" @click="cancelClicked" type="secondary" :disabled="cancelButtonDisabled" :style="buttonStyle(cancelButtonDisabled)" v-if="cancelButtonVisibility">{{cancelLabel}}</el-button>\
103
+ <el-button size="small" :data-test-id="testId + \'-cly-confirm-dialog-save-button\'" @click="confirmClicked" type="success" :disabled="saveButtonDisabled" :style="buttonStyle(saveButtonDisabled)" v-if="confirmStyle==\'success\' && saveButtonVisibility" >{{saveLabel}}</el-button>\
104
+ <el-button size="small" :data-test-id="testId + \'-cly-confirm-dialog-warning-button\'" @click="confirmClicked" type="warning" :disabled="saveButtonDisabled" :style="buttonStyle(saveButtonDisabled)" v-else-if="confirmStyle==\'warning\' && saveButtonVisibility" >{{saveLabel}}</el-button>\
105
+ <el-button size="small" :data-test-id="testId + \'-cly-confirm-dialog-danger-button\'" @click="confirmClicked" type="danger" :disabled="saveButtonDisabled" :style="buttonStyle(saveButtonDisabled)" v-else-if="saveButtonVisibility" >{{saveLabel}}</el-button>\
106
+ </div>\
107
+ </slot>\
108
+ </template>\
113
109
</el-dialog>'
114
110
} ) ) ;
115
111
274
270
countlyVue . mixins . hasFormDialogs = hasFormDialogsMixin ;
275
271
276
272
277
- } ( window . countlyVue = window . countlyVue || { } ) ) ;
273
+ } ( window . countlyVue = window . countlyVue || { } ) ) ;
0 commit comments