theme.php

<?php
 
namespace Bitrix\Landing\Hook\Page;
 
use Bitrix\Landing\Field;
use Bitrix\Landing\Hook\Page;
use Bitrix\Main\Application;
use Bitrix\Main\Event;
use Bitrix\Main\Localization\Loc;
use Bitrix\Main\Page\Asset;
use Bitrix\Main\Page\AssetLocation;
use Bitrix\Landing\Restriction;
use Bitrix\Main\Text\HtmlFilter;
 
Loc::loadMessages(__FILE__);
 
class Theme extends Page
{
    protected const DEFAULT_COLOR = '#34bcf2';
 
    protected function getMap()
    {
        return [
            'CODE' => new Field\Select('CODE', [
                'title' => Loc::getMessage('LANDING_HOOK_THEMECODE_NEW'),
                'options' => array_merge(
                    [
                        '' => [
                            'color' => '#f0f0f0',
                        ]
                    ],
                    self::getColorCodes()
                ),
            ]),
            'USE' => new Field\Checkbox('USE', [
                'title' => Loc::getMessage('LANDING_HOOK_THEME_CUSTOM_USE')
            ]),
            'COLOR' => new Field\Text('COLOR', [
                'title' => Loc::getMessage('LANDING_HOOK_THEME_CUSTOM_COLOR')
            ]),
        ];
    }
 
    public static function getColorCodes(): array
    {
        static $colors = [
            '2business' => [
                'color' => '#3949a0',
                'main' => '#333333',
                'base' => true,
            ],
            'gym' => [
                'color' => '#6b7de0',
                'main' => '#444444',
            ],
            '3corporate' => [
                'color' => '#6ab8ee',
                'main' => '#12222d',
                'secondary' => '#fafbfc',
                'base' => true,
            ],
            'wiki-dark' => [
                'color' => '#60e7f5',
            ],
            'app' => [
                'color' => '#4fd2c2',
                'main' => '#999999',
                'colorTitle' => '#111111',
                'base' => true,
            ],
            'consulting' => [
                'color' => '#21a79b',
                'main' => '#464c5e',
                'secondary' => '#f5fafa',
            ],
            'courses' => [
                'color' => '#6bda95',
                'main' => '#999999',
                'colorTitle' => '#000000',
            ],
            'accounting' => [
                'color' => '#a5c33c',
                'main' => '#999999',
                'base' => true,
            ],
            'spa' => [
                'color' => '#9dba04',
                'main' => '#999999',
                'colorTitle' => '#000000',
            ],
            'charity' => [
                'color' => '#f5f219',
                'main' => '#999999',
                'colorTitle' => '#111111',
            ],
            '1construction' => [
                'color' => '#f7b70b',
                'main' => '#a7a7a7',
                'base' => true,
            ],
            'twentyFourth' => [
                'color' => '#AD8F47',
            ],
            'travel' => [
                'color' => '#ee4136',
                'main' => '#333333',
            ],
            'architecture' => [
                'color' => '#c94645',
                'main' => '#7d7d8f',
                'colorTitle' => '#383339',
            ],
            'event' => [
                'color' => '#f73859',
                'main' => '#979aa7',
                'secondary' => '#1a2e39',
                'colorTitle' => '#151826',
            ],
            'lawyer' => [
                'color' => '#e74c3c',
                'main' => '#444444',
                'colorTitle' => '#4e4353',
            ],
            'real-estate' => [
                'color' => '#f74c3c',
                'main' => '#1a2e39',
                'secondary' => '#1a2e39',
                'base' => true,
            ],
            'restaurant' => [
                'color' => '#e6125d',
                'main' => '#444444',
                'colorTitle' => '#222222',
            ],
            'shipping' => [
                'color' => '#ff0000',
                'main' => '#444444',
                'colorTitle' => '#2c2c2c',
            ],
            'agency' => [
                'color' => '#fe6466',
                'main' => '#a49da6',
                'colorTitle' => '#383339',
            ],
            'music' => [
                'color' => '#fe6476',
                'main' => '#999999',
                'colorTitle' => '#2f2f2f',
            ],
            'wedding' => [
                'color' => '#d65779',
                'main' => '#444444',
                'colorTitle' => '#222222',
            ],
            'twentyThird' => [
                'color' => '#A861AB',
            ],
            'photography' => [
                'color' => '#333333',
                'main' => '#444444',
                'colorTitle' => '#333333',
                'base' => true,
                'baseInSettings' => false,
            ],
        ];
 
        $event = new Event('landing', 'onGetThemeColors', [
            'colors' => $colors
        ]);
        $event->send();
        foreach ($event->getResults() as $result)
        {
            if ($result->getType() != \Bitrix\Main\EventResult::ERROR)
            {
                if (($modified = $result->getModified()))
                {
                    if (isset($modified['colors']))
                    {
                        $colors = $modified['colors'];
                    }
                }
            }
        }
 
        if (
            !is_array($colors) ||
            empty($colors)
        )
        {
            $colors = [
                '1construction' => [
                    'color' => '#f7b70b',
                    'base' => true
                ]
            ];
        }
 
        return $colors;
    }
 
