芝麻web文件管理V1.00

编辑当前文件:/home/mgatv524/public_html/mctv/lib/Widget/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;
    }
}