[Task] add a switch button in plugin configuration page

[tian-pengfei]

Description

Add a switch button in plugin configuration page fot greater interactivity.

Task List

1.elegant interface
2.turn on or off plugin

[dev-ST-IA]

Hi I'm currently attepting this, I would want to know if this change is to be done in the shenyu-dashboard?or is it in this repo?

[tian-pengfei]

Hi I'm currently attepting this, I would want to know if this change is to be done in the shenyu-dashboard?or is it in this repo?

yes , it need to be achieved in apache/shenyu-dashboard

[dev-ST-IA]

Hi, Is this what is expected? Can you let me know if I'm on the right track? Now when it's clicked it needs to reverse the horizontal alignment?

[tian-pengfei]

Hi, Is this what is expected? Can you let me know if I'm on the right track? Now when it's clicked it needs to reverse the horizontal alignment?

this button style look better.

Maybe you can try add a white bar,then put this button on that. But that doesn't necessarily look good,you need to try . I hope you can find a nice typography.good luck

[dev-ST-IA]

Want to confirm if the expected output is as the following screenshots?

[dev-ST-IA]

Hi, Im raising a PR with what I've done. I may have missed the actual requirements, if so please point out , I will amend the changes accordingly. Thanks

[tian-pengfei]

sorry late to reply ,this picture below is expected.

(designed by @li-keguo )

[tian-pengfei]

Sign means plugin name , Authentication means plugin role, Close is plugin status(other status is Open), that shoud same as button status (picture is wrong).
edit function is same as another one in picture below

[dev-ST-IA]

Thanks , I'll work on it