Filter Icon disapear

[methos02]

Hello,
I update Orchid from 13 to 14. I also update the filter code and everything works except that the button's icon disapear.

<button class="btn btn-sm btn-link dropdown-toggle p-0 me-1" type="button" data-bs-toggle="dropdown" aria-haspopup="true" data-bs-boundary="viewport" aria-expanded="false"> </button>

It's the same with the filter badge, there are no cross to close it. Is it because i use fontawesome icon in my config ?

Thx in advance

LEON Frédéric

[methos02]

I found a pretty dirty solution for the moment :s
`
(function() {
const pushState = history.pushState;
const replaceState = history.replaceState;

history.pushState = function() {
    pushState.apply(history, arguments);
    window.dispatchEvent(new Event('pushState'));
    window.dispatchEvent(new Event('locationChange'));
};

history.replaceState = function() {
    replaceState.apply(history, arguments);
    window.dispatchEvent(new Event('replaceState'));
    window.dispatchEvent(new Event('locationChange'));
};

window.addEventListener('popstate', function() {
    window.dispatchEvent(new Event('locationChange'))
});

})();

let interval_id;
loadImages();
window.addEventListener('locationChange', function() {
loadImages();
});

function loadImages() {
interval_id = setInterval(async () => {
if (document.querySelector('[data-controller="table"]') !== null) {
const badges = document.querySelectorAll('a[data-filter]');
if(badges !== null) badges.forEach(badge => badge.insertAdjacentHTML('beforeend', 'x'))

        const filter_buttons = document.querySelectorAll('[data-controller="filter"] > button');
        if(filter_buttons !== null) filter_buttons.forEach(button => {
            button.style.textDecoration = "none";
            button.insertAdjacentHTML('beforeend', '<i class="fa-solid fa-filter"></i>');
        });

        clearInterval(interval_id);
    }
}, 10)

}
`

[tabuna]

It's hard for me to tell, since there are no steps to reproduce.
Did you clear the cache for the templates?

artisan view:clear

[methos02]

Thx for the answer, but yes I did it. I ask my self why this button is empty and how the icon is generate.

[methos02]

By the way, I have this problem on two differents projects :s

[luke83]

same scenario and same problem here:

• upgrade 13 -> 14
• followed all guide steps (both filter code and icons)
• artisan view:clear as suggested

still no filter icon near table headers, so no able to filter table rows. As minor bug also x for filter badge is gone but i can remove the badge by clicking

More context:

Switching back to bs icons fixes the issue but misses other icons:

    // config/platform.php
    'icons' => [
-        'orc' => \Orchid\IconPack\Path::getFolder(),
+        'bs'  => \Orchid\Support\BootstrapIconsPath::getFolder(),

and this fixes everything:

    // config/platform.php
    'icons' => [
        'orc' => \Orchid\IconPack\Path::getFolder(),
+        'bs'  => \Orchid\Support\BootstrapIconsPath::getFolder(), // of course here you can add fontawesome reference for icons

[darrylk]

I have what may be a related problem but not exactly the same. I thought it might overlap so I'm commenting here.

I'm running Orchid 14.8.1 (using "orchid/icons": "^2.0") and made code changes to existing classes to add a filter icon beside the 'uniqueid' column heading "Reference Id". I followed Orchid doc page "Sorting and Filtering In a Table" at https://orchid.software/en/docs/quickstart-sort-filter-table/#docs.

The column heading "Reference Id" is displayed but there is no filter icon beside it as I had expected.

Also, there are filter statements present in the page source within the tag for this column, but for some reason no icon is displayed. Perhaps it's evident from the html why it isn't being displayed but I couldn't figure it out. Here's a screenshot of the html for the 'uniqueid' column. I'd be glad to share the appropriate class sections if this doesn't provide enough information.

I also found that there's a small white space to the left of the Reference Id heading where you can click and get the filter input display.
So just the icon is missing. Might have to do with using orchid icons?

[darrylk]

Turns out if I remove the orchid icon config statment like so:
/*
'icons' => [
'orc' => \Orchid\IconPack\Path::getFolder(),
],
*/
the filter icon appears.

But some of the icons in use elsewhere disappear.
For example, the Back to Maps icon below (->icon("directions")) disappears.