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/assets/js/winter.sidenav.js

@@ -0,0 +1,142 @@
+/*
+ * Side Navigation
+ *
+ * Data attributes:
+ * - data-control="sidenav" - enables the side navigation plugin
+ *
+ * JavaScript API:
+ * $('#nav').sideNav()
+ * $.wn.sideNav.setCounter('cms/partials', 5); - sets the counter value for a particular menu item
+ * $.wn.sideNav.increaseCounter('cms/partials', 5); - increases the counter value for a particular menu item
+ * $.wn.sideNav.dropCounter('cms/partials'); - drops the counter value for a particular menu item
+ *
+ * Dependences:
+ * - Drag Scroll (winter.dragscroll.js)
+ */
+
++function ($) { "use strict";
+     if ($.wn === undefined)
+        $.wn = {}
+    if ($.oc === undefined)
+        $.oc = $.wn
+
+    // SIDENAV CLASS DEFINITION
+    // ============================
+
+    var SideNav = function(element, options) {
+        this.options   = options
+        this.$el       = $(element)
+        this.$list     = $('ul', this.$el)
+        this.$items    = $('li', this.$list)
+
+        this.init();
+    }
+
+    SideNav.DEFAULTS = {
+        activeClass: 'active'
+    }
+
+    SideNav.prototype.init = function (){
+        var self = this
+
+        this.$list.dragScroll({
+            vertical: true,
+            useNative: true,
+            start: function() { self.$list.addClass('drag') },
+            stop: function() { self.$list.removeClass('drag') },
+            scrollClassContainer: self.$el,
+            scrollMarkerContainer: self.$el
+        })
+
+        this.$list.on('click', function() {
+            /* Do not handle menu item clicks while dragging */
+            if (self.$list.hasClass('drag')) {
+                return false
+            }
+        })
+    }
+
+    SideNav.prototype.unsetActiveItem = function (itemId){
+        this.$items.removeClass(this.options.activeClass)
+    }
+
+    SideNav.prototype.setActiveItem = function (itemId){
+        if (!itemId) {
+            return
+        }
+
+        this.$items
+            .removeClass(this.options.activeClass)
+            .filter('[data-menu-item='+itemId+']')
+            .addClass(this.options.activeClass)
+    }
+
+    SideNav.prototype.setCounter = function (itemId, value){
+        var $counter = $('span.counter[data-menu-id="'+itemId+'"]', this.$el)
+
+        $counter.removeClass('empty')
+        $counter.toggleClass('empty', value == 0)
+        $counter.text(value)
+
+        return this
+    }
+
+    SideNav.prototype.increaseCounter = function (itemId, value){
+        var $counter = $('span.counter[data-menu-id="'+itemId+'"]', this.$el)
+
+        var originalValue = parseInt($counter.text())
+        if (isNaN(originalValue))
+            originalValue = 0
+
+        var newValue = value + originalValue
+        $counter.toggleClass('empty', newValue == 0)
+        $counter.text(newValue)
+        return this
+    }
+
+    SideNav.prototype.dropCounter = function (itemId){
+        this.setCounter(itemId, 0)
+
+        return this
+    }
+
+    // SIDENAV PLUGIN DEFINITION
+    // ============================
+
+    var old = $.fn.sideNav
+
+    $.fn.sideNav = function (option) {
+        var args = Array.prototype.slice.call(arguments, 1), result
+        this.each(function () {
+            var $this   = $(this)
+            var data    = $this.data('oc.sideNav')
+            var options = $.extend({}, SideNav.DEFAULTS, $this.data(), typeof option == 'object' && option)
+            if (!data) $this.data('oc.sideNav', (data = new SideNav(this, options)))
+            if (typeof option == 'string') result = data[option].apply(data, args)
+            if (typeof result != 'undefined') return false
+
+            if ($.wn.sideNav === undefined)
+                $.wn.sideNav = data
+        })
+
+        return result ? result : this
+    }
+
+    $.fn.sideNav.Constructor = SideNav
+
+    // SIDENAV NO CONFLICT
+    // =================
+
+    $.fn.sideNav.noConflict = function () {
+        $.fn.sideNav = old
+        return this
+    }
+
+    // SIDENAV DATA-API
+    // ===============
+
+    $(document).ready(function(){
+        $('[data-control="sidenav"]').sideNav()
+    })
+
+}(window.jQuery);