Apisix-dashboard: Plugin Orchestration: Plugin Category

[juzhiyuan]

Please answer these questions before submitting your issue.

• Why do you submit this issue?
• [ ] Question or discussion
• [ ] Bug
• [ ] Requirements
• [x] Feature or performance improvement
• [ ] Other

---

Requirement or improvement

• Please describe your requirements or improvement suggestions.

Before starting this issue, please provide an UI design.

[juzhiyuan]

1. Uniformity of style: generalization and organization (research, prototyping).
2. Functionality: is the current organization of interactions appropriate? bugs?

[LiteSun]

In order to categorize the plugins in the Plugin Orchestration mode, I drew a design diagram, as shown below.

1. When clicking on all, all the plugins will appear below. Similarly, when clicking on category one, only plugins belonging to category one will be displayed.

2. The display plugins will be sorted in descending order based on frequency of use.

3. The interaction logic of the Plugin Orchestration is the same as before.

@moonming @membphis @juzhiyuan Please take a look at this interaction logic when you have time to see if there are any problems, thanks!

[juzhiyuan]

Looks good to me! is this a Tab area? the antd supports scrollable Tab.

[LiteSun]

yes, but it is unfriendly for a user to use Tab when the Category name is too long. so I change Tab to Select list.

@juzhiyuan @moonming @membphis

[membphis]

so I change Tab to Select list.

This one is better.

[covalentbond]

hey @juzhiyuan, I saw this issue https://issues.apache.org/jira/browse/APISIX-12 Apache APISIX Dashboard: Enhancement plugin orchestration. I would like to know, is it still open and if yes, how can I start contributing towards this as a beginner

[covalentbond]

In the skills of the issue, React, HTML, CSS & Javascript were mentioned. And I pretty much like them.
But the repository also have Golang. Is it a required skill to work on this issue

[juzhiyuan]

Hi @covalentbond, this issue is reported by @LiteSun, let's wait for his reply :)

[LiteSun]

Hi, @covalentbond

1. The issue is open and if you want to contribute please refer to contributing ,For develop front-end, please refer to web-contributing.

2. Golang is not a required skill if you just want to develop the front-end.

3. Plugin Orchestration was introduced to the apisix-dashboard project by installing dependencies.

If you want to participate in the development of Plugin Orchestration.

• please go to the dashboard-components repository to complete the development.
• update the version of apisix-dashboard dependency @api7-dashboard/pluginchart.

Contact me if you have any questions.😊
Can't wait to see your PR!👍👍👍

[covalentbond]

Sure! I would start by understanding what APISIX is all about and how plugins function in it