    public static function getAllColorCodes(): array
    {
        $colors = self::getColorCodes();
        $allColors = [];
        foreach ($colors as $colorItem)
        {
            if (isset($colorItem['color']))
            {
                $allColors[] = $colorItem['color'];
            }
        }
        return $allColors;
    }
 
    public static function getStartColorCodes(): array
    {
        $colors = self::getColorCodes();
        $startColors = [];
        foreach ($colors as $colorItem)
        {
            if (isset($colorItem['base']) && $colorItem['base'] === true)
            {
                $startColors[] = $colorItem['color'];
            }
        }
        return $startColors;
    }
 
    protected static function getThemeCodeByColor(string $hexColor): ?string
    {
        $colors = self::getColorCodes();
        foreach($colors as $code => $color)
        {
            if($color['color'] === $hexColor)
            {
                return $code;
            }
        }
 
        return null;
    }
 
    public function enabled()
    {
        if ($this->issetCustomExec())
        {
            return true;
        }
 
        if ($this->isPage())
        {
            if (
                $this->fields['CODE']->getValue()
                && !$this->fields['COLOR']->getValue()
            )
            {
                return true;
            }
            return $this->fields['USE']->getValue() === 'Y';
        }
 
        return true;
    }
 
    protected static function convertHexToRgb(string $hexColor): array
    {
        if ($hexColor[0] !== '#')
        {
            $hexColor = '#'.$hexColor;
        }
        if (strlen($hexColor) === 4)
        {
            $hexColor =
                $hexColor[0] . $hexColor[1] . $hexColor[1] . $hexColor[2] . $hexColor[2] . $hexColor[3] . $hexColor[3];
        }
        if (strlen($hexColor) !== 7)
        {
            $hexColor = self::DEFAULT_COLOR;
        }
 
        return [
            hexdec(substr($hexColor, 1, 2)),
            hexdec(substr($hexColor, 3, 2)),
            hexdec(substr($hexColor, 5, 2)),
        ];
    }
 
    protected static function convertRgbToHsl(int $red, int $green, int $blue): array
    {
        $red /= 255;
        $green /= 255;
        $blue /= 255;
        $max = max($red, $green, $blue);
        $min = min($red, $green, $blue);
        $lightness = ($max + $min) / 2;
        $d = $max - $min;
        if($d == 0)
        {
            $hue = $saturation = 0;
        }
        else
        {
            $hue = 0;
            $saturation = $d / (1 - abs(2 * $lightness - 1));
            switch($max)
            {
                case $red:
                    $hue = 60 * fmod((($green - $blue) / $d), 6);
                    if ($blue > $green)
                    {
                        $hue += 360;
                    }
                    break;
 
                case $green:
                    $hue = 60 * (($blue - $red) / $d + 2);
                    break;
 
                case $blue:
                    $hue = 60 * (($red - $green) / $d + 4);
                    break;
 
                default:
                    break;
            }
        }
 
        return [
            round($hue, 2),
            round($saturation, 2) * 100,
            round($lightness, 2) * 100,
        ];
    }
 
