');
- var $eventsContainer = getEventContainer(date);
- var weekDay = getWeekday(date);
- var eventDuration = 1;
-
- // Mark event as an all day
- if (event.allDay) {
- $newEvent.addClass('all-day');
- }
- if (eventTotalDays > 1) {
- // Multiple day event
- var htmlToAdd = '
' + event.summary + '';
-
- // Mark as multi event
- $newEvent.addClass('multi-day');
-
- // Draw only on the first day of the event
- // or at the beggining of the weeks when it breaks
- if (currentDayOfEvent == 1 || weekDay == 1) {
- if (currentDayOfEvent == 1 && !event.allDay) {
- htmlToAdd = '
' + moment(event.startDate).format(TIME_FORMAT) + '' + htmlToAdd;
- }
-
- // Show event content in multiple days
- $newEvent.html(htmlToAdd);
-
- // Update element duration based on event duration
- eventDuration = eventTotalDays - (currentDayOfEvent - 1);
- var remainingDays = 8 - weekDay;
- if (eventDuration > remainingDays) {
- eventDuration = remainingDays;
- $newEvent.addClass('cropped-event-end');
- }
- if (currentDayOfEvent > 1) {
- $newEvent.addClass('cropped-event-start');
- }
- $newEvent.css('width', 'calc(' + eventDuration * 100 + '% + ' + eventDuration * 2 + 'px)');
- } else {
- // Multiple event that was extended, no need to be rendered
- return;
- }
- } else {
- // Single day event
- var _htmlToAdd2 = '
' + event.summary + '';
-
- // Mark event as an all day
- if (event.allDay) {
- $newEvent.addClass('all-day');
- } else {
- _htmlToAdd2 = '
' + moment(event.startDate).format(TIME_FORMAT) + '' + _htmlToAdd2;
- }
-
- // Add inner html
- $newEvent.html(_htmlToAdd2);
- }
-
- // Calculate event slot
- var slots = $eventsContainer.data('slots');
- var daySlot;
- if (slots != undefined) {
- for (var index = 0; index < slots.length; index++) {
- var slot = slots[index];
- if (slot === undefined) {
- daySlot = index;
- slots[index] = 1;
- break;
- }
- }
- if (daySlot === undefined) {
- daySlot = slots.length;
- slots.push(1);
- }
- } else {
- daySlot = 0;
- slots = [1];
- }
- $eventsContainer.data('slots', slots);
-
- // Extend event to the remaining days
- if (eventDuration > 1) {
- for (var dayAfter = 1; dayAfter < eventDuration; dayAfter++) {
- var $newContainer = getEventContainer(moment(date).add(dayAfter, 'd'));
- var dataSlots = $newContainer.data('slots');
- if (dataSlots === undefined) {
- dataSlots = [];
- }
- dataSlots[daySlot] = 2;
- $newContainer.data('slots', dataSlots);
- }
- }
- $newEvent.css('top', 2 + 1.875 * daySlot + 'rem');
-
- // Append event to container
- $newEvent.appendTo($eventsContainer);
-
- // Check container height and slots to show number of extra events
- updateContainerExtraEvents($eventsContainer, slots);
- }
- }
-
- // Create calendar
- applyStyleOptions(options);
- createCalendar();
- addEventsToCalendar(filteredEvents);
- return true;
- }
-});
-
-/***/ }),
-
-/***/ "./modules/src/xibo-countdown-render.js":
-/*!**********************************************!*\
- !*** ./modules/src/xibo-countdown-render.js ***!
- \**********************************************/
-/***/ (function(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
-
-/* provided dependency */ var jQuery = __webpack_require__(/*! jquery */ "./node_modules/jquery/dist/jquery.js");
-/* provided dependency */ var $ = __webpack_require__(/*! jquery */ "./node_modules/jquery/dist/jquery.js");
-__webpack_require__(/*! core-js/modules/es.array.find.js */ "./node_modules/core-js/modules/es.array.find.js");
-__webpack_require__(/*! core-js/modules/es.array.slice.js */ "./node_modules/core-js/modules/es.array.slice.js");
-__webpack_require__(/*! core-js/modules/es.object.to-string.js */ "./node_modules/core-js/modules/es.object.to-string.js");
-__webpack_require__(/*! core-js/modules/web.timers.js */ "./node_modules/core-js/modules/web.timers.js");
-/*
- * Copyright (C) 2022 Xibo Signage Ltd
- *
- * Xibo - Digital Signage - http://www.xibo.org.uk
- *
- * This file is part of Xibo.
- *
- * Xibo is free software: you can redistribute it and/or modify
- * it under the terms of the GNU Affero General Public License as published by
- * the Free Software Foundation, either version 3 of the License, or
- * any later version.
- *
- * Xibo is distributed in the hope that it will be useful,
- * but WITHOUT ANY WARRANTY; without even the implied warranty of
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
- * GNU Affero General Public License for more details.
- *
- * You should have received a copy of the GNU Affero General Public License
- * along with Xibo. If not, see
.
- */
-jQuery.fn.extend({
- xiboCountdownRender: function (options, body) {
- // Check if the given input is a number/offset
- // or a date, and return the object
- var getDate = function (inputDate) {
- if (!isNaN(inputDate)) {
- return moment().add(inputDate, 's');
- } else if (moment(inputDate).isValid()) {
- return moment(inputDate);
- } else {
- console.error('Invalid Date/Time!!!');
- }
- };
-
- // Ge remaining time
- var getTimeRemaining = function (endtime) {
- var timeNow = moment().startOf('seconds');
- var duration = moment.duration(endtime.startOf('seconds').diff(timeNow));
- return {
- now: timeNow,
- total: Math.floor(duration.asMilliseconds()),
- seconds: Math.floor(duration.seconds()),
- secondsAll: Math.floor(duration.asSeconds()),
- minutes: Math.floor(duration.minutes()),
- minutesAll: Math.floor(duration.asMinutes()),
- hours: Math.floor(duration.hours()),
- hoursAll: Math.floor(duration.asHours()),
- days: Math.floor(duration.asDays()),
- weeks: Math.floor(duration.asWeeks()),
- months: Math.floor(duration.asMonths()),
- years: Math.floor(duration.asYears())
- };
- };
-
- // Initialize clock
- var initialiseClock = function (clock, deadlineDate, warningDate) {
- var yearsSpan = clock.find('.years');
- var monthsSpan = clock.find('.months');
- var weeksSpan = clock.find('.weeks');
- var daysSpan = clock.find('.days');
- var hoursSpan = clock.find('.hours');
- var hoursAllSpan = clock.find('.hoursAll');
- var minutesSpan = clock.find('.minutes');
- var minutesAllSpan = clock.find('.minutesAll');
- var secondsSpan = clock.find('.seconds');
- var secondsAllSpan = clock.find('.secondsAll');
-
- // Remove warning and finished classes on init
- $(clock).removeClass('warning finished');
-
- // Clear interval if exists
- if (window.timeinterval) {
- clearInterval(window.timeinterval);
- }
-
- /**
- * Update clock
- */
- function updateClock() {
- var t = getTimeRemaining(deadlineDate);
- yearsSpan.html(t.years);
- monthsSpan.html(t.months);
- weeksSpan.html(t.weeks);
- daysSpan.html(t.days);
- hoursSpan.html(('0' + t.hours).slice(-2));
- hoursAllSpan.html(t.hoursAll);
- minutesSpan.html(('0' + t.minutes).slice(-2));
- minutesAllSpan.html(t.minutesAll);
- secondsSpan.html(('0' + t.seconds).slice(-2));
- secondsAllSpan.html(t.secondsAll);
- if (warningDate && deadlineDate.diff(warningDate) != 0 && warningDate.diff(t.now) <= 0) {
- $(clock).addClass('warning');
- }
- if (t.total <= 0) {
- $(clock).removeClass('warning').addClass('finished');
- clearInterval(window.timeinterval);
- yearsSpan.html('0');
- monthsSpan.html('0');
- daysSpan.html('0');
- hoursSpan.html('00');
- minutesSpan.html('00');
- secondsSpan.html('00');
- hoursAllSpan.html('0');
- minutesAllSpan.html('0');
- secondsAllSpan.html('0');
- }
- }
- updateClock(); // run function once at first to avoid delay
-
- // Update every second
- window.timeinterval = setInterval(updateClock, 1000);
- };
-
- // Default options
- var defaults = {
- duration: '30',
- previewWidth: 0,
- previewHeight: 0,
- scaleOverride: 0
- };
- options = $.extend({}, defaults, options);
-
- // For each matched element
- this.each(function (_idx, _el) {
- // Calculate duration (use widget or given)
- var initDuration = options.duration;
- if (options.countdownType == 2) {
- initDuration = options.countdownDuration;
- } else if (options.countdownType == 3) {
- initDuration = options.countdownDate;
- }
-
- // Get deadline date
- var deadlineDate = getDate(initDuration);
-
- // Calculate warning duration ( use widget or given)
- var warningDuration = 0;
- if (options.countdownType == 1 || options.countdownType == 2) {
- warningDuration = options.countdownWarningDuration;
- } else if (options.countdownType == 3) {
- warningDuration = options.countdownWarningDate;
- }
- // Get warning date
- var warningDate = warningDuration == 0 || warningDuration == '' || warningDuration == null ? false : getDate(warningDuration);
-
- // Initialise clock
- initialiseClock($(_el), deadlineDate, warningDate);
- });
- return $(this);
- }
-});
-
-/***/ }),
-
-/***/ "./modules/src/xibo-dataset-render.js":
-/*!********************************************!*\
- !*** ./modules/src/xibo-dataset-render.js ***!
- \********************************************/
-/***/ (function(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
-
-/* provided dependency */ var jQuery = __webpack_require__(/*! jquery */ "./node_modules/jquery/dist/jquery.js");
-/* provided dependency */ var $ = __webpack_require__(/*! jquery */ "./node_modules/jquery/dist/jquery.js");
-/*
- * Copyright (C) 2024 Xibo Signage Ltd
- *
- * Xibo - Digital Signage - https://xibosignage.com
- *
- * This file is part of Xibo.
- *
- * Xibo is free software: you can redistribute it and/or modify
- * it under the terms of the GNU Affero General Public License as published by
- * the Free Software Foundation, either version 3 of the License, or
- * any later version.
- *
- * Xibo is distributed in the hope that it will be useful,
- * but WITHOUT ANY WARRANTY; without even the implied warranty of
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
- * GNU Affero General Public License for more details.
- *
- * You should have received a copy of the GNU Affero General Public License
- * along with Xibo. If not, see
.
- */
-jQuery.fn.extend({
- dataSetRender: function (options) {
- // Any options?
- if (options === undefined || options === null) {
- options = {
- duration: 5,
- transition: 'fade',
- rowsPerPage: 0,
- previewWidth: 0,
- previewHeight: 0,
- scaleOverride: 0
- };
- }
- $(this).each(function (_idx, el) {
- var numberItems = $(el).data('totalPages');
- var duration = options.durationIsPerItem ? options.duration : options.duration / numberItems;
- if (options.rowsPerPage > 0) {
- // Cycle handles this for us
- if ($(el).prop('isCycle')) {
- $(el).cycle('destroy');
- }
- $(el).prop('isCycle', true).cycle({
- fx: options.transition,
- timeout: duration * 1000,
- slides: '> table'
- });
- }
- });
- return $(this);
- }
-});
-
-/***/ }),
-
-/***/ "./modules/src/xibo-elements-render.js":
-/*!*********************************************!*\
- !*** ./modules/src/xibo-elements-render.js ***!
- \*********************************************/
-/***/ (function(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
-
-/* provided dependency */ var jQuery = __webpack_require__(/*! jquery */ "./node_modules/jquery/dist/jquery.js");
-/* provided dependency */ var $ = __webpack_require__(/*! jquery */ "./node_modules/jquery/dist/jquery.js");
-__webpack_require__(/*! core-js/modules/es.array.push.js */ "./node_modules/core-js/modules/es.array.push.js");
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-__webpack_require__(/*! core-js/modules/es.symbol.js */ "./node_modules/core-js/modules/es.symbol.js");
-__webpack_require__(/*! core-js/modules/es.symbol.to-primitive.js */ "./node_modules/core-js/modules/es.symbol.to-primitive.js");
-__webpack_require__(/*! core-js/modules/es.error.cause.js */ "./node_modules/core-js/modules/es.error.cause.js");
-__webpack_require__(/*! core-js/modules/es.error.to-string.js */ "./node_modules/core-js/modules/es.error.to-string.js");
-__webpack_require__(/*! core-js/modules/es.array.filter.js */ "./node_modules/core-js/modules/es.array.filter.js");
-__webpack_require__(/*! core-js/modules/es.array.find.js */ "./node_modules/core-js/modules/es.array.find.js");
-__webpack_require__(/*! core-js/modules/es.array.for-each.js */ "./node_modules/core-js/modules/es.array.for-each.js");
-__webpack_require__(/*! core-js/modules/es.array.index-of.js */ "./node_modules/core-js/modules/es.array.index-of.js");
-__webpack_require__(/*! core-js/modules/es.array.push.js */ "./node_modules/core-js/modules/es.array.push.js");
-__webpack_require__(/*! core-js/modules/es.date.to-primitive.js */ "./node_modules/core-js/modules/es.date.to-primitive.js");
-__webpack_require__(/*! core-js/modules/es.number.constructor.js */ "./node_modules/core-js/modules/es.number.constructor.js");
-__webpack_require__(/*! core-js/modules/es.object.define-properties.js */ "./node_modules/core-js/modules/es.object.define-properties.js");
-__webpack_require__(/*! core-js/modules/es.object.define-property.js */ "./node_modules/core-js/modules/es.object.define-property.js");
-__webpack_require__(/*! core-js/modules/es.object.get-own-property-descriptor.js */ "./node_modules/core-js/modules/es.object.get-own-property-descriptor.js");
-__webpack_require__(/*! core-js/modules/es.object.get-own-property-descriptors.js */ "./node_modules/core-js/modules/es.object.get-own-property-descriptors.js");
-__webpack_require__(/*! core-js/modules/es.object.keys.js */ "./node_modules/core-js/modules/es.object.keys.js");
-__webpack_require__(/*! core-js/modules/es.object.to-string.js */ "./node_modules/core-js/modules/es.object.to-string.js");
-__webpack_require__(/*! core-js/modules/web.dom-collections.for-each.js */ "./node_modules/core-js/modules/web.dom-collections.for-each.js");
-/*
- * Copyright (C) 2023 Xibo Signage Ltd
- *
- * Xibo - Digital Signage - https://xibosignage.com
- *
- * This file is part of Xibo.
- *
- * Xibo is free software: you can redistribute it and/or modify
- * it under the terms of the GNU Affero General Public License as published by
- * the Free Software Foundation, either version 3 of the License, or
- * any later version.
- *
- * Xibo is distributed in the hope that it will be useful,
- * but WITHOUT ANY WARRANTY; without even the implied warranty of
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
- * GNU Affero General Public License for more details.
- *
- * You should have received a copy of the GNU Affero General Public License
- * along with Xibo. If not, see
.
- */
-jQuery.fn.extend({
- xiboElementsRender: function (options, items) {
- var $this = $(this);
- var defaults = {
- selector: null,
- effect: 'none',
- pauseEffectOnStart: true,
- duration: 50,
- durationIsPerItem: false,
- numItems: 1,
- itemsPerPage: 1,
- speed: 2,
- previewWidth: 0,
- previewHeight: 0,
- scaleOverride: 0,
- marqueeInlineSelector: '.elements-render-item',
- alignmentV: 'top',
- displayDirection: 0,
- parentId: '',
- layer: 0,
- seamless: true,
- gap: 50
- };
- var $content = $('#content');
- var isAndroid = navigator.userAgent.indexOf('Android') > -1;
-
- // Is marquee effect
- var isMarquee = options.effect === 'marqueeLeft' || options.effect === 'marqueeRight' || options.effect === 'marqueeUp' || options.effect === 'marqueeDown';
- var isUseNewMarquee = options.effect === 'marqueeUp' || options.effect === 'marqueeDown' || !isAndroid;
- options = $.extend({}, defaults, options);
- if (!isMarquee) {
- options.speed = 1000;
- } else {
- options.speed = 1;
- }
- var cycleElement = ".".concat(options.id);
- if (isMarquee && isUseNewMarquee) {
- $this.marquee('destroy');
- } else if ($content.find(cycleElement + '.cycle-slideshow').length) {
- $(cycleElement + '.cycle-slideshow').cycle('destroy');
- }
- var marquee = false;
- if (options.effect === 'none') {
- // Do nothing
- } else if (!isMarquee && $content.find(cycleElement).length) {
- var numberOfSlides = (items === null || items === void 0 ? void 0 : items.length) || 1;
- var duration = options.durationIsPerItem ? options.duration : options.duration / numberOfSlides;
- var timeout = duration * 1000;
- var noTransitionSpeed = 200;
- var cycle2Config = {
- 'data-cycle-fx': options.effect === 'noTransition' || options.effect === 'none' ? 'none' : options.effect,
- 'data-cycle-speed': options.effect === 'noTransition' || options.effect === 'none' ? noTransitionSpeed : options.speed,
- 'data-cycle-timeout': timeout,
- 'data-cycle-slides': "> .".concat(options.id, "--item"),
- 'data-cycle-auto-height': false,
- 'data-cycle-paused': options.pauseEffectOnStart
- };
- if (options.effect === 'scrollHorz') {
- $(cycleElement).find("> .".concat(options.id, "--item")).each(function (idx, elem) {
- $(elem).css({
- width: '-webkit-fill-available'
- });
- });
- } else {
- cycle2Config = _objectSpread(_objectSpread({}, cycle2Config), {}, {
- 'data-cycle-sync': false
- });
- }
- $(cycleElement).addClass('cycle-slideshow anim-cycle').attr(cycle2Config).cycle();
-
- // Add some margin for each slide when options.effect === scrollHorz
- if (options.effect === 'scrollHorz') {
- $(cycleElement).css({
- width: options.width + options.gap / 2
- });
- $(cycleElement).find('.cycle-slide').css({
- marginLeft: options.gap / 4,
- marginRight: options.gap / 4
- });
- }
- } else if (options.effect === 'marqueeLeft' || options.effect === 'marqueeRight') {
- marquee = true;
- options.direction = options.effect === 'marqueeLeft' ? 'left' : 'right';
-
- // Make sure the speed is something sensible
- // This speed calculation gives as 80 pixels per second
- options.speed = options.speed === 0 ? 1 : options.speed;
-
- // Add gap between
- if ($this.find('.scroll').length > 0) {
- $this.find('.scroll').css({
- paddingLeft: !options.seamless ? options.gap : 0,
- paddingRight: !options.seamless ? options.gap : 0,
- columnGap: options.gap
- });
- }
- } else if (options.effect === 'marqueeUp' || options.effect === 'marqueeDown') {
- // We want a marquee
- marquee = true;
- options.direction = options.effect === 'marqueeUp' ? 'up' : 'down';
-
- // Make sure the speed is something sensible
- // This speed calculation gives as 80 pixels per second
- options.speed = options.speed === 0 ? 1 : options.speed;
- if ($this.find('.scroll').length > 0) {
- $this.find('.scroll').css({
- flexDirection: 'column',
- height: 'auto'
- });
- }
- }
- if (marquee) {
- if (isUseNewMarquee) {
- // in old marquee scroll delay is 85 milliseconds
- // options.speed is the scrollamount
- // which is the number of pixels per 85 milliseconds
- // our new plugin speed is pixels per second
- $this.attr({
- 'data-is-legacy': false,
- 'data-speed': options.speed / 25 * 1000,
- 'data-direction': options.direction,
- 'data-duplicated': options.seamless,
- 'data-gap': options.gap
- }).marquee().addClass('animating');
- } else {
- var $scroller = $this.find('.scroll:not(.animating)');
- if ($scroller.length !== 0) {
- $scroller.attr({
- 'data-is-legacy': true,
- scrollamount: options.speed,
- behaviour: 'scroll',
- direction: options.direction,
- height: options.height,
- width: options.width
- }).overflowMarquee().addClass('animating scroll');
- $scroller = $this.find('.scroll.animating');
- // Correct items alignment as $scroller styles are overridden
- // after initializing overflowMarquee
- if (options.effect === 'marqueeLeft' || options.effect === 'marqueeRight') {
- $scroller.find('> div').css({
- display: 'flex',
- flexDirection: 'row'
- });
- }
- }
- }
-
- // Correct for up / down
- if (options.effect === 'marqueeUp' || options.effect === 'marqueeDown') {
- $this.find('.js-marquee').css({
- marginBottom: 0
- });
- }
- }
- return $this;
- }
-});
-
-/***/ }),
-
-/***/ "./modules/src/xibo-finance-render.js":
-/*!********************************************!*\
- !*** ./modules/src/xibo-finance-render.js ***!
- \********************************************/
-/***/ (function(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
-
-/* provided dependency */ var jQuery = __webpack_require__(/*! jquery */ "./node_modules/jquery/dist/jquery.js");
-/* provided dependency */ var $ = __webpack_require__(/*! jquery */ "./node_modules/jquery/dist/jquery.js");
-__webpack_require__(/*! core-js/modules/es.array.find.js */ "./node_modules/core-js/modules/es.array.find.js");
-__webpack_require__(/*! core-js/modules/es.object.to-string.js */ "./node_modules/core-js/modules/es.object.to-string.js");
-/*
- * Copyright (C) 2024 Xibo Signage Ltd
- *
- * Xibo - Digital Signage - https://xibosignage.com
- *
- * This file is part of Xibo.
- *
- * Xibo is free software: you can redistribute it and/or modify
- * it under the terms of the GNU Affero General Public License as published by
- * the Free Software Foundation, either version 3 of the License, or
- * any later version.
- *
- * Xibo is distributed in the hope that it will be useful,
- * but WITHOUT ANY WARRANTY; without even the implied warranty of
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
- * GNU Affero General Public License for more details.
- *
- * You should have received a copy of the GNU Affero General Public License
- * along with Xibo. If not, see
.
- */
-jQuery.fn.extend({
- xiboFinanceRender: function (options, items, body) {
- // Default options
- var defaults = {
- effect: 'none',
- pauseEffectOnStart: true,
- speed: '2',
- duration: '30',
- durationIsPerItem: false,
- numItems: items.length,
- itemsPerPage: 5,
- previewWidth: 0,
- previewHeight: 0,
- scaleOverride: 0
- };
- options = $.extend({}, defaults, options);
- if (!options.itemsPerPage) {
- options.itemsPerPage = 1;
- }
-
- // Calculate the dimensions of this itemoptions.numItems
- // based on the preview/original dimensions
- var width = height = 0;
- if (options.previewWidth === 0 || options.previewHeight === 0) {
- width = options.originalWidth;
- height = options.originalHeight;
- } else {
- width = options.previewWidth;
- height = options.previewHeight;
- }
- if (options.scaleOverride !== 0) {
- width = width / options.scaleOverride;
- height = height / options.scaleOverride;
- }
- if (options.widgetDesignWidth > 0 && options.widgetDesignHeight > 0) {
- options.widgetDesignWidth = options.widgetDesignWidth;
- options.widgetDesignHeight = options.widgetDesignHeight;
- width = options.widgetDesignWidth;
- height = options.widgetDesignHeight;
- }
- var isEditor = xiboIC.checkIsEditor();
-
- // For each matched element
- this.each(function (_idx, _elem) {
- // How many pages to we need?
- var numberOfPages = options.numItems > options.itemsPerPage ? Math.ceil(options.numItems / options.itemsPerPage) : 1;
- var $mainContainer = $(_elem);
-
- // Destroy any existing cycle
- $mainContainer.find('.anim-cycle').cycle('destroy');
-
- // Remove previous content
- $mainContainer.find('.container-main:not(.template-container)').remove();
-
- // Clone the main HTML
- // and remove template-container class when we are on the editor
- var $mainHTML = isEditor ? $(body).clone().removeClass('template-container').show() : $(body);
-
- // Hide main HTML if isEditor = true
- if (isEditor) {
- $(body).hide();
- }
-
- // Create the pages
- for (var i = 0; i < numberOfPages; i++) {
- // Create a page
- var $itemsHTML = $('
').addClass('page');
- for (var j = 0; j < options.itemsPerPage; j++) {
- if (i * options.itemsPerPage + j < options.numItems) {
- var $item = $(items[i * options.itemsPerPage + j]);
- // Clone and append the item to the page
- // and remove template-item class when isEditor = true
- (isEditor ? $item.clone() : $item).appendTo($itemsHTML).show().removeClass('template-item');
-
- // Hide the original item when isEditor = true
- if (isEditor) {
- $item.hide();
- }
- }
- }
-
- // Append the page to the item container
- $mainHTML.find('.items-container').append($itemsHTML);
- }
-
- // Append the main HTML to the container
- $mainContainer.append($mainHTML);
- var duration = options.durationIsPerItem ? options.duration : options.duration / numberOfPages;
-
- // Make sure the speed is something sensible
- options.speed = options.speed <= 200 ? 1000 : options.speed;
-
- // Timeout is the duration in ms
- var timeout = duration * 1000 - options.speed * 0.7;
- var slides = numberOfPages > 1 ? '.page' : '.item';
- var $cycleContainer = $mainContainer.find('#cycle-container');
-
- // Set the content div to the height of the original window
- $cycleContainer.css('height', height);
-
- // Set the width on the cycled slides
- $cycleContainer.find(slides).css({
- width: width,
- height: height
- });
-
- // Cycle handles this for us
- $cycleContainer.addClass('anim-cycle').cycle({
- fx: options.effect,
- speed: options.speed,
- timeout: timeout,
- slides: '> ' + slides,
- paused: options.pauseEffectOnStart,
- log: false
- });
-
- // Protect against images that don't load
- $mainContainer.find('img').on('error', function (ev) {
- $(ev.currentTarget).off('error')
- // eslint-disable-next-line max-len
- .attr('src', 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR4nGNiYAAAAAkAAxkR2eQAAAAASUVORK5CYII=');
- });
- });
- return $(this);
- }
-});
-
-/***/ }),
-
-/***/ "./modules/src/xibo-image-render.js":
-/*!******************************************!*\
- !*** ./modules/src/xibo-image-render.js ***!
- \******************************************/
-/***/ (function(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
-
-/* provided dependency */ var jQuery = __webpack_require__(/*! jquery */ "./node_modules/jquery/dist/jquery.js");
-/* provided dependency */ var $ = __webpack_require__(/*! jquery */ "./node_modules/jquery/dist/jquery.js");
-__webpack_require__(/*! core-js/modules/es.function.bind.js */ "./node_modules/core-js/modules/es.function.bind.js");
-__webpack_require__(/*! core-js/modules/web.timers.js */ "./node_modules/core-js/modules/web.timers.js");
-/*
- * Copyright (C) 2024 Xibo Signage Ltd
- *
- * Xibo - Digital Signage - https://xibosignage.com
- *
- * This file is part of Xibo.
- *
- * Xibo is free software: you can redistribute it and/or modify
- * it under the terms of the GNU Affero General Public License as published by
- * the Free Software Foundation, either version 3 of the License, or
- * any later version.
- *
- * Xibo is distributed in the hope that it will be useful,
- * but WITHOUT ANY WARRANTY; without even the implied warranty of
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
- * GNU Affero General Public License for more details.
- *
- * You should have received a copy of the GNU Affero General Public License
- * along with Xibo. If not, see
.
- */
-jQuery.fn.extend({
- xiboImageRender: function (options) {
- // Default options
- var defaults = {
- reloadTime: 5000,
- maxTries: -1 // -1: Infinite # times
- };
-
- // Extend options
- options = $.extend({}, defaults, options);
- var $self = $(this);
-
- // Run all the selected elements individually
- if ($self.length > 1) {
- $self.each(function (i, el) {
- $(el).xiboImageRender(options);
- });
- return $self;
- }
-
- // Handle the image error by replacing the original image
- // with a transparent pixel and try to reload the original source again
- var handleImageError = function () {
- // Replace image with a single transparent pixel
- $self.off('error').attr('src',
- // eslint-disable-next-line max-len
- 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR4nGNiYAAAAAkAAxkR2eQAAAAASUVORK5CYII=');
- var reloadTimes = $self.data('reload-times');
-
- // Loop an infinite number of times ( maxTries == -1 )
- // or until the loop reach options.maxTries times
- if (reloadTimes < options.maxTries || options.maxTries == -1) {
- // Create a timeout using the options reload time
- setTimeout(function () {
- // Try to change source to the original
- $self.attr('src', $self.data('original-src')).on('error', handleImageError);
-
- // Increase the control var and set it to the element
- reloadTimes++;
- $self.data('reload-times', reloadTimes);
- }, options.reloadTime);
- }
- };
-
- // Original image source
- $self.data('original-src', $self.attr('src'));
-
- // Initialise reload times var
- $self.data('reload-times', 0);
-
- // Bind handle image funtion to a error event
- if ($self.data('original-src') != undefined) {
- $self.bind('error', handleImageError);
- }
- return $self;
- }
-});
-
-/***/ }),
-
-/***/ "./modules/src/xibo-layout-animate.js":
-/*!********************************************!*\
- !*** ./modules/src/xibo-layout-animate.js ***!
- \********************************************/
-/***/ (function(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
-
-/* provided dependency */ var jQuery = __webpack_require__(/*! jquery */ "./node_modules/jquery/dist/jquery.js");
-/* provided dependency */ var $ = __webpack_require__(/*! jquery */ "./node_modules/jquery/dist/jquery.js");
-__webpack_require__(/*! core-js/modules/es.array.find.js */ "./node_modules/core-js/modules/es.array.find.js");
-__webpack_require__(/*! core-js/modules/es.array.index-of.js */ "./node_modules/core-js/modules/es.array.index-of.js");
-__webpack_require__(/*! core-js/modules/es.object.to-string.js */ "./node_modules/core-js/modules/es.object.to-string.js");
-/*
- * Copyright (C) 2023 Xibo Signage Ltd
- *
- * Xibo - Digital Signage - https://xibosignage.com
- *
- * This file is part of Xibo.
- *
- * Xibo is free software: you can redistribute it and/or modify
- * it under the terms of the GNU Affero General Public License as published by
- * the Free Software Foundation, either version 3 of the License, or
- * any later version.
- *
- * Xibo is distributed in the hope that it will be useful,
- * but WITHOUT ANY WARRANTY; without even the implied warranty of
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
- * GNU Affero General Public License for more details.
- *
- * You should have received a copy of the GNU Affero General Public License
- * along with Xibo. If not, see
.
- */
-jQuery.fn.extend({
- xiboLayoutAnimate: function (options) {
- // Default options
- var defaults = {
- effect: 'none'
- };
- options = $.extend({}, defaults, options);
- this.each(function (_key, element) {
- var isAndroid = navigator.userAgent.indexOf('Android') > -1;
- var $contentDiv = $(element);
- // Marquee effect
- if (options.effect === 'marqueeUp' || options.effect === 'marqueeDown') {
- $contentDiv.find('.scroll:not(.animating)').marquee();
- } else if (options.effect === 'marqueeLeft' || options.effect === 'marqueeRight') {
- if (isAndroid) {
- $contentDiv.find('.scroll:not(.animating)').overflowMarquee();
- } else {
- $contentDiv.find('.scroll:not(.animating)').marquee();
- }
- } else if (options.effect !== 'none' || options.effect === 'noTransition') {
- // Cycle effect
- // Resume effect
- var $target = $contentDiv.is('.anim-cycle') ? $contentDiv : $contentDiv.find('.anim-cycle');
- $target.cycle('resume');
- }
- });
- return $(this);
- }
-});
-
-/***/ }),
-
-/***/ "./modules/src/xibo-layout-scaler.js":
-/*!*******************************************!*\
- !*** ./modules/src/xibo-layout-scaler.js ***!
- \*******************************************/
-/***/ (function(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
-
-/* provided dependency */ var jQuery = __webpack_require__(/*! jquery */ "./node_modules/jquery/dist/jquery.js");
-/* provided dependency */ var $ = __webpack_require__(/*! jquery */ "./node_modules/jquery/dist/jquery.js");
-__webpack_require__(/*! core-js/modules/es.array.find.js */ "./node_modules/core-js/modules/es.array.find.js");
-__webpack_require__(/*! core-js/modules/es.object.to-string.js */ "./node_modules/core-js/modules/es.object.to-string.js");
-/*
- * Copyright (C) 2022 Xibo Signage Ltd
- *
- * Xibo - Digital Signage - http://www.xibo.org.uk
- *
- * This file is part of Xibo.
- *
- * Xibo is free software: you can redistribute it and/or modify
- * it under the terms of the GNU Affero General Public License as published by
- * the Free Software Foundation, either version 3 of the License, or
- * any later version.
- *
- * Xibo is distributed in the hope that it will be useful,
- * but WITHOUT ANY WARRANTY; without even the implied warranty of
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
- * GNU Affero General Public License for more details.
- *
- * You should have received a copy of the GNU Affero General Public License
- * along with Xibo. If not, see
.
- */
-jQuery.fn.extend({
- xiboLayoutScaler: function (options) {
- // Default options
- var defaults = {
- originalWidth: 0,
- originalHeight: 0,
- widgetDesignWidth: 0,
- widgetDesignHeight: 0,
- widgetDesignGap: 0,
- itemsPerPage: 0,
- alignmentH: 'center',
- alignmentV: 'middle',
- displayDirection: 0
- // 0 = undefined (default), 1 = horizontal, 2 = vertical
- };
- options = $.extend({}, defaults, options);
-
- // Width and Height of the window we're in
- var width = $(window).width();
- var height = $(window).height();
-
- // Calculate the ratio to apply as a scale transform
- var ratio = Math.min(width / options.originalWidth, height / options.originalHeight);
-
- // Calculate a new width/height based on the ratio
- var newWidth = width / ratio;
- var newHeight = height / ratio;
-
- // Does the widget have an original design width/height
- // if so, we need to further scale the widget
- if (options.widgetDesignWidth > 0 && options.widgetDesignHeight > 0) {
- if (options.itemsPerPage > 0) {
- if (newWidth >= newHeight && options.displayDirection == '0' || options.displayDirection == '1') {
- // Landscape or square size plus padding
- // display direction is horizontal
- options.widgetDesignWidth = options.itemsPerPage * options.widgetDesignWidth + options.widgetDesignGap * (options.itemsPerPage - 1);
- options.widgetDesignHeight = options.widgetDesignHeight;
- } else if (newWidth < newHeight && options.displayDirection == '0' || options.displayDirection == '2') {
- // Portrait size plus padding
- // display direction is vertical
- options.widgetDesignHeight = options.itemsPerPage * options.widgetDesignHeight + options.widgetDesignGap * (options.itemsPerPage - 1);
- options.widgetDesignWidth = options.widgetDesignWidth;
- }
- }
-
- // Calculate the ratio between the new
- var widgetRatio = Math.min(newWidth / options.widgetDesignWidth, newHeight / options.widgetDesignHeight);
- ratio = ratio * widgetRatio;
- newWidth = options.widgetDesignWidth;
- newHeight = options.widgetDesignHeight;
- }
-
- // Multiple element options
- var mElOptions = {};
-
- // Multiple elements per page
- if (options.numCols != undefined || options.numRows != undefined) {
- // Content dimensions and scale ( to create
- // multiple elements based on the body scale fomr the xibo scaler )
- mElOptions.contentWidth = options.numCols > 1 ? options.widgetDesignWidth * options.numCols : options.widgetDesignWidth;
- mElOptions.contentHeight = options.numRows > 1 ? options.widgetDesignHeight * options.numRows : options.widgetDesignHeight;
- mElOptions.contentScaleX = width / mElOptions.contentWidth;
- mElOptions.contentScaleY = height / mElOptions.contentHeight;
-
- // calculate/update ratio
- ratio = Math.min(mElOptions.contentScaleX, mElOptions.contentScaleY);
- }
-
- // Do nothing and return $(this) when ratio = 1
- if (ratio == 1) {
- return $(this);
- }
-
- // Apply these details
- $(this).each(function (_idx, el) {
- if (!$.isEmptyObject(mElOptions)) {
- $(el).css('transform-origin', '0 0');
- $(el).css('transform', 'scale(' + ratio + ')');
- $(el).width(mElOptions.contentWidth);
- $(el).height(mElOptions.contentHeight);
- $(el).find('.multi-element').css({
- overflow: 'hidden',
- float: 'left',
- width: options.widgetDesignWidth,
- height: options.widgetDesignHeight
- });
- } else {
- $(el).css({
- width: newWidth,
- height: newHeight
- });
-
- // Handle the scaling
- // What IE are we?
- if ($('body').hasClass('ie7') || $('body').hasClass('ie8')) {
- $(el).css({
- filter: 'progid:DXImageTransform.Microsoft.Matrix(M11=' + ratio + ', M12=0, M21=0, M22=' + ratio + ', SizingMethod=\'auto expand\''
- });
- } else {
- $(el).css({
- transform: 'scale(' + ratio + ')',
- 'transform-origin': '0 0'
- });
- }
- }
-
- // Set ratio on the body incase we want to get it easily
- $(el).attr('data-ratio', ratio);
-
- // Handle alignment (do not add position absolute unless needed)
- if (!options.type || options.type !== 'text') {
- $(el).css('position', 'absolute');
-
- // Horizontal alignment
- if (options.alignmentH === 'right') {
- $(el).css('left', width - $(el).width() * ratio);
- } else if (options.alignmentH === 'center') {
- $(el).css('left', width / 2 - $(el).width() * ratio / 2);
- }
-
- // Vertical alignment
- if (options.alignmentV === 'bottom') {
- $(el).css('top', height - $(el).height() * ratio);
- } else if (options.alignmentV === 'middle') {
- $(el).css('top', height / 2 - $(el).height() * ratio / 2);
- }
- }
- });
- return $(this);
- }
-});
-
-/***/ }),
-
-/***/ "./modules/src/xibo-legacy-template-render.js":
-/*!****************************************************!*\
- !*** ./modules/src/xibo-legacy-template-render.js ***!
- \****************************************************/
-/***/ (function(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
-
-/* provided dependency */ var jQuery = __webpack_require__(/*! jquery */ "./node_modules/jquery/dist/jquery.js");
-/* provided dependency */ var $ = __webpack_require__(/*! jquery */ "./node_modules/jquery/dist/jquery.js");
-__webpack_require__(/*! core-js/modules/es.array.push.js */ "./node_modules/core-js/modules/es.array.push.js");
-__webpack_require__(/*! core-js/modules/es.array.find.js */ "./node_modules/core-js/modules/es.array.find.js");
-__webpack_require__(/*! core-js/modules/es.array.is-array.js */ "./node_modules/core-js/modules/es.array.is-array.js");
-__webpack_require__(/*! core-js/modules/es.array.push.js */ "./node_modules/core-js/modules/es.array.push.js");
-__webpack_require__(/*! core-js/modules/es.object.to-string.js */ "./node_modules/core-js/modules/es.object.to-string.js");
-__webpack_require__(/*! core-js/modules/es.regexp.exec.js */ "./node_modules/core-js/modules/es.regexp.exec.js");
-__webpack_require__(/*! core-js/modules/es.string.match.js */ "./node_modules/core-js/modules/es.string.match.js");
-__webpack_require__(/*! core-js/modules/es.string.replace.js */ "./node_modules/core-js/modules/es.string.replace.js");
-__webpack_require__(/*! core-js/modules/es.string.replace-all.js */ "./node_modules/core-js/modules/es.string.replace-all.js");
-/*
- * Copyright (C) 2023 Xibo Signage Ltd
- *
- * Xibo - Digital Signage - https://xibosignage.com
- *
- * This file is part of Xibo.
- *
- * Xibo is free software: you can redistribute it and/or modify
- * it under the terms of the GNU Affero General Public License as published by
- * the Free Software Foundation, either version 3 of the License, or
- * any later version.
- *
- * Xibo is distributed in the hope that it will be useful,
- * but WITHOUT ANY WARRANTY; without even the implied warranty of
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
- * GNU Affero General Public License for more details.
- *
- * You should have received a copy of the GNU Affero General Public License
- * along with Xibo. If not, see
.
- */
-
-// Based on https://github.com/octalmage/phptomoment/tree/master
-var PHP_TO_MOMENT = {
- d: 'DD',
- D: 'ddd',
- j: 'D',
- l: 'dddd',
- N: 'E',
- S: 'o',
- w: 'e',
- z: 'DDD',
- W: 'W',
- F: 'MMMM',
- m: 'MM',
- M: 'MMM',
- n: 'M',
- t: '',
- L: '',
- o: 'YYYY',
- Y: 'YYYY',
- y: 'YY',
- a: 'a',
- A: 'A',
- B: '',
- g: 'h',
- G: 'H',
- h: 'hh',
- H: 'HH',
- i: 'mm',
- s: 'ss',
- u: 'SSS',
- e: 'zz',
- I: '',
- O: '',
- P: '',
- T: '',
- Z: '',
- c: '',
- r: '',
- U: 'X',
- '\\': ''
-};
-jQuery.fn.extend({
- xiboLegacyTemplateRender: function (options, widget) {
- // Default options
- var defaults = {
- moduleType: 'none'
- };
- var newOptions = {};
- options = $.extend({}, defaults, options);
-
- // For each matched element
- this.each(function (_idx, element) {
- // Forecast
- if (options.moduleType == 'forecast') {
- // Check if we have a dailyForecast placeholder
- var elementHTML = $(element).html();
- var match = elementHTML.match(/\[dailyForecast.*?\]/g);
- if (match) {
- // Get the number of days
- var numDays = match[0].split('|')[1];
- var offset = match[0].split('|')[2].replace(']', '');
-
- // Replace HTML on the element
- $(element).html(elementHTML.replace(match[0], '
'));
- }
-
- // Check if we have a time placeholder
- $(element).html($(element).html().replace(/\[time\|.*?\]/g, function (match) {
- var oldFormat = match.split('|')[1].replace(']', '');
- var newFormat = PHP_TO_MOMENT[oldFormat];
- return '[time|' + newFormat + ']';
- }));
- }
-
- // Social Media
- if (options.moduleType == 'social-media') {
- // Template HTML
- var templateHTML = $(element).find('.item-template').html();
-
- // If we have NameTrimmed, replace it with a trimmed Name
- var matches = templateHTML.match(/\[(.*?)\]/g);
- if (Array.isArray(matches)) {
- for (var index = 0; index < matches.length; index++) {
- var _match = matches[index];
- var matchCropped = _match.substring(1, _match.length - 1);
- var replacement = '';
- switch (matchCropped) {
- case 'Tweet':
- replacement = '{{text}}';
- break;
- case 'User':
- replacement = '{{user}}';
- break;
- case 'ScreenName':
- replacement = '{{screenName}}';
- break;
- case 'Date':
- replacement = '{{date}}';
- break;
- case 'Location':
- replacement = '{{location}}';
- break;
- case 'ProfileImage':
- replacement = '
';
- break;
- case 'ProfileImage|normal':
- replacement = '
';
- break;
- case 'ProfileImage|mini':
- replacement = '
';
- break;
- case 'ProfileImage|bigger':
- replacement = '
';
- break;
- case 'Photo':
- replacement = '
';
- break;
- case 'TwitterLogoWhite':
- replacement = $(element).find('.twitter-blue-logo').data('url');
- break;
- case 'TwitterLogoBlue':
- replacement = $(element).find('.twitter-white-logo').data('url');
- default:
- break;
- }
-
- // Replace HTML on the element
- templateHTML = templateHTML.replace(_match, replacement);
- }
- }
-
- // Compile template for item
- var itemTemplate = Handlebars.compile(templateHTML);
-
- // Apply template to items and add them to content
- for (var i = 0; i < widget.items.length; i++) {
- var item = widget.items[i];
-
- // Create new media item
- var $mediaItem = $('
');
-
- // Add template content to media item
- $mediaItem.html(itemTemplate(item));
-
- // Add to content
- $mediaItem.appendTo($(element).find('#content'));
- }
- }
-
- // Currencies and stocks
- if (options.moduleType == 'currencies' || options.moduleType == 'stocks') {
- // Property to trim names
- var trimmedNames = [];
- var makeTemplateReplacements = function ($template) {
- var templateHTML = $template.html();
- // Replace [itemsTemplate] with a new div element
- templateHTML = templateHTML.replace('[itemsTemplate]', '
');
-
- // If we have NameTrimmed, replace it with a trimmed Name
- var matches = templateHTML.match(/\[NameTrimmed.*?\]/g);
- if (Array.isArray(matches)) {
- for (var _index = 0; _index < matches.length; _index++) {
- var _match2 = matches[_index];
-
- // Get the string length
- trimmedNames.push(_match2.split('|')[1].replace(']', ''));
-
- // Replace HTML on the element
- templateHTML = templateHTML.replace(_match2, '[NameTrimmed' + (trimmedNames.length - 1) + ']');
- }
- }
-
- // Add html back to container
- $template.html(templateHTML);
-
- // Change new element parent to be the
- // item-container class and clear it
- $template.find('.items-container-helper').parent().addClass('items-container').empty();
-
- // Replace image
- var $templateImage = $template.find('img[src="[CurrencyFlag]"]');
- if ($templateImage.length > 0) {
- var imageTemplate = $(element).find('.sample-image').html();
-
- // Replace HTML with the image template
- $templateImage[0].outerHTML = imageTemplate;
-
- // Get new image object
- $templateImage = $($templateImage[0]);
- }
-
- // Replace curly brackets with double brackets
- $template.html($template.html().replaceAll('[', '{{').replaceAll(']', '}}'));
-
- // Return template
- return $template;
- };
-
- // Make replacements for item template
- $(element).find('.item-template').replaceWith(makeTemplateReplacements($(element).find('.item-template')));
-
- // Make replacements for container template
- $(element).find('.template-container').replaceWith(makeTemplateReplacements($(element).find('.template-container')));
-
- // Compile template for item
- var _itemTemplate = Handlebars.compile($(element).find('.item-template').html());
-
- // Apply template to items and add them to content
- for (var _i = 0; _i < widget.items.length; _i++) {
- var _item = widget.items[_i];
- // if we have trimmedNames, add those proterties to each item
- for (var _index2 = 0; _index2 < trimmedNames.length; _index2++) {
- var trimmedLength = trimmedNames[_index2];
- _item['NameTrimmed' + _index2] = _item.Name.substring(0, trimmedLength);
- }
- $(_itemTemplate(_item)).addClass('template-item').appendTo($(element).find('#content'));
- }
- }
-
- // Article
- if (options.moduleType == 'article') {
- widget.properties.template = widget.properties.template.replaceAll('[Link|image]', '
