Изменить значок папки с пользовательским значком elfinder jquery

У меня есть 3 папки в моем корневом каталоге, и я хочу изменить значки для каждой папки в корне. Я пытался использовать tmbPath и tmbURL, но это не заменяет значок.

Вот код:

 $options = array(
        'roots' => [
    
            [
                'driver' => 'Folder 1',
                'alias' => 'test',
                'filesystem' => $filesystem,
                'URL' => $url_to_folder,
                'tmbPath'=> '/images',
                'tmbURL' => site_url().'/images',
            ],
            [
                'driver' => 'Folder 2',
                'alias' => 'test-',
                'filesystem' => $filesystem2,
                'URL' => $url_to_folder2,
                'tmbPath'=> '/images',
                'tmbURL' => site_url().'/images',
            ],
            [
                'driver' => 'Folder 3',
                'alias' => 'testing',
                'filesystem' => $filesystem3,
                'URL' => $url_to_folder3,
                'tmbPath'=> '/images',
                'tmbURL' => site_url().'/images',
            ]
    
        ]
    );

Я провел исследования и разработки для этого, но у меня ничего не работает. Может ли кто-нибудь помочь мне, где я ошибаюсь. Это будет большим подспорьем для меня. Заранее спасибо.


person DevD    schedule 15.07.2020    source источник


Ответы (1)


Наконец, я нашел исправление, чтобы заставить его работать и опубликовать здесь, если кто-то столкнется с такой же ситуацией. Я добавил идентификатор всех папок в заголовок и с помощью css меняю изображение. Вот код:

 $options = array(
    'roots' => [

        [
            'driver' => 'Folder 1_root1',
            'alias' => 'test',
            'filesystem' => $filesystem,
            'URL' => $url_to_folder,
            'tmbPath'=> '/images',
            'tmbURL' => site_url().'/images',
        ],
        [
            'driver' => 'Folder 2_root2',
            'alias' => 'test-',
            'filesystem' => $filesystem2,
            'URL' => $url_to_folder2,
            'tmbPath'=> '/images',
            'tmbURL' => site_url().'/images',
        ],
        [
            'driver' => 'Folder 3_root3',
            'alias' => 'testing',
            'filesystem' => $filesystem3,
            'URL' => $url_to_folder3,
            'tmbPath'=> '/images',
            'tmbURL' => site_url().'/images',
        ]

    ]
);

И использовал css следующим образом:

.elfinder-navbar-root[title*="_root1"] .elfinder-navbar-icon {
    background-image: url(../images/root1.png) !important;
    background: url(../images/root1.png) 0 0 no-repeat !important;
    background-size: contain !important;
}

.elfinder-navbar-root[title*="_root2"] .elfinder-navbar-icon {
    background-image: url(../images/root2.png) !important;
    background: url(../images/root2.png) 0 0 no-repeat !important;
    background-size: contain !important;
}

.elfinder-navbar-root[title*="_root3"] .elfinder-navbar-icon {
    background-image: url(../images/root3.png) !important;
    background: url(../images/root3.png) 0 0 no-repeat !important;
    background-size: contain !important;
}

Этот трюк удовлетворил мое требование.

person DevD    schedule 15.12.2020