OwlCyberSecurity - MANAGER

Edit File: bulk.js

window.imagify = window.imagify || {};

(function( $, undefined ) { // eslint-disable-line no-shadow, no-shadow-restricted-names

var jqPropHookChecked = $.propHooks.checked;

// Force `.prop()` to trigger a `change` event.
    $.propHooks.checked = {
        set: function( elem, value, name ) {
            var ret;

if ( undefined === jqPropHookChecked ) {
                ret = ( elem[ name ] = value );
            } else {
                ret = jqPropHookChecked( elem, value, name );
            }

$( elem ).trigger( 'change.imagify' );

return ret;
        }
    };

// Custom jQuery functions =====================================================================
    /**
     * Hide element(s).
     *
     * @param  {int}      duration A duration in ms.
     * @param  {function} callback A callback to execute once the element is hidden.
     * @return {element}  The jQuery element(s).
     */
    $.fn.imagifyHide = function( duration, callback ) {
        if ( duration && duration > 0 ) {
            this.hide( duration, function() {
                $( this ).addClass( 'hidden' ).css( 'display', '' );

if ( undefined !== callback ) {
                    callback();
                }
            } );
        } else {
            this.addClass( 'hidden' );

if ( undefined !== callback ) {
                callback();
            }
        }

return this.attr( 'aria-hidden', 'true' );
    };

/**
     * Show element(s).
     *
     * @param  {int}      duration A duration in ms.
     * @param  {function} callback A callback to execute before starting to display the element.
     * @return {element} The jQuery element(s).
     */
    $.fn.imagifyShow = function( duration, callback ) {
        if ( undefined !== callback ) {
            callback();
        }

if ( duration && duration > 0 ) {
            this.show( duration, function() {
                $( this ).removeClass( 'hidden' ).css( 'display', '' );
            } );
        } else {
            this.removeClass( 'hidden' );
        }

return this.attr( 'aria-hidden', 'false' );
    };

}( jQuery ));

