plugin updates

wp/wp-content/plugins/wp-media-folder/assets/js/snackbar.js

@@ -0,0 +1,165 @@
+'use strict';
+
+/**
+ * Snackbar main module
+ */
+var wpmfSnackbarModule = void 0;
+(function ($) {
+    wpmfSnackbarModule = {
+        snackbar_ids: [],
+        $snackbar_wrapper: null, // Snackbar jQuery wrapper
+        snackbar_defaults: {
+            onClose: function onClose() {}, // Callback function when snackbar is closed
+            is_undoable: false, // Show or not the undo button
+            onUndo: function onUndo() {}, // Callback function when snackbar is undoed
+            icon: '<span class="material-icons-outlined wpmf-snack-icon"> campaign </span>',
+            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 initModule() {
+            wpmfSnackbarModule.$snackbar_wrapper = $('<div class="wpmf-snackbar-wrapper"></div>').appendTo('body');
+        },
+
+        /**
+         * Display a new snackbar
+         * @param options
+         * @return HTMLElement the snackbar generated
+         */
+        show: function show(options) {
+            if (options === undefined) {
+                options = {};
+            }
+
+            // Set default values
+            options = $.extend({}, wpmfSnackbarModule.snackbar_defaults, options);
+
+            // If an id is set save it
+            if (typeof options.id === "undefined") {
+                options.id = options.content;
+            }
+            if (options.id !== undefined) {
+                wpmfSnackbarModule.snackbar_ids[options.id] = options;
+            }
+
+            return wpmfSnackbarModule.renderSnack(options);
+        },
+
+        renderSnack: function renderSnack(notification_options) {
+            var notification_class = 'wpmf-snackbar-wrap';
+            if (typeof notification_options !== "undefined" && typeof notification_options.error !== "undefined" && notification_options.error) {
+                notification_class += ' wpmf-snackbar-error';
+            }
+            var snack = '<div class="' + notification_class + '">';
+            var snack_count = 0;
+            Object.keys(wpmfSnackbarModule.snackbar_ids).map(function (snack_id, index) {
+                snack_count++;
+                var options = wpmfSnackbarModule.snackbar_ids[snack_id];
+                // Generate undo html if needed
+                var undo = '';
+                if (options.is_undoable) {
+                    undo = '<a href="#" class="wpmf-snackbar-undo">' + wpmf.l18n.wpmf_undo + '</a>';
+                }
+
+                var id = '';
+                if (options.id) {
+                    id = 'data-id="' + options.id + '"';
+                }
+
+                snack += '<div ' + id + ' class="wpmf-snackbar">\n                        ' + options.icon + '\n                        <div class="wpmf-snackbar-content">' + options.content + '</div>\n                        ' + undo + '                        \n                    </div>';
+            });
+
+            snack += '<a class="wpmf-snackbar-close" href="#"><i class="material-icons">close</i></a>';
+            snack += '</div>';
+
+            // Add element to the DOM
+            $('.wpmf-snackbar-wrap').remove();
+            if (snack_count > 0) {
+                var $snack = $(snack).prependTo(wpmfSnackbarModule.$snackbar_wrapper);
+
+                // Initialize undo function
+                $snack.find('.wpmf-snackbar-undo').click(function (e) {
+                    var snack_id = $(this).closest('.wpmf-snackbar').data('id');
+                    e.preventDefault();
+                    wpmfSnackbarModule.snackbar_ids[snack_id].onUndo();
+                    // Reset the close function as we've done an undo
+                    wpmfSnackbarModule.snackbar_ids[snack_id].onClose = function () {};
+                    // Finally close the snackbar
+                    wpmfSnackbarModule.snackbar_ids[snack_id].close(snack_id);
+                });
+
+                Object.keys(wpmfSnackbarModule.snackbar_ids).map(function (snack_id, index) {
+                    // Initialize autoclose feature
+                    var options = wpmfSnackbarModule.snackbar_ids[snack_id];
+                    if (options.auto_close) {
+                        setTimeout(function () {
+                            wpmfSnackbarModule.close(options.id);
+                        }, options.auto_close_delay);
+                    }
+                });
+
+                // Initialize close button
+                $snack.find('.wpmf-snackbar-close').click(function (e) {
+                    $(this).closest('.wpmf-snackbar-wrap').remove();
+                    wpmfSnackbarModule.snackbar_ids = [];
+                });
+            }
+        },
+
+        /**
+         * Remove a snackbar and call onClose callback if needed
+         * @param snack_id snackbar element
+         */
+        close: function close(snack_id) {
+            // Remove the id if exists
+            if (snack_id !== undefined) {
+                delete wpmfSnackbarModule.snackbar_ids[snack_id];
+            }
+
+            wpmfSnackbarModule.renderSnack();
+        },
+
+        /**
+         * Retrieve an existing snackbar from its id
+         * @param id
+         * @return {null|object}
+         */
+        getFromId: function getFromId(id) {
+            if (wpmfSnackbarModule.snackbar_ids[id] === undefined) {
+                return null;
+            }
+
+            return id;
+        },
+
+        /**
+         * Set the snackbar progress bar width
+         * @param $snack jQuery element representing a snackbar
+         * @param percentage int
+         */
+        setProgress: function setProgress($snack, percentage) {
+            if ($snack === null) {
+                return;
+            }
+
+            var $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);