clock.php

См. документацию.

<?php
IncludeModuleLangFile(__FILE__);
 
class CClock
{
    public static function Init(&$arParams)
    {
        if (!isset($arParams['inputId']))
            $arParams['inputId'] = 'bxclock_'.rand();
        if (!isset($arParams['inputName']))
            $arParams['inputName'] = $arParams['inputId'];
        if (!isset($arParams['step']))
            $arParams['step'] = 5;
 
        if (isset($arParams['view']) && $arParams['view'] == 'select' && $arParams['step'] < 30)
        {
            $arParams['step'] = 30;
        }
 
        if (!isset($arParams['view']) || $arParams['view'] != 'inline')
        {
            $arParams['view'] = 'input';
        }
    }
 
    public static function Show($arParams)
    {
        global $APPLICATION;
 
        CClock::Init($arParams);
        $APPLICATION->AddHeadScript('/bitrix/js/main/utils.js');
 
        $inputId = htmlspecialcharsbx($arParams['inputId'] ?? '');
        $inputName = htmlspecialcharsbx($arParams['inputName'] ?? '');
        $initTime = htmlspecialcharsbx($arParams['initTime'] ?? '');
        $inputTitle = htmlspecialcharsbx($arParams['inputTitle'] ?? '');
 
        $jsInputId = preg_replace("/[^a-z0-9_\\[\\]:]/i", "", $arParams['inputId']);
 
        // Show input
        switch ($arParams['view'])
        {
            case 'label':
                ?>
                <input type="hidden" id="<?=$inputId?>" name="<?=$inputName?>" value="<?=$initTime?>">
                <div class="bx-clock-label" onmouseover="this.className='bx-clock-label-over';" onmouseout="this.className='bx-clock-label';" onclick=""><? echo ($arParams['initTime']? $initTime : 'Time'); ?></div><?
                break;
            case 'select':
                ?>
                <select id="<?=$inputId?>" name="<?=$inputName?>">
                    <?
                    for ($i = 0; $i < 24; $i++)
                    {
                        $h = ($i < 10) ? '0'.$i : $i;
                        ?><option value="<?=$h?>:00"><?=$h?>:00</option><?
                        if ($arParams['step']) {?><option value="<?=$h?>:30"><?=$h?>:30</option><?}
                    }
                    ?>
                </select>
                <?
                break;
            case 'inline':
                ?>
                <input type="hidden" id="<?=$inputId?>" name="<?=$inputName?>"  value="<?=$initTime?>" />
                <div id="<?=$inputId?>_clock"></div>
                <script>
                    if (!window.bxClockLoaders)
                    {
                        window.bxClockLoaders = [];
                        window.onload = function() {
                            for (var i=0; i<window.bxClockLoaders.length; i++)
                                setTimeout(window.bxClockLoaders[i], 20*i + 20);
                            window.bxClockLoaders = null;
                        }
                    }
 
                    window.bxClockLoaders.push("bxShowClock_<?=$jsInputId?>('<?=CUtil::JSEscape($arParams['inputId'])?>_clock');");
                </script>
                <?
                break;
            default: //input
                ?><input id="<?=$inputId?>" <?=($arParams['inputName']? 'name="'.$inputName.'"' : '')?> type="text" value="<?=$initTime?>" size="<?=IsAmPmMode() ? 6 : 4?>" <?=(isset($arParams['inputTitle'])? 'title="'.$inputTitle.'"' : '')?> <?=(isset($arParams['inputClass'])? 'class="'.$arParams['inputClass'].'"' : '')?> autocomplete="off"/><?
                break;
        }
        // Show icon
        if (!isset($arParams['showIcon']) || $arParams['showIcon'] !== false)
        {
            ?><a href="javascript:void(0);" onclick="bxShowClock_<?=$jsInputId?>()" title="<?=GetMessage('BX_CLOCK_TITLE')?>" onmouseover="this.className='bxc-icon-hover';" onmouseout="this.className='';"><img id="<?=$inputId?>_icon" src="/bitrix/images/1.gif" class="bx-clock-icon bxc-iconkit-c"></a><?
        }
 
        //Init JS and append CSS
        ?><script>
        function bxLoadClock_<?=$jsInputId?>(callback)
        {
            <?if(!isset($arParams['view']) || $arParams['view'] != 'inline'):?>
            if (!window.JCClock && !window.jsUtils)
            {
                return setTimeout(function(){bxLoadClock_<?=$jsInputId?>(callback);}, 50);
            }
            <?endif;?>
 
            if (!window.JCClock)
            {
                if(!!window.bClockLoading)
                {
                    return setTimeout(function(){bxLoadClock_<?=$jsInputId?>(callback);}, 50);
                }
                else
                {
                    window.bClockLoading = true;
                    return BX.load(
                        [
                            '<?=CUtil::GetAdditionalFileURL("/bitrix/js/main/clock.js")?>',
                            '<?=CUtil::GetAdditionalFileURL("/bitrix/themes/.default/clock.css")?>'
                        ],
                        function() {
                            BX.Runtime.loadExtension(['intranet.old-interface.clock', 'date'])
                                .then((exports) => {
                                    (new BX.Intranet.Bitrix24.Clock()).init();
                                    continueClockInitialization_<?=$jsInputId?>(callback);
                                })
                                .catch(() => {
                                    continueClockInitialization_<?=$jsInputId?>(callback);
                                });
                        }
                    );
                }
            }
            else
            {
                continueClockInitialization_<?=$jsInputId?>(callback);
            }
        }
        
        function continueClockInitialization_<?=$jsInputId?>(callback)
        {
            window.bClockLoading = false;
 
            var obId = 'bxClock_<?=$jsInputId?>';
 
            window[obId] = new JCClock({
                step: <?=intval($arParams['step'] ?? 0)?>,
                initTime: '<?=CUtil::JSEscape($arParams['initTime'] ?? '')?>',
                showIcon: <?= (isset($arParams['showIcon']) && $arParams['showIcon'] ? 'true' : 'false')?>,
                inputId: '<?=CUtil::JSEscape($arParams['inputId'] ?? '')?>',
                iconId: '<?=CUtil::JSEscape($arParams['inputId'] ?? '').'_icon'?>',
                zIndex: <?= isset($arParams['zIndex']) ? intval($arParams['zIndex']) : 0 ?>,
                AmPmMode: <?=(isset($arParams['am_pm_mode']) && $arParams['am_pm_mode'] ? 'true' : 'false')?>,
                MESS: {
                    Insert: '<?=GetMessageJS('BX_CLOCK_INSERT')?>',
                    Close: '<?=GetMessageJS('BX_CLOCK_CLOSE')?>',
                    Hours: '<?=GetMessageJS('BX_CLOCK_HOURS')?>',
                    Minutes: '<?=GetMessageJS('BX_CLOCK_MINUTES')?>',
                    Up: '<?=GetMessageJS('BX_CLOCK_UP')?>',
                    Down: '<?=GetMessageJS('BX_CLOCK_DOWN')?>'
                }
                });
 
            return callback.apply(window, [window[obId]]);
        }
 
        function bxShowClock_<?=$jsInputId?>(id)
        {
            bxLoadClock_<?=$jsInputId?>(function(obClock)
            {
                obClock.Show(id);
            });
        }
    </script><?
    }
}
?>