mirror of
https://github.com/discourse/discourse.git
synced 2024-12-02 15:56:31 +08:00
4e7a75a7ec
This commit adds new plugin show routes (`/admin/plugins/:plugin_id`) as we move towards every plugin having a consistent UI/landing page. As part of this, we are introducing a consistent way for plugins to show an inner sidebar in their config page, via a new plugin API `register_admin_config_nav_routes` This accepts an array of links with a label/text, and an ember route. Once this commit is merged we can start the process of conforming other plugins to follow this pattern, as well as supporting a single-page version of this for simpler plugins that don't require an inner sidebar. Part of /t/122841 internally
58 lines
1.4 KiB
Plaintext
58 lines
1.4 KiB
Plaintext
import Component from "@glimmer/component";
|
|
import { inject as service } from "@ember/service";
|
|
import i18n from "discourse-common/helpers/i18n";
|
|
import AdminPluginConfigArea from "./admin-plugin-config-area";
|
|
|
|
export default class extends Component {
|
|
@service currentUser;
|
|
|
|
get configNavRoutes() {
|
|
return this.args.plugin.configNavRoutes || [];
|
|
}
|
|
|
|
get mainAreaClasses() {
|
|
let classes = ["admin-plugin-config-page__main-area"];
|
|
|
|
if (this.configNavRoutes.length) {
|
|
classes.push("-with-inner-sidebar");
|
|
} else {
|
|
classes.push("-without-inner-sidebar");
|
|
}
|
|
|
|
return classes.join(" ");
|
|
}
|
|
|
|
<template>
|
|
<div class="admin-plugin-config-page">
|
|
<div class="admin-plugin-config-page__metadata">
|
|
<h2>
|
|
{{@plugin.nameTitleized}}
|
|
</h2>
|
|
<p>
|
|
{{@plugin.about}}
|
|
{{#if @plugin.linkUrl}}
|
|
|
|
|
<a
|
|
href={{@plugin.linkUrl}}
|
|
rel="noopener noreferrer"
|
|
target="_blank"
|
|
>
|
|
{{i18n "admin.plugins.learn_more"}}
|
|
</a>
|
|
{{/if}}
|
|
|
|
</p>
|
|
</div>
|
|
<div class="admin-plugin-config-page__content">
|
|
<div class={{this.mainAreaClasses}}>
|
|
<AdminPluginConfigArea
|
|
@innerSidebarNavLinks={{@plugin.configNavRoutes}}
|
|
>
|
|
{{yield}}
|
|
</AdminPluginConfigArea>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
}
|