feat: VivesPOS landing on Winter CMS 1.2 — theme + plugin + Dockerfile

- Base: wintercms/winter branch 1.2 (full framework)
- Theme vivespos: Canvas 7 + Bootstrap 5 CDN, custom CSS
- Layout: deferred GTM/GA4 tracking, JSON-LD SoftwareApplication
- Partials: hero (offline-first), features, modes (offline/nube toggle),
  screenshots, pricing (3 planes), comparison, FAQ, CTA
- Plugin VivesPOS.Site with ContactForm
- Dockerfile: PHP 8.2 Apache, port 80, healthcheck
- Added winter/wn-pages, blog, sitemap, seo plugins
- Active theme set to vivespos

modules/backend/widgets/mediamanager/assets/js/mediamanager.popup.js

@@ -0,0 +1,141 @@
+/*
+ * Media manager popup
+ */
++function ($) { "use strict";
+
+    if ($.wn.mediaManager === undefined)
+        $.wn.mediaManager = {}
+
+    var Base = $.wn.foundation.base,
+        BaseProto = Base.prototype
+
+    var MediaManagerPopup = function(options) {
+        this.$popupRootElement = null
+
+        this.options = $.extend({}, MediaManagerPopup.DEFAULTS, options)
+
+        Base.call(this)
+
+        this.init()
+        this.show()
+    }
+
+    MediaManagerPopup.prototype = Object.create(BaseProto)
+    MediaManagerPopup.prototype.constructor = MediaManagerPopup
+
+    MediaManagerPopup.prototype.dispose = function() {
+        this.unregisterHandlers()
+
+        this.$popupRootElement.remove()
+        this.$popupRootElement = null
+        this.$popupElement = null
+
+        BaseProto.dispose.call(this)
+    }
+
+    MediaManagerPopup.prototype.init = function() {
+        if (this.options.alias === undefined)
+            throw new Error('Media Manager popup option "alias" is not set.')
+
+        this.$popupRootElement = $('<div/>')
+        this.registerHandlers()
+    }
+
+    MediaManagerPopup.prototype.registerHandlers = function() {
+        this.$popupRootElement.one('hide.oc.popup', this.proxy(this.onPopupHidden))
+        this.$popupRootElement.one('shown.oc.popup', this.proxy(this.onPopupShown))
+    }
+
+    MediaManagerPopup.prototype.unregisterHandlers = function() {
+        this.$popupElement.off('popupcommand', this.proxy(this.onPopupCommand))
+        this.$popupRootElement.off('popupcommand', this.proxy(this.onPopupCommand))
+    }
+
+    MediaManagerPopup.prototype.show = function() {
+        var data = {
+            bottomToolbar: this.options.bottomToolbar ? 1 : 0,
+            cropAndInsertButton: this.options.cropAndInsertButton ? 1 : 0,
+            mode: this.options.mode || 'all',
+        }
+
+        this.$popupRootElement.popup({
+            extraData: data,
+            size: 'adaptive',
+            adaptiveHeight: true,
+            handler: this.options.alias + '::onLoadPopup'
+        })
+    }
+
+    MediaManagerPopup.prototype.hide = function() {
+        if (this.$popupElement)
+            this.$popupElement.trigger('close.oc.popup')
+    }
+
+    MediaManagerPopup.prototype.getMediaManagerElement = function() {
+        return this.$popupElement.find('[data-control="media-manager"]')
+    }
+
+    MediaManagerPopup.prototype.insertMedia = function() {
+        var items = this.getMediaManagerElement().mediaManager('getSelectedItems')
+
+        if (this.options.onInsert !== undefined)
+            this.options.onInsert.call(this, items)
+    }
+
+    MediaManagerPopup.prototype.insertCroppedImage = function(imageItem) {
+        if (this.options.onInsert !== undefined)
+            this.options.onInsert.call(this, [imageItem])
+    }
+
+    // EVENT HANDLERS
+    // ============================
+
+    MediaManagerPopup.prototype.onPopupHidden = function(event, element, popup) {
+        var mediaManager = this.getMediaManagerElement()
+
+        mediaManager.mediaManager('dispose')
+        mediaManager.remove()
+
+        // Release clickedElement reference inside redactor.js
+        // If we don't do it, the Media Manager popup DOM elements
+        // won't be removed from the memory.
+        $(document).trigger('mousedown')
+
+        this.dispose()
+
+        if (this.options.onClose !== undefined)
+            this.options.onClose.call(this)
+    }
+
+    MediaManagerPopup.prototype.onPopupShown = function(event, element, popup) {
+        this.$popupElement = popup
+        this.$popupElement.on('popupcommand', this.proxy(this.onPopupCommand))
+
+        // Unfocus the Redactor field, otherwise all keyboard commands
+        // in the Media Manager popup translate to Redactor.
+        this.getMediaManagerElement().mediaManager('selectFirstItem')
+    }
+
+    MediaManagerPopup.prototype.onPopupCommand = function(ev, command, param) {
+        switch (command) {
+            case 'insert' :
+                this.insertMedia()
+            break;
+            case 'insert-cropped' :
+                this.insertCroppedImage(param)
+            break;
+        }
+
+        return false
+    }
+
+    MediaManagerPopup.DEFAULTS = {
+        alias: undefined,
+        bottomToolbar: true,
+        cropAndInsertButton: false,
+        onInsert: undefined,
+        onClose: undefined
+    }
+
+    $.wn.mediaManager.popup = MediaManagerPopup
+}(window.jQuery);