Management plugin
The management plugin screen enables you to insert custom plugins into the Kuroco management pages. Currently, Kuroco supports 2 types of plugins:
- Vue.js
- CSS
Accessing the screen
In the left sidebar menu, under "SETTINGS", click [Environment] -> [Admin panel plugin].
Item descriptions
Item/Button | Description |
---|---|
Status | Status of the plugin. |
Plugin ID | ID of the plugin. |
Name | Name of the plugin. |
Type | Type of plugin (CSS or Vue.js). |
Source | Location information for the plugin. |
Target | Management screen and slot for loading the plugin. |
Props | You can insert a JSON object with initial props to be read by Vue.js plugins. Certain pages and slots use additional props. |
Updated on | Date and time the plugin was last updated. |
Edit | Click [Settings] to open the configuration dialog. |
Delete | Click to remove the plugin. |
Adding and editing management plugins
- To add a new plugin, click [Add] in the upper left corner of the screen.
- To edit an existing plugin, click [Settings] under the "Edit" column.
After configuring the plugin contents, click [Add] or [Update] to apply the changes.
Item | Sub-item | Description |
---|---|---|
Status | Option to activate the plugin settings. | |
Plugin name | Name of the plugin. | |
Type | Type of plugin (CSS or Vue.js). | |
Source | Component name | For Vue.js plugins, Kuroco supports MPAs (multi-page applications). Enter the component name of your MPA entry point here (e.g., MyEntryPoint ). |
URL | Upload location of the plugin. This can be any domain. | |
Manifest keys | For Vue.js plugins, enter the list of Webpack manifest keys for the app components in the order of loading, separated by semicolons (e.g., MyEntryPoint.js;vendors.* ). Values are based on your Webpack code splitting/chunking configurations. | |
Target | Page URI | Relative URI of the Kuroco management page that will load your plugin. Omit the /management prefix. You can also specify any custom page, in which case the page will be accessible as exclusive content for the plugin. |
Slot name | Slot that loads the plugin. Plugins can be loaded in various locations depending on their values. (See:Available slots and slot parameters below for details.) | |
Slot params | Some pages allow slot params that configure specific conditions for loading the plugins. For example, the content editor page may load a plugin only for specific user groups. | |
Props | To pass configurable props to your plugin, enter them here as JSON objects: e.g., {"my_prop": "my_prop_value"} . |
Available slots and slot parameters
Vue.js plugins
Page RUI | Available slots | Available slot parameters |
---|---|---|
any | Empty | - |
/topics/topics_edit/ | ext_col_NN | topics_group_id=G |
/inquiry/inquiry_report/ | list_main_top | - |
/inquiry/inquiry_bn_list/ | list_main_top | - |
/member/member_edit/ | Item name | - |
CSS plugins
Page URI | Available slots | Available slot parameters |
---|---|---|
Any | head | - |
Changelog
Click the [Changelog] to see a list of the history of editing the plugin.
Plugin changelog
Item | Description |
---|---|
Version | Displays the version. You can see the target version after clicking the version link. |
Updated on | Displays the date and time the content was updated. |
Updated by | Displays the name of the member who updated the content. |
Action | Displays the type of processing performed. There are six types of statuses as follows
|
Comment | Displays the comments at the time of update. |
Content | Displays the updated contents. |
Support
If you have any other questions, please contact us or check out Our Slack Community.