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 Create new Update Deleted Request Approved Reject Approval
Comment	Displays the comments at the time of update.
Content	Displays the updated contents.