0byt3m1n1
Path:
/
home
/
mgatv524
/
neovia.mgaplay.com.br
/
lib
/
Widget
/
[
Home
]
File: Clock.php
<?php /** * 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 <http://www.gnu.org/licenses/>. */ namespace Xibo\Widget; use Respect\Validation\Validator as v; use Slim\Http\Response as Response; use Slim\Http\ServerRequest as Request; use Xibo\Helper\Translate; use Xibo\Support\Exception\InvalidArgumentException; /** * Class Clock * @package Xibo\Widget */ class Clock extends ModuleWidget { public $codeSchemaVersion = 1; /** @inheritDoc */ public function installFiles() { // Extends parent's method parent::installFiles(); $this->mediaFactory->createModuleSystemFile(PROJECT_ROOT . '/modules/vendor/jquery-cycle-2.1.6.min.js')->save(); $this->mediaFactory->createModuleSystemFile(PROJECT_ROOT . '/modules/vendor/moment.js')->save(); $this->mediaFactory->createModuleSystemFile(PROJECT_ROOT . '/modules/vendor/flipclock.min.js')->save(); } /** @inheritDoc */ public function layoutDesignerJavaScript() { return 'clock-designer-javascript'; } /** * Edit Clock * * @SWG\Put( * path="/playlist/widget/{widgetId}?clock", * operationId="widgetClockEdit", * tags={"widget"}, * summary="Clock Widget", * description="Edit Clock Widget. This call will replace existing Widget object, all not supplied parameters will be set to default.", * @SWG\Parameter( * name="widgetId", * in="path", * description="The WidgetId to Edit", * type="integer", * required=true * ), * @SWG\Parameter( * name="duration", * in="formData", * description="The Widget Duration", * type="integer", * required=false * ), * @SWG\Parameter( * name="useDuration", * in="formData", * description="(0, 1) Select 1 only if you will provide duration parameter as well", * type="integer", * required=false * ), * @SWG\Parameter( * name="enableStat", * in="formData", * description="The option (On, Off, Inherit) to enable the collection of Widget Proof of Play statistics", * type="string", * required=false * ), * @SWG\Parameter( * name="themeId", * in="formData", * description="Flag (0 , 1) for Analogue clock the light and dark theme", * type="integer", * required=false * ), * @SWG\Parameter( * name="clockTypeId", * in="formData", * description="Type of a clock widget 1-Analogue, 2-Digital, 3-Flip clock", * type="integer", * required=false * ), * @SWG\Parameter( * name="offset", * in="formData", * description="The offset in minutes that should be applied to the current time, if a counter is selected then date/time to run from in the format Y-m-d H:i:s", * type="string", * required=false * ), * @SWG\Parameter( * name="format", * in="formData", * description="For digital clock, format in which the time should be displayed example [HH:mm]", * type="string", * required=false * ), * @SWG\Parameter( * name="ta_text_advanced", * in="formData", * description="A flag (0, 1), Should text area by presented as a visual editor?", * type="integer", * required=false * ), * @SWG\Parameter( * name="showSeconds", * in="formData", * description="For Flip Clock, should the clock show seconds or not", * type="integer", * required=false * ), * @SWG\Parameter( * name="clockFace", * in="formData", * description="For Flip Clock, supported options: TwelveHourClock TwentyFourHourClock HourlyCounter MinuteCounter DailyCounter", * type="string", * required=false * ), * @SWG\Response( * response=204, * description="successful operation" * ) * ) * * @inheritDoc */ public function edit(Request $request, Response $response): Response { $sanitizedParams = $this->getSanitizer($request->getParams()); // You must also provide a duration (all media items must provide this field) $this->setOption('name', $sanitizedParams->getString('name')); $this->setUseDuration($sanitizedParams->getCheckbox('useDuration')); $this->setDuration($sanitizedParams->getInt('duration', ['default' => $this->getDuration()])); $this->setOption('theme', $sanitizedParams->getInt('themeId', ['default' => 1])); $this->setOption('clockTypeId', $sanitizedParams->getInt('clockTypeId', ['default' => 1])); $this->setOption('offset', $sanitizedParams->getString('offset', ['default' => 0])); $this->setRawNode('format', $request->getParam('ta_text', $request->getParam('format', ''))); $this->setOption('ta_text_advanced', $sanitizedParams->getCheckbox('ta_text_advanced')); $this->setOption('showSeconds', $sanitizedParams->getCheckbox('showSeconds')); $this->setOption('clockFace', $sanitizedParams->getString('clockFace')); $this->setOption('enableStat', $sanitizedParams->getString('enableStat')); $this->isValid(); // Save the widget $this->saveWidget(); return $response; } /** * Supported Clock Faces * @return array */ public function clockFaces() { return [ ['id' => 'TwelveHourClock', 'value' => __('12h Clock')], ['id' => 'TwentyFourHourClock', 'value' => __('24h Clock')], ['id' => 'HourlyCounter', 'value' => __('Hourly Counter')], ['id' => 'MinuteCounter', 'value' => __('Minute Counter')], ['id' => 'DailyCounter', 'value' => __('Daily Counter')] ]; } /** @inheritdoc */ public function getResource($displayId = 0) { $template = null; $data = []; // After body content $options = [ 'originalWidth' => $this->region->width, 'originalHeight' => $this->region->height, 'previewWidth' => intval($this->getPreviewWidth()), 'previewHeight' => intval($this->getPreviewHeight()) ]; // Clock Type switch ($this->getOption('clockTypeId', 1)) { case 1: // Analogue $template = 'clock-get-resource-analog'; // Render our clock face $theme = ($this->getOption('theme') == 2 ? 'dark' : 'light'); $theme_face = ($this->getOption('theme') == 2 ? 'clock_bg_modern_dark.png' : 'clock_bg_modern_light.png'); $data['clockFace'] = base64_encode(file_get_contents(PROJECT_ROOT . '/modules/clock/' . $theme_face)); // Light or dark? $data['clockTheme'] = $theme; $data['offset'] = $this->getOption('offset', 0); // After body content $javaScriptContent = '<script type="text/javascript" src="' . $this->getResourceUrl('vendor/jquery.min.js') . '"></script>'; $javaScriptContent .= '<script type="text/javascript" src="' . $this->getResourceUrl('vendor/moment.js') . '"></script>'; $javaScriptContent .= '<script type="text/javascript">var xiboICTargetId = ' . $this->getWidgetId() . ';</script>'; $javaScriptContent .= '<script type="text/javascript" src="' . $this->getResourceUrl('xibo-interactive-control.min.js') . '"></script>'; $javaScriptContent .= '<script type="text/javascript">xiboIC.lockAllInteractions();</script>'; // Replace the After body Content $data['javaScript'] = $javaScriptContent; break; case 2: // Digital // Digital clock is essentially a cut down text module which always fits to the region $template = 'get-resource'; // Extract the format from the raw node in the XLF $format = $this->getRawNode('format', null); // Strip out the bit between the [] brackets and use that as the format mask for moment. $matches = ''; preg_match_all('/\[.*?\]/', $format, $matches); foreach ($matches[0] as $subs) { $format = str_replace($subs, '<span class="clock" format="' . str_replace('[', '', str_replace(']', '', $subs)) . '"></span>', $format); } // Replace all the subs $data['body'] = $format; $javaScriptContent = '<script type="text/javascript" src="' . $this->getResourceUrl('vendor/jquery.min.js') . '"></script>'; $javaScriptContent .= '<script type="text/javascript" src="' . $this->getResourceUrl('vendor/moment.js') . '"></script>'; $javaScriptContent .= '<script type="text/javascript" src="' . $this->getResourceUrl('xibo-layout-scaler.js') . '"></script>'; $javaScriptContent .= '<script type="text/javascript">var xiboICTargetId = ' . $this->getWidgetId() . ';</script>'; $javaScriptContent .= '<script type="text/javascript" src="' . $this->getResourceUrl('xibo-interactive-control.min.js') . '"></script>'; $javaScriptContent .= '<script type="text/javascript">xiboIC.lockAllInteractions();</script>'; $javaScriptContent .= '<script type="text/javascript"> var locale = "' . Translate::GetJsLocale() . '"; var options = ' . json_encode($options) . '; function updateClock() { $(".clock").each(function() { $(this).html(moment().add(' . $this->getOption('offset', 0) . ', "m").format($(this).attr("format"))); }); } $(document).ready(function() { moment.locale(locale); updateClock(); setInterval(updateClock, 1000); $("body").xiboLayoutScaler(options); }); </script>'; // Replace the After body Content $data['javaScript'] = $javaScriptContent; // Add our fonts.css file $headContent = '<link href = "' . ($this->isPreview() ? $this->urlFor('library.font.css') : 'fonts.css') . '" rel="stylesheet" media="screen">'; $headContent .= '<style type = "text/css" > ' . file_get_contents($this->getConfig()->uri('css/client.css', true)) . '</style>'; $data['head'] = $headContent; break; case 3: // Flip Clock $template = 'clock-get-resource-flip'; // Head Content (CSS for flip clock) $data['head'] = '<style type="text/css">' . file_get_contents(PROJECT_ROOT . '/modules/vendor/flipclock.css') . '</style>'; $data['offset'] = $this->getOption('offset', '0'); $data['duration'] = $this->getDuration(); $data['clockFace'] = $this->getOption('clockFace', 'TwentyFourHourClock'); $data['showSeconds'] = $this->getOption('showSeconds', 1); // After body content $javaScriptContent = '<script type = "text/javascript" src = "' . $this->getResourceUrl('vendor/jquery.min.js') . '" ></script > '; $javaScriptContent .= '<script type = "text/javascript" src = "' . $this->getResourceUrl('vendor/flipclock.min.js') . '" ></script > '; $javaScriptContent .= '<script type="text/javascript">var xiboICTargetId = ' . $this->getWidgetId() . ';</script>'; $javaScriptContent .= '<script type="text/javascript" src="' . $this->getResourceUrl('xibo-interactive-control.min.js') . '"></script>'; $javaScriptContent .= '<script type="text/javascript">xiboIC.lockAllInteractions();</script>'; // Replace the After body Content $data['javaScript'] = $javaScriptContent; break; } // If we are a preview, then pass in the width and height $data['options'] = json_encode($options); // Replace the View Port Width? $data['viewPortWidth'] = $this->isPreview() ? $this->region->width : '[[ViewPortWidth]]'; // Return that content. return $this->renderTemplate($data, $template); } /** @inheritdoc */ public function isValid() { if ($this->getUseDuration() == 1 && !v::intType()->min(1)->validate($this->getDuration())) { throw new InvalidArgumentException(__('Please enter a duration.'), 'duration'); } return self::$STATUS_VALID; } /** @inheritdoc */ public function getCacheDuration() { // We have a long cache interval because we don't depend on any external data. return 86400 * 365; } }