feat: VivesPOS landing on Winter CMS 1.2 — theme + plugin + Dockerfile
Some checks are pending
Module sub-split / Sub-split (push) Waiting to run
Some checks are pending
Module sub-split / Sub-split (push) Waiting to run
- 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
This commit is contained in:
260
modules/system/assets/js/framework.extras.js
Normal file
260
modules/system/assets/js/framework.extras.js
Normal file
@@ -0,0 +1,260 @@
|
||||
/* ========================================================================
|
||||
* Winter CMS: front-end JavaScript extras
|
||||
* https://wintercms.com
|
||||
* ========================================================================
|
||||
* Copyright 2016-2020 Alexey Bobkov, Samuel Georges
|
||||
* ======================================================================== */
|
||||
|
||||
+function ($) { "use strict";
|
||||
if ($.wn === undefined)
|
||||
$.wn = {}
|
||||
if ($.oc === undefined)
|
||||
$.oc = $.wn
|
||||
|
||||
// @todo Provide an interface for configuration
|
||||
// - Custom loader CSS class
|
||||
// - Custom stripe loader color
|
||||
// - Flash message interval
|
||||
|
||||
var LOADER_CLASS = 'wn-loading';
|
||||
|
||||
// FLASH HANDLING
|
||||
// ============================
|
||||
|
||||
$(document).on('ajaxSetup', '[data-request][data-request-flash]', function(event, context) {
|
||||
context.options.handleErrorMessage = function(message) {
|
||||
$.wn.flashMsg({ text: message, class: 'error' })
|
||||
}
|
||||
|
||||
context.options.handleFlashMessage = function(message, type) {
|
||||
$.wn.flashMsg({ text: message, class: type })
|
||||
}
|
||||
})
|
||||
|
||||
// FORM VALIDATION
|
||||
// ============================
|
||||
|
||||
$(document).on('ajaxValidation', '[data-request][data-request-validate]', function(event, context, errorMsg, fields) {
|
||||
var $this = $(this).closest('form'),
|
||||
$container = $('[data-validate-error]', $this),
|
||||
messages = [],
|
||||
$field
|
||||
|
||||
$.each(fields, function(fieldName, fieldMessages) {
|
||||
$field = $('[data-validate-for="'+fieldName+'"]', $this)
|
||||
messages = $.merge(messages, fieldMessages)
|
||||
if (!!$field.length) {
|
||||
if (!$field.text().length || $field.data('emptyMode') == true) {
|
||||
$field
|
||||
.data('emptyMode', true)
|
||||
.text(fieldMessages.join(', '))
|
||||
}
|
||||
$field.addClass('visible')
|
||||
}
|
||||
})
|
||||
|
||||
if (!!$container.length) {
|
||||
$container = $('[data-validate-error]', $this)
|
||||
}
|
||||
|
||||
if (!!$container.length) {
|
||||
var $oldMessages = $('[data-message]', $container)
|
||||
$container.addClass('visible')
|
||||
|
||||
if (!!$oldMessages.length) {
|
||||
var $clone = $oldMessages.first()
|
||||
|
||||
$.each(messages, function(key, message) {
|
||||
$clone.clone().text(message).insertAfter($clone)
|
||||
})
|
||||
|
||||
$oldMessages.remove()
|
||||
}
|
||||
else {
|
||||
$container.text(errorMsg)
|
||||
}
|
||||
}
|
||||
|
||||
$this.one('ajaxError', function(event){
|
||||
event.preventDefault()
|
||||
})
|
||||
})
|
||||
|
||||
$(document).on('ajaxPromise', '[data-request][data-request-validate]', function() {
|
||||
var $this = $(this).closest('form')
|
||||
$('[data-validate-for]', $this).removeClass('visible')
|
||||
$('[data-validate-error]', $this).removeClass('visible')
|
||||
})
|
||||
|
||||
// LOADING BUTTONS
|
||||
// ============================
|
||||
|
||||
$(document)
|
||||
.on('ajaxPromise', '[data-request]', function() {
|
||||
var $target = $(this)
|
||||
|
||||
if ($target.data('attach-loading') !== undefined) {
|
||||
$target
|
||||
.addClass(LOADER_CLASS)
|
||||
.prop('disabled', true)
|
||||
}
|
||||
|
||||
if ($target.is('form')) {
|
||||
$('[data-attach-loading]', $target)
|
||||
.addClass(LOADER_CLASS)
|
||||
.prop('disabled', true)
|
||||
}
|
||||
})
|
||||
.on('ajaxFail ajaxDone ajaxRedirected', '[data-request]', function() {
|
||||
var $target = $(this)
|
||||
|
||||
if ($target.data('attach-loading') !== undefined) {
|
||||
$target
|
||||
.removeClass(LOADER_CLASS)
|
||||
.prop('disabled', false)
|
||||
}
|
||||
|
||||
if ($target.is('form')) {
|
||||
$('[data-attach-loading]', $target)
|
||||
.removeClass(LOADER_CLASS)
|
||||
.prop('disabled', false)
|
||||
}
|
||||
})
|
||||
|
||||
// STRIPE LOAD INDICATOR
|
||||
// ============================
|
||||
|
||||
var StripeLoadIndicator = function() {
|
||||
var self = this
|
||||
this.counter = 0
|
||||
this.indicator = $('<div/>').addClass('stripe-loading-indicator loaded')
|
||||
.append($('<div />').addClass('stripe'))
|
||||
.append($('<div />').addClass('stripe-loaded'))
|
||||
this.stripe = this.indicator.find('.stripe')
|
||||
|
||||
$(document).ready(function() {
|
||||
$(document.body).append(self.indicator)
|
||||
})
|
||||
}
|
||||
|
||||
StripeLoadIndicator.prototype.show = function() {
|
||||
this.counter++
|
||||
|
||||
// Restart the animation
|
||||
this.stripe.after(this.stripe = this.stripe.clone()).remove()
|
||||
|
||||
if (this.counter > 1) {
|
||||
return
|
||||
}
|
||||
|
||||
this.indicator.removeClass('loaded')
|
||||
$(document.body).addClass('wn-loading')
|
||||
}
|
||||
|
||||
StripeLoadIndicator.prototype.hide = function(force) {
|
||||
this.counter--
|
||||
|
||||
if (force !== undefined && force) {
|
||||
this.counter = 0
|
||||
}
|
||||
|
||||
if (this.counter <= 0) {
|
||||
this.indicator.addClass('loaded')
|
||||
$(document.body).removeClass('wn-loading')
|
||||
}
|
||||
}
|
||||
|
||||
$.wn.stripeLoadIndicator = new StripeLoadIndicator()
|
||||
|
||||
// STRIPE LOAD INDICATOR DATA-API
|
||||
// ============================
|
||||
|
||||
$(document)
|
||||
.on('ajaxPromise', '[data-request]', function(event) {
|
||||
// Prevent this event from bubbling up to a non-related data-request
|
||||
// element, for example a <form> tag wrapping a <button> tag
|
||||
event.stopPropagation()
|
||||
|
||||
$.wn.stripeLoadIndicator.show()
|
||||
|
||||
// This code will cover instances where the element has been removed
|
||||
// from the DOM, making the resolution event below an orphan.
|
||||
var $el = $(this)
|
||||
$(window).one('ajaxUpdateComplete', function() {
|
||||
if ($el.closest('html').length === 0)
|
||||
$.wn.stripeLoadIndicator.hide()
|
||||
})
|
||||
})
|
||||
.on('ajaxFail ajaxDone ajaxRedirected', '[data-request]', function(event) {
|
||||
event.stopPropagation()
|
||||
$.wn.stripeLoadIndicator.hide()
|
||||
})
|
||||
|
||||
// FLASH MESSAGE
|
||||
// ============================
|
||||
|
||||
var FlashMessage = function (options, el) {
|
||||
var
|
||||
options = $.extend({}, FlashMessage.DEFAULTS, options),
|
||||
$element = $(el)
|
||||
|
||||
$('body > p.flash-message').remove()
|
||||
|
||||
if ($element.length == 0) {
|
||||
$element = $('<p />').addClass(options.class).html(options.text)
|
||||
}
|
||||
|
||||
$element
|
||||
.addClass('flash-message fade')
|
||||
.attr('data-control', null)
|
||||
.on('click', 'button', remove)
|
||||
.on('click', remove)
|
||||
.append('<button type="button" class="close" aria-hidden="true">×</button>')
|
||||
|
||||
$(document.body).append($element)
|
||||
|
||||
setTimeout(function() {
|
||||
$element.addClass('in')
|
||||
}, 100)
|
||||
|
||||
var timer = window.setTimeout(remove, options.interval * 1000)
|
||||
|
||||
function removeElement() {
|
||||
$element.remove()
|
||||
}
|
||||
|
||||
function remove() {
|
||||
window.clearInterval(timer)
|
||||
|
||||
$element.removeClass('in')
|
||||
$.support.transition && $element.hasClass('fade')
|
||||
? $element
|
||||
.one($.support.transition.end, removeElement)
|
||||
.emulateTransitionEnd(500)
|
||||
: removeElement()
|
||||
}
|
||||
}
|
||||
|
||||
FlashMessage.DEFAULTS = {
|
||||
class: 'success',
|
||||
text: 'Default text',
|
||||
interval: 5
|
||||
}
|
||||
|
||||
if ($.wn === undefined)
|
||||
$.wn = {}
|
||||
if ($.oc === undefined)
|
||||
$.oc = $.wn
|
||||
|
||||
$.wn.flashMsg = FlashMessage
|
||||
|
||||
// FLASH MESSAGE DATA-API
|
||||
// ===============
|
||||
|
||||
$(document).render(function(){
|
||||
$('[data-control=flash-message]').each(function(){
|
||||
$.wn.flashMsg($(this).data(), this)
|
||||
})
|
||||
})
|
||||
|
||||
}(window.jQuery);
|
||||
Reference in New Issue
Block a user