FM / components

/home/techb158/ileadtechnology.com/SSM/vendor/laravel/telescope/resources/js/components/

/home/techb158/ileadtechnology.com/SSM/vendor/laravel/telescope/resources/js/components

Name	Size	Mode	Actions
Alert.vue	3052	0644	edit dl rm
ExceptionCodePreview.vue	472	0644	edit dl rm
IndexScreen.vue	12370	0644	edit dl rm
PreviewScreen.vue	8646	0644	edit dl rm
RelatedEntries.vue	25708	0644	edit dl rm
Stacktrace.vue	885	0644	edit dl rm

Edit: /home/techb158/ileadtechnology.com/SSM/vendor/laravel/telescope/resources/js/components/Alert.vue (3052B)

export default {
        props: ['type', 'message', 'autoClose', 'confirmationProceed', 'confirmationCancel'],

data(){
            return {
                timeout: null,
                anotherModalOpened: $('body').hasClass('modal-open')
            }
        },

mounted() {
            $('#alertModal').modal({
                backdrop: 'static',
            });

$('#alertModal').on('hidden.bs.modal', e => {
                this.$root.alert.type = null;
                this.$root.alert.autoClose = false;
                this.$root.alert.message = '';
                this.$root.alert.confirmationProceed = null;
                this.$root.alert.confirmationCancel = null;

if (this.anotherModalOpened) {
                    $('body').addClass('modal-open');
                }
            });

if (this.autoClose) {
                this.timeout = setTimeout(() => {
                    this.close();
                }, this.autoClose);
            }
        },

methods: {
            /**
             * Close the modal.
             */
            close(){
                clearTimeout(this.timeout);

$('#alertModal').modal('hide');
            },

/**
             * Confirm and close the modal.
             */
            confirm(){
                this.confirmationProceed();

this.close();
            },

/**
             * Cancel and close the modal.
             */
            cancel(){
                if (this.confirmationCancel) {
                    this.confirmationCancel();
                }

this.close();
            }
        }
    }
</script>

<template>
    <div class="modal" id="alertModal" tabindex="-1" role="dialog" aria-labelledby="alertModalLabel" aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-body text-center">
                    <p class="mt-3 mb-0">{{message}}</p>
                </div>

<button v-if="type == 'error'" class="btn btn-secondary btn-sm" @click="close">
                        CLOSE
                    </button>

<button v-if="type == 'confirmation'" class="btn btn-danger btn-sm" @click="confirm">
                        YES
                    </button>
                    <button v-if="type == 'confirmation'" class="btn btn-secondary btn-sm" @click="cancel">
                        NO, CANCEL
                    </button>

</div>
            </div>
        </div>
    </div>
</template>

cmd: