芝麻web文件管理V1.00
编辑当前文件:/home/mgatv524/novabrasil.mgaplay.com.br/web/media/xibo-worldclock-render.js
/** * Copyright (C) 2020 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({ xiboWorldClockRender: function(options, body) { var worldClocks = options.worldClocks; var self = this; // Update clocks var updateClocks = function() { var timeNow = moment(); for(var index = 0;index < worldClocks.length; index++) { // Get time according to timezone var t = timeNow.tz(worldClocks[index].clockTimezone); var $clockContainer = $(self).find('#clock' + index); $clockContainer.find('.year').html(t.year()); $clockContainer.find('.month').html(t.month() + 1); $clockContainer.find('.week').html(t.week()); $clockContainer.find('.day').html(t.date()); $clockContainer.find('.hour').html(t.hours()); $clockContainer.find('.minutes').html(t.minutes()); $clockContainer.find('.seconds').html(t.seconds()); $clockContainer.find('.momentClockTag').each(function() { $(this).html(t.format($(this).attr("format"))); }); var secondAnalog = t.seconds() * 6; var minuteAnalog = t.minutes() * 6 + secondAnalog / 60; var hourAnalog = ((t.hours() % 12) / 12) * 360 + 90 + minuteAnalog / 12; $clockContainer.find('.analogue-clock-hour').css("transform", "rotate(" + hourAnalog + "deg)"); $clockContainer.find('.analogue-clock-minute').css("transform", "rotate(" + minuteAnalog + "deg)"); $clockContainer.find('.analogue-clock-second').css("transform", "rotate(" + secondAnalog + "deg)"); } }; // Default options var defaults = { "duration": "30", "previewWidth": 0, "previewHeight": 0, "scaleOverride": 0 }; options = $.extend({}, defaults, options); // For each matched element this.each(function() { for(var index = 0;index < worldClocks.length; index++) { // Append template to the preview var $newItem = $('
').attr('id', 'clock' + index).addClass('world-clock').addClass('multi-element').append(body); // Add label or timezone name $newItem.find('.world-clock-label').html((worldClocks[index].clockLabel != '') ? worldClocks[index].clockLabel : worldClocks[index].clockTimezone); // Check if clock has highlighted class if(worldClocks[index].clockHighlight == 'on') { $newItem.addClass('highlighted'); } // Check if the element is outside the drawing area ( cols * rows ) if((index + 1) > (options.numCols * options.numRows)) { $newItem.css('display', 'none'); } // Add content to the main container $(this).find('#content').append($newItem); } // Update clocks updateClocks(); // run function once at first to avoid delay // Update every second setInterval(updateClocks, 1000); }); return $(this); } });