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.datetime.js

@@ -0,0 +1,175 @@
+/*
+ * Date time converter.
+ * See moment.js for format options.
+ * http://momentjs.com/docs/#/displaying/format/
+ *
+ * Usage:
+ *
+ * <time
+ *      data-datetime-control
+ *      datetime="2014-11-19 01:21:57"
+ *      data-format="dddd Do [o]f MMMM YYYY hh:mm:ss A"
+ *      data-timezone="Australia/Sydney"
+ *      data-locale="en-au">This text will be replaced</time>
+ *
+ * Alias options:
+ *
+ * time             -> 6:28 AM
+ * timeLong         -> 6:28:01 AM
+ * date             -> 04/23/2016
+ * dateMin          -> 4/23/2016
+ * dateLong         -> April 23, 2016
+ * dateLongMin      -> Apr 23, 2016
+ * dateTime         -> April 23, 2016 6:28 AM
+ * dateTimeMin      -> Apr 23, 2016 6:28 AM
+ * dateTimeLong     -> Saturday, April 23, 2016 6:28 AM
+ * dateTimeLongMin  -> Sat, Apr 23, 2016 6:29 AM
+ *
+ */
++function ($) { "use strict";
+    var Base = $.wn.foundation.base,
+        BaseProto = Base.prototype
+
+    var DateTimeConverter = function (element, options) {
+        this.$el = $(element)
+        this.options = options || {}
+
+        $.wn.foundation.controlUtils.markDisposable(element)
+        Base.call(this)
+        this.init()
+    }
+
+    DateTimeConverter.prototype = Object.create(BaseProto)
+    DateTimeConverter.prototype.constructor = DateTimeConverter
+
+    DateTimeConverter.prototype.init = function() {
+        this.initDefaults()
+
+        this.$el.text(this.getDateTimeValue())
+
+        this.$el.one('dispose-control', this.proxy(this.dispose))
+    }
+
+    DateTimeConverter.prototype.initDefaults = function() {
+        if (!this.options.timezone) {
+            this.options.timezone = $('meta[name="backend-timezone"]').attr('content')
+        }
+
+        if (!this.options.locale) {
+            this.options.locale = $('meta[name="backend-locale"]').attr('content')
+        }
+
+        if (!this.options.format) {
+            this.options.format = 'llll'
+        }
+
+        if (this.options.formatAlias) {
+            this.options.format = this.getFormatFromAlias(this.options.formatAlias)
+        }
+
+        this.appTimezone = $('meta[name="app-timezone"]').attr('content')
+        if (!this.appTimezone) {
+            this.appTimezone = 'UTC'
+        }
+    }
+
+    DateTimeConverter.prototype.getDateTimeValue = function() {
+        this.datetime = this.$el.attr('datetime')
+
+        if (this.$el.get(0).hasAttribute('data-ignore-timezone')) {
+            this.appTimezone = 'UTC'
+            this.options.timezone = 'UTC'
+        }
+
+        var momentObj = moment.tz(this.datetime, this.appTimezone),
+            result
+
+        if (this.options.locale) {
+            momentObj = momentObj.locale(this.options.locale)
+        }
+
+        if (this.options.timezone) {
+            momentObj = momentObj.tz(this.options.timezone)
+        }
+
+        if (this.options.timeSince) {
+            result = momentObj.fromNow()
+        }
+        else if (this.options.timeTense) {
+            result = momentObj.calendar()
+        }
+        else {
+            result = momentObj.format(this.options.format)
+        }
+
+        return result
+    }
+
+    DateTimeConverter.prototype.getFormatFromAlias = function(alias) {
+        var map = {
+            time: 'LT',
+            timeLong: 'LTS',
+            date: 'L',
+            dateMin: 'l',
+            dateLong: 'LL',
+            dateLongMin: 'll',
+            dateTime: 'LLL',
+            dateTimeMin: 'lll',
+            dateTimeLong: 'LLLL',
+            dateTimeLongMin: 'llll'
+        }
+
+        return map[alias] ? map[alias] : 'llll'
+    }
+
+    DateTimeConverter.prototype.dispose = function() {
+        this.$el.off('dispose-control', this.proxy(this.dispose))
+        this.$el.removeData('oc.dateTimeConverter')
+
+        this.$el = null
+        this.options = null
+
+        BaseProto.dispose.call(this)
+    }
+
+    DateTimeConverter.DEFAULTS = {
+        format: null,
+        formatAlias: null,
+        timezone: null,
+        locale: null,
+        timeTense: false,
+        timeSince: false
+    }
+
+    // PLUGIN DEFINITION
+    // ============================
+
+    var old = $.fn.dateTimeConverter
+
+    $.fn.dateTimeConverter = function (option) {
+        var args = Array.prototype.slice.call(arguments, 1), items, result
+
+        items = this.each(function () {
+            var $this   = $(this)
+            var data    = $this.data('oc.dateTimeConverter')
+            var options = $.extend({}, DateTimeConverter.DEFAULTS, $this.data(), typeof option == 'object' && option)
+            if (!data) $this.data('oc.dateTimeConverter', (data = new DateTimeConverter(this, options)))
+            if (typeof option == 'string') result = data[option].apply(data, args)
+            if (typeof result != 'undefined') return false
+        })
+
+        return result ? result : items
+    }
+
+    $.fn.dateTimeConverter.Constructor = DateTimeConverter
+
+    $.fn.dateTimeConverter.noConflict = function () {
+        $.fn.dateTimeConverter = old
+        return this
+    }
+
+    $(document).render(function (){
+        $('time[data-datetime-control]').dateTimeConverter()
+    })
+
+}(window.jQuery);