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/table/assets/js/table.processor.string.js

@@ -0,0 +1,187 @@
+/*
+ * String cell processor for the table control.
+ * The string processor allows to edit cell values with a simple
+ * input control.
+ */
++function ($) { "use strict";
+
+    // NAMESPACE CHECK
+    // ============================
+
+    if ($.wn.table === undefined)
+        throw new Error("The $.wn.table namespace is not defined. Make sure that the table.js script is loaded.");
+
+    if ($.wn.table.processor === undefined)
+        throw new Error("The $.wn.table.processor namespace is not defined. Make sure that the table.processor.base.js script is loaded.");
+
+    // CLASS DEFINITION
+    // ============================
+
+    var Base = $.wn.table.processor.base,
+        BaseProto = Base.prototype
+
+    var StringProcessor = function(tableObj, columnName, columnConfiguration) {
+        //
+        // Parent constructor
+        //
+
+        Base.call(this, tableObj, columnName, columnConfiguration)
+    }
+
+    StringProcessor.prototype = Object.create(BaseProto)
+    StringProcessor.prototype.constructor = StringProcessor
+
+    StringProcessor.prototype.dispose = function() {
+        BaseProto.dispose.call(this)
+    }
+
+    /*
+     * Renders the cell in the normal (no edit) mode
+     */
+    StringProcessor.prototype.renderCell = function(value, cellContentContainer) {
+        this.createViewContainer(cellContentContainer, value);
+
+        if (this.columnConfiguration.readonly || this.columnConfiguration.readOnly) {
+            cellContentContainer.classList.add('readonly');
+            cellContentContainer.setAttribute('tabindex', 0);
+        }
+    }
+
+    /*
+     * This method is called when the cell managed by the processor
+     * is focused (clicked or navigated with the keyboard).
+     */
+    StringProcessor.prototype.onFocus = function(cellElement, isClick) {
+        if (this.activeCell === cellElement)
+            return
+
+        this.activeCell = cellElement
+        if (!this.columnConfiguration.readonly && !this.columnConfiguration.readOnly) {
+            this.buildEditor(cellElement, this.getCellContentContainer(cellElement))
+        } else {
+            this.getCellContentContainer(cellElement).focus()
+        }
+    }
+
+    /*
+     * Forces the processor to hide the editor when the user navigates
+     * away from the cell. Processors can update the sell value in this method.
+     * Processors must clear the reference to the active cell in this method.
+     */
+    StringProcessor.prototype.onUnfocus = function() {
+        if (!this.activeCell)
+            return
+
+        var editor = this.activeCell.querySelector('.string-input')
+        if (editor) {
+            // Update the cell value and remove the editor
+            this.tableObj.setCellValue(this.activeCell, editor.value)
+            this.setViewContainerValue(this.activeCell, editor.value)
+            editor.parentNode.removeChild(editor)
+        }
+
+        this.showViewContainer(this.activeCell)
+        this.activeCell = null
+    }
+
+    StringProcessor.prototype.buildEditor = function(cellElement, cellContentContainer) {
+        // Hide the view container
+        this.hideViewContainer(this.activeCell)
+
+        // Create the input control
+        var input = document.createElement('input')
+        input.setAttribute('type', 'text')
+        input.setAttribute('class', 'string-input')
+        input.value = this.tableObj.getCellValue(cellElement)
+
+        cellContentContainer.appendChild(input)
+
+        input.focus();
+        this.setCaretPosition(input, 0);
+    }
+
+    /*
+     * Determines if the keyboard navigation in the specified direction is allowed
+     * by the cell processor. Some processors could reject the navigation, for example
+     * the string processor could cancel the left array navigation if the caret
+     * in the text input is not in the beginning of the text.
+     */
+    StringProcessor.prototype.keyNavigationAllowed = function(ev, direction) {
+        if (direction != 'left' && direction != 'right')
+            return true
+
+        if (!this.activeCell)
+            return true
+
+        var editor = this.activeCell.querySelector('.string-input')
+        if (!editor)
+            return true
+
+        var caretPosition = this.getCaretPosition(editor)
+
+        if (direction == 'left')
+            return caretPosition == 0
+
+        if (direction == 'right')
+            return caretPosition == editor.value.length
+
+        return true
+    }
+
+    /*
+     * This method is called when a cell value in the row changes.
+     */
+    StringProcessor.prototype.onRowValueChanged = function(columnName, cellElement) {
+        if (columnName != this.columnName) {
+            return
+        }
+
+        var value = this.tableObj.getCellValue(cellElement)
+
+        this.setViewContainerValue(cellElement, value)
+    }
+
+    StringProcessor.prototype.getCaretPosition = function(input) {
+        // TODO: use the foundation library
+
+        if (document.selection) {
+           var selection = document.selection.createRange()
+
+           selection.moveStart('character', -input.value.length)
+           return selection.text.length
+        }
+
+        if (input.selectionStart !== undefined)
+           return input.selectionStart
+
+        return 0
+    }
+
+    StringProcessor.prototype.setCaretPosition = function(input, position) {
+        // TODO: use the foundation library
+
+        if (document.selection) {
+            var range = input.createTextRange()
+
+            setTimeout(function() {
+                // Asynchronous layout update, better performance
+                range.collapse(true)
+                range.moveStart("character", position)
+                range.moveEnd("character", 0)
+                range.select()
+            }, 0)
+        }
+
+        if (input.selectionStart !== undefined) {
+            setTimeout(function() {
+                // Asynchronous layout update
+                input.selectionStart = position
+                input.selectionEnd = position
+            }, 0)
+       }
+
+        return 0
+    }
+
+    $.wn.table.processor.string = StringProcessor;
+}(window.jQuery);