dcatadmin2
/
dcat-admin2


			
				
					
						
						
							1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283
							<?php

namespace Dcat\Admin\Widgets;

use Dcat\Admin\Admin;
use Illuminate\Contracts\Support\Renderable;
use Illuminate\Support\Str;

class DarkModeSwitcher implements Renderable
{
    public $defaultDarkMode = false;

    public function __construct(?bool $defaultDarkMode = null)
    {
        $this->defaultDarkMode = is_null($defaultDarkMode) ? Str::contains(config('admin.layout.body_class'), 'dark-mode') : $defaultDarkMode;
    }

    public function render()
    {
        $icon = $this->defaultDarkMode ? 'icon-sun' : 'icon-moon';

        $this->addScript();
        $this->addStyle();

        return <<<HTML
<span class="dark-mode-switcher">
    <i class="feather {$icon}"></i>
</span>
HTML;
    }

    protected function addStyle()
    {
        Admin::style('.dark-mode-switcher{margin:0 10px;font-size: 1.5rem;cursor: pointer}');
    }

    protected function addScript()
    {
        $script = <<<'JS'
(function() {
    var storage = localStorage || {setItem:function () {}, getItem: function () {}},
        darkMode = Dcat.darkMode,
        key = 'dcat-admin-theme-mode',
        mode = storage.getItem(key),
        icon = $('.dark-mode-switcher i');

    function switchMode(dark) {
        if (dark) {
            icon.addClass('icon-sun').removeClass('icon-moon');
            darkMode.display(true);
            return;
        }
        
        darkMode.display(false);
        icon.removeClass('icon-sun').addClass('icon-moon');
    }
    
    if (mode === 'dark') {
        switchMode(true);
    } else if (mode === 'def') {
        switchMode(false)
    }
    
    $('.dark-mode-switcher').off('click').on('click', function () {
        icon.toggleClass('icon-sun icon-moon');
        
        if (icon.hasClass('icon-moon')) {
            switchMode(false);
            
            storage.setItem(key, 'def');
            
        } else {
            storage.setItem(key, 'dark');
            
            switchMode(true)
        }
    })
})()
JS;

        Admin::script($script, true);
    }
}