Add option to have persistent filter option

[MilosPaunovic]

Add the ability to send some sort of prop to filters to make them persistent (not removable) from bar.

[sr467113]

Hi,
I am looking to work on this issue.
May I please get bit more clarity on the same if you don't mind.

[MilosPaunovic]

Hi @sr467113,

So, what we want is, for example, when the user opens a single namespace page, to have that particular namespace already selected in filters bar, but without the option to remove it. So, to pass a prop of some kind (let's call it persistent) and if present, disable the removal of filter.

[sr467113]

Hi @sr467113,

So, what we want is, for example, when the user opens a single namespace page, to have that particular namespace already selected in filters bar, but without the option to remove it. So, to pass a prop of some kind (let's call it persistent) and if present, disable the removal of filter.

Ok. Let me look into it. Thanks 👍👍

[JaydenKrishna]

Hi,

I am a CS student from Florida International University working on open-source projects. I would be interested in testing this feature. Would it be possible for me to receive access?

[MilosPaunovic]

Absolutely, go for it @JaydenKrishna, will wait for your PR! 🚀

[JaydenKrishna]

Absolutely, go for it @JaydenKrishna, will wait for your PR! 🚀

HI @MilosPaunovic , where can I find the source code for this specific issue? Thanks.

[MilosPaunovic]

You can start by looking at the kestra/ui/src/components/filter/KestraFilter.vue component, but you'll have to investigate a bit more yourself and see what and where needs amending.

[MilosPaunovic]

Hi @JaydenKrishna,

As there hasn't been any progress or updates on this, I'll unassign you for now. However, if you do open a PR, it will be reviewed, and you'll be reassigned if no one else handles it in the meantime.

Thanks for all the efforts so far! 🍀

[HarshitDhaduk]

Hi @MilosPaunovic,

If this issue is still open. I would like to work on this. Can you please assign this issue to me?

[MilosPaunovic]

Absolutely, go for it @HarshitDhaduk! 🚀

[MilosPaunovic]

Hi @HarshitDhaduk ,

Are there any updates on progress of this issue?

[HarshitDhaduk]

I have tried using el-tag component from element-plus to make a custom tag renderer to disable close functionality (clossable tag) when a single namespace page is selected.

This is the custom-tag renderer component:

        <template #tag="{current}">
            <el-tag
                :disable-transitions="true"
                :closable="!current?.persistent" 
                @close="() => removeItem(current)"
            >
                <Label :option="current" /> 
            </el-tag>
        </template>

In removeItem function, If value passed is persistent=true. The function will return null without removing any item.

I am facing some problem setting up backend to test this locally. Tried using setting up frontend without backend source code guide. But, still facing issues setting up locally. (probably because of my system specs : 4GB RAM is not enough ig)

Can I make a PR, if the solution sounds good to you?

[MilosPaunovic]

Yes, certainly, you can open a PR and we'll go from there! 🚀

[MilosPaunovic]

Thanks for the contributions @HarshitDhaduk! 🚀

Closed via #7276.