(function($, d, w, undefined) { // eslint-disable-line no-unused-vars, no-shadow, no-shadow-restricted-names

w.imagify.bulk = {

// Properties ==============================================================================
        charts: {
            overview: {
                canvas: false,
                donut:  false,
                data:   {
                    // Order: unoptimized, optimized, error.
                    labels: [
                        imagifyBulk.labels.overviewChartLabels.unoptimized,
                        imagifyBulk.labels.overviewChartLabels.optimized,
                        imagifyBulk.labels.overviewChartLabels.error
                    ],
                    datasets: [ {
                        data:            [],
                        backgroundColor: [ '#10121A', '#46B1CE', '#C51162' ],
                        borderWidth:     0
                    } ]
                }
            },
            files: {
                donuts: {}
            },
            share: {
                canvas: false,
                donut:  false
            }
        },
        /**
         * Folder types in queue.
         * An array of objects: {
         *     @type {string} groupID The group ID, like 'library'.
         *     @type {string} context The context, like 'wp'.
         *     @type {int}    level   The optimization level: 0, 1, or 2.
         * }
         */
        folderTypesQueue:     [],
        /**
         * Status of each folder type. Type IDs are used as keys.
         * Each object contains: {
         *     @type {bool}   isError Tell if the status is considered as an error.
         *     @type {string} id      ID of the status, like 'waiting', 'fetching', or 'optimizing'.
         * }
         */
        status:               {},
        // Tell if the message displayed when retrieving the image IDs has been shown once.
        displayedWaitMessage: false,
        // Tell how many rows are available.
        hasMultipleRows:      true,
        // Set to true to stop the whole thing.
        processIsStopped:     false,
        // Global stats.
        globalOptimizedCount: 0,
        globalGain:           0,
        globalOriginalSize:   0,
        globalOptimizedSize:  0,
        /**
         * Folder types used in the page.
         *
         * @var {object} {
         *     An object of objects. The keys are like: {groupID|context}.
         *
         *     @type {string} groupID The group ID.
         *     @type {string} context The context.
         * }
         */
        folderTypesData:      {},

// Methods =================================================================================

/*
         * Init.
         */
        init: function () {
            var $document = $( d );

// Overview chart.
            this.drawOverviewChart();

this.hasMultipleRows = $( '.imagify-bulk-table [name="group[]"]' ).length > 1;

// Selectors (like the level selectors).
            $( '.imagify-selector-button' )
                .on( 'click.imagify', this.openSelectorFromButton );

$( '.imagify-selector-list input' )
                .on( 'change.imagify init.imagify', this.syncSelectorFromRadio )
                .filter( ':checked' )
                .trigger( 'init.imagify' );

$document
                .on( 'keypress.imagify click.imagify', this.closeSelectors );

// Other buttons/UI.
            $( '.imagify-bulk-table [name="group[]"]' )
                .on( 'change.imagify init.imagify', this.toggleOptimizationButton )
                .trigger( 'init.imagify' );

$( '#imagify-bulk-action' )
                .on( 'click.imagify', this.maybeLaunchAllProcesses );

// Optimization events.
            $( w )
                .on( 'processQueue.imagify', this.processQueue )
                .on( 'queueEmpty.imagify', this.queueEmpty );

if ( imagifyBulk.ajaxActions.getStats && $( '.imagify-bulk-table [data-group-id="library"][data-context="wp"]' ).length ) {
                // On large WP library, don't request stats periodically, only when everything is done.
                imagifyBulk.imagifybeatIDs.stats = false;
            }

if ( imagifyBulk.imagifybeatIDs.stats ) {
                // Imagifybeat for stats.
                $document
                    .on( 'imagifybeat-send', this.addStatsImagifybeat )
                    .on( 'imagifybeat-tick', this.processStatsImagifybeat );
            }

// Imagifybeat for optimization queue.
            $document
                .on( 'imagifybeat-send', this.addQueueImagifybeat )
                .on( 'imagifybeat-tick', this.processQueueImagifybeat );

// Imagifybeat for requirements.
            $document
                .on( 'imagifybeat-send', this.addRequirementsImagifybeat )
                .on( 'imagifybeat-tick', this.processRequirementsImagifybeat );

if ( imagifyBulk.optimizing ) {
                // Fasten Imagifybeat: 1 tick every 15 seconds, and disable suspend.
                w.imagify.beat.interval( 15 );
                w.imagify.beat.disableSuspend();
            }
        },

/*
         * Get the URL used for ajax requests.
         *
         * @param  {string} action An ajax action, or part of it.
         * @param  {object} item   The current item.
         * @return {string}
         */
        getAjaxUrl: function ( action, item ) {
            var url = ajaxurl + w.imagify.concat + '_wpnonce=' + imagifyBulk.ajaxNonce + '&action=' + imagifyBulk.ajaxActions[ action ];

if ( item && item.context ) {
                url += '&context=' + item.context;
            }

if ( item && Number.isInteger( item.level ) ) {
                url += '&optimization_level=' + item.level;
            }

return url;
        },

/**
         * Get folder types used in the page.
         *
         * @see    this.folderTypesData
         * @return {object}
         */
        getFolderTypes: function () {
            if ( ! $.isEmptyObject( w.imagify.bulk.folderTypesData ) ) {
                return w.imagify.bulk.folderTypesData;
            }

$( '.imagify-row-folder-type' ).each( function() {
                var $this = $( this ),
                    data  = {
                        groupID: $this.data( 'group-id' ),
                        context: $this.data( 'context' ),
                        level:   $this.find( '.imagify-cell-level [name="level[' + $this.data( 'group-id' ) + ']"]:checked' ).val()
                    },
                    key   = data.groupID + '|' + data.context;

w.imagify.bulk.folderTypesData[ key ] = data;
            } );

return w.imagify.bulk.folderTypesData;
        },

/*
         * Get the message displayed to the user when (s)he leaves the page.
         *
         * @return {string}
         */
        getConfirmMessage: function () {
            return imagifyBulk.labels.processing;
        },

/*
         * Close the given optimization level selector.
         *
         * @param {object} $lists A jQuery object.
         * @param {int}    timer  Timer in ms to close the selector.
         */
        closeLevelSelector: function ( $lists, timer ) {
            if ( ! $lists || ! $lists.length ) {
                return;
            }

if ( undefined !== timer && timer > 0 ) {
                w.setTimeout( function() {
                    w.imagify.bulk.closeLevelSelector( $lists );
                }, timer );
                return;
            }

$lists.attr( 'aria-hidden', 'true' );
        },

/*
         * Stop everything and update the current item status as an error.
         *
         * @param {string} errorId An error ID.
         * @param {object} item    The current item.
         */
        stopProcess: function ( errorId, item ) {
            w.imagify.bulk.processIsStopped = true;

w.imagify.bulk.status[ item.groupID ] = {
                isError: true,
                id:      errorId
            };

$( w ).trigger( 'queueEmpty.imagify' );
        },

/*
         * Tell if we have a blocking error. Can also display an error message in a swal.
         *
         * @param  {bool} displayErrorMessage False to not display any error message.
         * @return {bool}
         */
        hasBlockingError: function ( displayErrorMessage ) {
            displayErrorMessage = undefined !== displayErrorMessage && displayErrorMessage;

if ( imagifyBulk.curlMissing ) {
                if ( displayErrorMessage ) {
                    w.imagify.bulk.displayError( {
                        html: imagifyBulk.labels.curlMissing
                    } );
                }