0byt3m1n1
Path:
/
home
/
mgatv524
/
neovia.mgaplay.com.br
/
web
/
media
/
widget
/
329
/
[
Home
]
File: 329_1920_1080
<!doctype html> <html lang="en"> <head> <title>Xibo Open Source Digital Signage</title> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=[[ViewPortWidth]]" /> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <!-- Copyright 2006-2021 Xibo Signage Ltd. Part of the Xibo Open Source Digital Signage Solution. Released under the AGPLv3 or later. --> <style type="text/css"> body { margin: 0; overflow: hidden; font-family: sans-serif, Arial, Verdana, "Trebuchet MS"; } h1, h2, h3, h4, p { margin-top: 0; } #iframe { border: 0; } .cycle-slide p, p.cycle-slide { margin-bottom:0; } </style> <link href="fonts.css" rel="stylesheet" media="screen" /> <style type="text/css">:root { --grid-color: #dadada; --grid-text-color: #3e4e63; --today-text-color: #fb8100; --now-marker-color: #fb8100; --day-bg-color: #f9f9f9; --day-text-color: #3e4e63; --weekdays-bg-color: #f9f9f9; --weekdays-text-color: #3e4e63; --event-bg-color: #4174b5; --event-text-color: #fff; --daily-event-bg-color: #4174b5; --daily-event-text-color: #fff; --multi-day-event-bg-color: #4174b5; --multi-day-event-text-color: #fff; --aditional-events-bg-color: #efefef; --aditional-events-text-color: #3e4e63; --all-day-events-container-height: 6rem; font-size: 16px; } #content { overflow: hidden; height: 100%; } ol, li { padding: 0; margin: 0; list-style: none; } .calendar-weekly { position: relative; height: 100%; background-color: var(--day-bg-color); } .now-marker { position: absolute; background-color: var(--now-marker-color); height: 0.2rem; margin-top: -0.1rem; width: 100%; z-index: 4; } .hour-grid { position: absolute; width: 100%; margin-top: 5rem; height: calc(100% - 5rem); z-index: 1; } .hour-grid .hour-time { line-height: 2px; margin-left: 8px; text-align: right; width: 4rem; color: var(--grid-text-color); } .hour-grid .hour-time:after { border-top: 1px solid var(--grid-color); content: ""; width: calc(100% - 12px - 4rem); margin-left: 12px; position: absolute; z-index: 1; } .day-of-week { color: var(--weekdays-text-color); background-color: var(--weekdays-bg-color); font-size: 1.5rem; padding-top: 0.25rem; height: 4.75rem; } .day-of-week, .days-row { display: grid; grid-template-columns: repeat(7, 1fr); margin-left: 6rem; } .hide-weekend .days-row, .hide-weekend .day-of-week { grid-template-columns: repeat(5, 1fr) 0 0; } .day-of-week > li { overflow: hidden; text-align: center; } .day-of-week .week-day-date { font-size: 2.5rem; line-height: 3rem; } .day-of-week>.week-day { margin-top: 10px; } .day-of-week--today .week-day-date { font-weight: bold; color: var(--today-text-color); } .days-row { height: calc(100% - 5rem); position: relative; } .calendar-day { position: relative; font-size: 1.2rem; color: var(--day-text-color); border: 1px solid var(--grid-color); } .calendar-day .calendar-events-container { height: 100%; position: relative; overflow: hidden; } .calendar-day .calendar-all-day-events-container { display: none; height: var(--all-day-events-container-height); font-size: 1.2rem; } .calendar-weekly.show-all-day-events .calendar-day .calendar-events-container { height: calc(100% - var(--all-day-events-container-height)); } .calendar-weekly.show-all-day-events .calendar-day .calendar-all-day-events-container { display: block; position: relative; } .calendar-weekly.show-all-day-events .hour-grid { margin-top: calc(5rem + var(--all-day-events-container-height)); height: calc(100% - calc(5rem + var(--all-day-events-container-height))); } .calendar-all-day-events-container .extra-events { bottom: 1px; opacity: 0.85; z-index: 2; text-align: right; position: absolute; font-weight: bold; background-color: var(--aditional-events-bg-color); color: var(--aditional-events-text-color); width: 100%; font-size: 1.2rem; height: 1.25rem; } .calendar-all-day-events-container .extra-events span { padding-right: 6px; } .calendar-event { width: 100%; color: var(--event-text-color); background-color: var(--event-bg-color); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; position: absolute; height: 1.25rem; line-height: 1em; z-index: 1; border-radius: 6px; min-height: 1em; display: flex; flex-direction: column; } .calendar-event.before-view { border-top-left-radius: 0; border-top-right-radius: 0; } .calendar-event.concurrent::after { border: 1px solid var(--event-text-color); content: " "; width: calc(100% - 2px); height: calc(100% - 2px); left: 0px; top: 0px; position: absolute; border-radius: 6px; } .calendar-event.concurrent.level-1 { margin-left: 10%; width: 90%; z-index: 1; filter: brightness(1.05); } .calendar-event.concurrent.level-2 { margin-left: 20%; width: 80%; z-index: 2; filter: brightness(1.1); } .calendar-event.concurrent.level-3 { margin-left: 30%; width: 70%; z-index: 3; filter: brightness(1.15); } .calendar-event.concurrent.level-4 { margin-left: 40%; width: 60%; z-index: 4; filter: brightness(1.2); } .calendar-event.concurrent.level-5 { margin-left: 50%; width: 50%; z-index: 5; filter: brightness(1.25); } .calendar-event.shorter-event { flex-direction: row; } .calendar-event .event-time { font-size: 0.8em; margin-left: 0.25em; margin-top: 2px; } .calendar-event .event-summary { font-size: 0.9em; margin-left: 0.25em; font-weight: bold; margin-top: 2px; } .calendar-event.multi-day, .calendar-event.all-day { flex-direction: row; padding: 0.25rem 0; border-radius: 6px; } .calendar-event.all-day { color: var(--daily-event-text-color); background-color: var(--daily-event-bg-color); } .calendar-event.multi-day { color: var(--multi-day-event-text-color); background-color: var(--multi-day-event-bg-color); } .calendar-event.multi-day.cropped-event-start { border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: -2px; } .calendar-event.multi-day.cropped-event-end { border-top-right-radius: 0; border-bottom-right-radius: 0; }</style> </head> <!--[if lt IE 7 ]><body class="ie6"><![endif]--> <!--[if IE 7 ]><body class="ie7"><![endif]--> <!--[if IE 8 ]><body class="ie8"><![endif]--> <!--[if IE 9 ]><body class="ie9"><![endif]--> <!--[if (gt IE 9)|!(IE)]><!--><body><!--<![endif]--> <div id="content"><div class="calendar-weekly calendar-container"> <ol class="hour-grid"></ol><ol class="day-of-week"></ol> <ol class="days-row"></ol> </div> </div> </body> <script type="text/javascript">var options = {"originalWidth":1920,"originalHeight":1080,"duration":200,"takeItemsFrom":"start","calendarType":3,"showHeader":"1","showNowMarker":"1","showDescription":"1","timeFormat":"HH:mm","useDateRange":null,"rangeStart":null,"rangeEnd":null,"startTime":"08:00:00","endTime":"18:00:00","noEventsMessage":null,"excludeWeekendDays":"0","textScale":"1","weekdayNameLength":"long","gridStep":60,"gridColor":"#dadada","mainBackgroundColor":"#ffffff","gridTextColor":"#505050","dayBgColor":"#f9f9f9","dayTextColor":"#3e4e63","todayTextColor":"#e37918","nowMarkerColor":"#e37918","dayOtherMonthBgColor":"","dayOtherMonthTextColor":"","headerBgColor":"","headerTextColor":"","weekDaysHeaderBgColor":"#f9f9f9","weekDaysHeaderTextColor":"#3e4e63","eventBgColor":"#506dc3","eventTextColor":"#ffffff","dailyEventBgColor":"#4d3394","dailyEventTextColor":"#ffffff","multiDayEventBgColor":"#452e85","multiDayEventTextColor":"#ffffff","aditionalEventsBgColor":"#efefef","aditionalEventsTextColor":"#3e4e63","noEventsBgColor":null,"noEventsTextColor":null}; var items = [{"startDate":"2023-11-12T00:00:00-03:00","endDate":"2023-11-13T00:00:00-03:00","item":{"summary":"Parab\u00e9ns Giovane!","dtstart":"20231112","dtend":"20231113","duration":null,"dtstamp":"20231108T162334Z","dtstart_tz":"20231112T000000","dtend_tz":"20231113T000000","uid":"4ucekp3j21k1btr52j7a9oav4v@google.com","created":"20230125T172607Z","last_modified":"20230125T172607Z","description":null,"location":null,"sequence":null,"status":"CONFIRMED","transp":"TRANSPARENT","organizer":null,"attendee":null,"dtstart_array":[{"VALUE":"DATE"},"20231112",1699758000,"20231112"],"dtend_array":[{"VALUE":"DATE"},"20231113",1699844400,"20231113"],"rrule_array":[[],"FREQ=YEARLY"],"rrule":"FREQ=YEARLY","dtstamp_array":[[],"20231108T162334Z"],"uid_array":[[],"4ucekp3j21k1btr52j7a9oav4v@google.com"],"class_array":[[],"PUBLIC"],"class":"PUBLIC","created_array":[[],"20230125T172607Z"],"last_modified_array":[[],"20230125T172607Z"],"status_array":[[],"CONFIRMED"],"summary_array":[[],"Parab\u00e9ns Giovane!"],"transp_array":[[],"TRANSPARENT"]},"summary":"Parab\u00e9ns Giovane!","description":null,"location":null},{"startDate":"2023-11-12T00:00:00-03:00","endDate":"2023-11-13T00:00:00-03:00","item":{"summary":"Parab\u00e9ns Gregui!","dtstart":"20231112","dtend":"20231113","duration":null,"dtstamp":"20231108T162334Z","dtstart_tz":"20231112T000000","dtend_tz":"20231113T000000","uid":"4nl3q0bchvj8i41n3vqgjhcjn3@google.com","created":"20230125T172523Z","last_modified":"20230125T172523Z","description":null,"location":null,"sequence":null,"status":"CONFIRMED","transp":"TRANSPARENT","organizer":null,"attendee":null,"dtstart_array":[{"VALUE":"DATE"},"20231112",1699758000,"20231112"],"dtend_array":[{"VALUE":"DATE"},"20231113",1699844400,"20231113"],"rrule_array":[[],"FREQ=YEARLY"],"rrule":"FREQ=YEARLY","dtstamp_array":[[],"20231108T162334Z"],"uid_array":[[],"4nl3q0bchvj8i41n3vqgjhcjn3@google.com"],"class_array":[[],"PUBLIC"],"class":"PUBLIC","created_array":[[],"20230125T172523Z"],"last_modified_array":[[],"20230125T172523Z"],"status_array":[[],"CONFIRMED"],"summary_array":[[],"Parab\u00e9ns Gregui!"],"transp_array":[[],"TRANSPARENT"]},"summary":"Parab\u00e9ns Gregui!","description":null,"location":null}];</script> <script type="text/javascript" src="jquery.min.js"></script> <script type="text/javascript" src="moment.js"></script> <script type="text/javascript" src="xibo-layout-scaler.js"></script> <script type="text/javascript" src="xibo-calendar-render.js"></script> <script type="text/javascript" src="xibo-image-render.js"></script> <script type="text/javascript" src="xibo-text-render.js"></script> <script type="text/javascript">var xiboICTargetId = 329;</script> <script type="text/javascript" src="xibo-interactive-control.min.js"></script> <script type="text/javascript">xiboIC.lockAllInteractions();</script> <script type="text/javascript">moment.locale("pt-BR");</script> <script type="text/javascript"> $(document).ready(function() { var parsedItems = []; var now = moment(); var ongoingEvent = false; var noEventTrigger = false; var currentEventTrigger = false; // Prepare the items array, sorting it and removing any items that have expired. $.each(items, function(index, element) { // Parse the item and add it to the array if it has not finished yet var startDate = moment(element.startDate); var endDate = moment(element.endDate); // Check if there is an event ongoing ongoingEvent = (startDate.isBefore(now) && endDate.isAfter(now)); if (endDate.isAfter(now)) { if (moment(element.startDate).isBefore(now)) { element.currentEvent = true; } else { element.currentEvent = false; } } // Return all elements parsedItems.push(element); }); $("body").find("img").xiboImageRender(options); $("body").xiboLayoutScaler(options); var runOnVisible = function() { $("#content").xiboTextRender(options, parsedItems); }; (xiboIC.checkVisible()) ? runOnVisible() : xiboIC.addToQueue(runOnVisible); // Run calendar render $("body").xiboCalendarRender(options, parsedItems); if(ongoingEvent && currentEventTrigger) { // If there is an event now, send the Current Event trigger ( if exists ) xiboIC.trigger(currentEventTrigger); } else if(noEventTrigger) { // If there is no event now, send the No Event trigger xiboIC.trigger(noEventTrigger); } }); </script> </html>