Current File : /home/itiffy/itiffyproject.com/wollombi/wp-content/plugins/wp-media-folder/assets/js/snackbar.es6

/**
 * Snackbar main module
 */
let wpmfSnackbarModule;
(function($) {
    wpmfSnackbarModule =  {
        snackbar_ids : [],
        $snackbar_wrapper : null, // Snackbar jQuery wrapper
        snackbar_defaults : {
            onClose : function(){}, // Callback function when snackbar is closed
            is_undoable : false, // Show or not the undo button
            onUndo : function(){}, // Callback function when snackbar is undoed
            is_closable : true, // Can this snackbar be closed by user
            auto_close : true, // Do the snackbar close automatically
            auto_close_delay : 6000, // Time to wait before closing automatically
            is_progress : false, // Do we show the progress bar
            percentage : null // Percentage of the progress bar
        },

        /**
         * Initialize snackbar module
         */
        initModule : function() {
            wpmfSnackbarModule.$snackbar_wrapper = $(`<div class="wpmf-snackbar-wrapper"></div>`).appendTo('body');
        },


        /**
         * Display a new snackbar
         * @param options
         * @return HTMLElement the snackbar generated
         */
        show : function(options) {
            if (options === undefined) {
                options = {};
            }

            // Set default values
            options = $.extend(
                {},wpmfSnackbarModule.snackbar_defaults,
                options
            );

            // Generate undo html if needed
            let undo = '';
            if(options.is_undoable) {
                undo = '<a href="#" class="wpmf-snackbar-undo">'+wpmf.l18n.wpmf_undo+'</a>';
            }
            let close = '';
            if(options.is_closable) {
                close = '<a class="wpmf-snackbar-close" href="#"><i class="material-icons">close</i></a>'
            }
            let progress = '';
            if(options.is_progress) {
                progress = '<div class="linear-activity wpmfliner_progress"> <div class="indeterminate"></div> </div>'
            }
            let id= '';
            if(options.id) {
                id = 'data-id="'+options.id+'"';
            }

            // Generate final snackbar html content
            const snack = `<div ${id} class="wpmf-snackbar">
                        <div class="wpmf-snackbar-content">${options.content}</div>
                        ${undo}                        
                        ${close}
                        ${progress}
                    </div>`;

            // Add element to the DOM
            let $snack = $(snack).prependTo(wpmfSnackbarModule.$snackbar_wrapper);

            // Save options into snackbar jQuery element
            $snack.options = options;

            // Initialize undo function
            $snack.find('.wpmf-snackbar-undo').click(function(e){
                e.preventDefault();

                $snack.options.onUndo();

                // Reset the close function as we've done an undo
                $snack.options.onClose = function(){};

                // Finally close the snackbar
                wpmfSnackbarModule.close($snack);
            });

            // Initialize close button
            $snack.find('.wpmf-snackbar-close').click(function(e){
                e.preventDefault();

                wpmfSnackbarModule.close($snack);
            });

            // Initialize autoclose feature
            if(options.auto_close) {
                setTimeout(function(){
                    wpmfSnackbarModule.close($snack)
                }, options.auto_close_delay);
            }

            // If an id is set save it
            if (options.id !== undefined) {
                wpmfSnackbarModule.snackbar_ids[options.id] = $snack;
            }

            return $snack;
        },

        /**
         * Remove a snackbar and call onClose callback if needed
         * @param $snack snackbar element
         */
        close : function($snack){
            // Do not run anything if it has already been thrown
            if($snack === null || $snack.is_closed === true) {
                return;
            }
            $snack.is_closed = true;

            // Hide the snackbar
            $snack.addClass('wpmf-snackbar-hidden');

            // Call onClose callback
            $snack.options.onClose();

            // Remove the id if exists
            if ($snack.options.id !== undefined) {
                delete wpmfSnackbarModule.snackbar_ids[$snack.options.id];
            }

            // Finally remove the element after waiting that css transition has finished
            setTimeout(function(){
                $snack.remove();
            }, 200);
        },

        /**
         * Retrieve an existing snackbar from its id
         * @param id
         * @return {null|object}
         */
        getFromId : function(id) {
            if (wpmfSnackbarModule.snackbar_ids[id] === undefined) {
                return null;
            }

            return wpmfSnackbarModule.snackbar_ids[id];
        },

        /**
         * Set the snackbar progress bar width
         * @param $snack jQuery element representing a snackbar
         * @param percentage int
         */
        setProgress : function($snack, percentage) {
            if ($snack===null) {
                return;
            }

            let $progress = $snack.find('.wpmfliner_progress > div');
            if(percentage !== undefined) {
                $progress.addClass('determinate').removeClass('indeterminate');
                $progress.css('width', percentage+'%');
            } else {
                $progress.addClass('indeterminate').removeClass('determinate');
            }
        }
    };

    // Let's initialize WPMF features
    $(document).ready(function () {
        wpmfSnackbarModule.initModule();
    });
})(jQuery);