    public function exec(): void
    {
        $defaultColors = self::getColorCodes();
 
        // get color from request or from settings
        $request = Application::getInstance()->getContext()->getRequest();
        if ($request->get('color'))
        {
            $colorHex = $request->get('color');
        }
        elseif (
            ($themeCodeFromRequest = $request->get('theme'))
            && array_key_exists($themeCodeFromRequest, $defaultColors)
        )
        {
            $themeCode = $themeCodeFromRequest;
            $colorHex = $defaultColors[$themeCodeFromRequest]['color'];
        }
        else
        {
            $colorHex = HtmlFilter::encode(trim($this->fields['COLOR']->getValue()));
            if (!$colorHex)
            {
                $themeCode = HtmlFilter::encode(trim($this->fields['CODE']->getValue()));
                $colorHex = $themeCode ? $defaultColors[$themeCode]['color'] : self::DEFAULT_COLOR;
            }
        }
 
        if (!is_string($colorHex))
        {
            $colorHex = '';
        }
        $colorHex = self::prepareColor($colorHex);
 
        $restrictionCode = Restriction\Hook::getRestrictionCodeByHookCode('THEME');
        if (
            !Restriction\Manager::isAllowed($restrictionCode)
            && !self::getThemeCodeByColor($colorHex)
        )
        {
            $colorHex = self::DEFAULT_COLOR;
        }
 
        // print
        $rgbColor = self::convertHexToRgb($colorHex);
        $rgbTemplate = $rgbColor[0] . ', ' . $rgbColor[1] . ', ' . $rgbColor[2];
        $hslColor = self::convertRgbToHsl($rgbColor[0], $rgbColor[1], $rgbColor[2]);
 
        if (
            isset($themeCode)
            || ($themeCode = self::getThemeCodeByColor($colorHex))
        )
        {
            $colorMain = $defaultColors[$themeCode]['main'] ?? null;
            if ($defaultColors[$themeCode]['secondary'] ?? null)
            {
                $colorSecondary = $defaultColors[$themeCode]['secondary'];
            }
            if ($defaultColors[$themeCode]['colorTitle'] ?? null)
            {
                $colorTitle = $defaultColors[$themeCode]['colorTitle'];
            }
        }
        $colorMain = $colorMain ?? 'hsl('.$hslColor[0].', 20%, 20%)';
        $colorSecondary = $colorSecondary ?? 'hsl('.$hslColor[0].', 20%, 80%)';
        $colorTitle = $colorTitle ?? $colorMain;
 
        if ($hslColor[2] > 60)
        {
            $colorStrictInverseFromPrimary = '#000000';
        }
        else
        {
            $colorStrictInverseFromPrimary = '#ffffff';
        }
 
        Asset::getInstance()->addString(
            '<style type="text/css">
                :root {
                    --primary: ' . $colorHex . ' !important' .';
                    --primary-darken-1: hsl(' . $hslColor[0] . ', ' . $hslColor[1] . '%, ' . min($hslColor[2] - 2, 100) . '%)' . ';
                    --primary-darken-2: hsl(' . $hslColor[0] . ', ' . $hslColor[1] . '%, ' . min($hslColor[2] - 5, 100) . '%)' . ';
                    --primary-darken-3: hsl(' . $hslColor[0] . ', ' . $hslColor[1] . '%, ' . min($hslColor[2] - 10, 100) . '%)' . ';
                    --primary-lighten-1: hsl(' . $hslColor[0] . ', ' . $hslColor[1] . '%, ' . max($hslColor[2] + 10, 0) . '%)' . ';
                    --primary-opacity-0: rgba('.$rgbTemplate.', 0);
                    --primary-opacity-0_05: rgba('.$rgbTemplate.', 0.05);
                    --primary-opacity-0_1: rgba('.$rgbTemplate.', 0.1);
                    --primary-opacity-0_15: rgba('.$rgbTemplate.', 0.15);
                    --primary-opacity-0_2: rgba('.$rgbTemplate.', 0.2);
                    --primary-opacity-0_25: rgba('.$rgbTemplate.', 0.25);
                    --primary-opacity-0_3: rgba('.$rgbTemplate.', 0.3);
                    --primary-opacity-0_35: rgba('.$rgbTemplate.', 0.35);
                    --primary-opacity-0_4: rgba('.$rgbTemplate.', 0.4);
                    --primary-opacity-0_45: rgba('.$rgbTemplate.', 0.45);
                    --primary-opacity-0_5: rgba('.$rgbTemplate.', 0.5);
                    --primary-opacity-0_55: rgba('.$rgbTemplate.', 0.55);
                    --primary-opacity-0_6: rgba('.$rgbTemplate.', 0.6);
                    --primary-opacity-0_65: rgba('.$rgbTemplate.', 0.65);
                    --primary-opacity-0_7: rgba('.$rgbTemplate.', 0.7);
                    --primary-opacity-0_75: rgba('.$rgbTemplate.', 0.75);
                    --primary-opacity-0_8: rgba('.$rgbTemplate.', 0.8);
                    --primary-opacity-0_85: rgba('.$rgbTemplate.', 0.85);
                    --primary-opacity-0_9: rgba('.$rgbTemplate.', 0.9);
                    --primary-opacity-0_95: rgba('.$rgbTemplate.', 0.95);
                    --theme-color-main: ' . $colorMain . ';
                    --theme-color-secondary: ' . $colorSecondary . ';
                    --theme-color-title: ' . $colorTitle . ';
                    --theme-color-strict-inverse: ' . $colorStrictInverseFromPrimary . ';
                }
            </style>',
            false,
            AssetLocation::BEFORE_CSS
        );
    }
 
    public static function prepareColor(string $color): string
    {
        $color = HtmlFilter::encode(trim($color));
 
        if($color[0] !== '#')
        {
            $color = '#' . $color;
        }
        if(!self::isHex($color))
        {
            return self::DEFAULT_COLOR;
        }
        if(mb_strlen($color) === 4)
        {
            $color = $color[0] . $color[1] . $color[1] . $color[2] . $color[2] . $color[3] . $color[3];
        }
 
        return $color;
    }
 
    public static function isHex(string $color): bool
    {
        return (bool)preg_match('/^#([\da-f]{3}){1,2}$/i', $color);
    }
}