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