mirror of
https://github.com/discourse/discourse.git
synced 2024-12-24 09:43:51 +08:00
d56bb72819
Since the AdminPageHeader is H1, it is more semantically correct to progress to H2 after it rather than skipping a level to H3 Also amend style of H2 to make it the same size as H3
94 lines
2.8 KiB
Plaintext
94 lines
2.8 KiB
Plaintext
import Component from "@glimmer/component";
|
|
import { hash } from "@ember/helper";
|
|
import { service } from "@ember/service";
|
|
import { htmlSafe } from "@ember/template";
|
|
import DropdownMenu from "discourse/components/dropdown-menu";
|
|
import i18n from "discourse-common/helpers/i18n";
|
|
import {
|
|
DangerActionListItem,
|
|
DangerButton,
|
|
DefaultActionListItem,
|
|
DefaultButton,
|
|
PrimaryActionListItem,
|
|
PrimaryButton,
|
|
WrappedActionListItem,
|
|
WrappedButton,
|
|
} from "admin/components/admin-page-action-button";
|
|
import DMenu from "float-kit/components/d-menu";
|
|
|
|
export default class AdminPageSubheader extends Component {
|
|
@service site;
|
|
|
|
get title() {
|
|
if (this.args.titleLabelTranslated) {
|
|
return this.args.titleLabelTranslated;
|
|
} else if (this.args.titleLabel) {
|
|
return i18n(this.args.titleLabel);
|
|
}
|
|
}
|
|
|
|
get description() {
|
|
if (this.args.descriptionLabelTranslated) {
|
|
return this.args.descriptionLabelTranslated;
|
|
} else if (this.args.descriptionLabel) {
|
|
return i18n(this.args.descriptionLabel);
|
|
}
|
|
}
|
|
|
|
<template>
|
|
<div class="admin-page-subheader">
|
|
<div class="admin-page-subheader__title-row">
|
|
<h2 class="admin-page-subheader__title">{{this.title}}</h2>
|
|
{{#if (has-block "actions")}}
|
|
<div class="admin-page-subheader__actions">
|
|
{{#if this.site.mobileView}}
|
|
<DMenu
|
|
@identifier="admin-page-subheader-mobile-actions"
|
|
@title={{i18n "more_options"}}
|
|
@icon="ellipsis-vertical"
|
|
class="btn-small"
|
|
>
|
|
<:content>
|
|
<DropdownMenu class="admin-page-subheader__mobile-actions">
|
|
{{yield
|
|
(hash
|
|
Primary=PrimaryActionListItem
|
|
Default=DefaultActionListItem
|
|
Danger=DangerActionListItem
|
|
Wrapped=WrappedActionListItem
|
|
)
|
|
to="actions"
|
|
}}
|
|
</DropdownMenu>
|
|
</:content>
|
|
</DMenu>
|
|
{{else}}
|
|
{{yield
|
|
(hash
|
|
Primary=PrimaryButton
|
|
Default=DefaultButton
|
|
Danger=DangerButton
|
|
Wrapped=WrappedButton
|
|
)
|
|
to="actions"
|
|
}}
|
|
{{/if}}
|
|
</div>
|
|
{{/if}}
|
|
</div>
|
|
|
|
{{#if this.description}}
|
|
<p class="admin-page-subheader__description">
|
|
{{htmlSafe this.description}}
|
|
{{#if @learnMoreUrl}}
|
|
<span class="admin-page-subheader__learn-more">
|
|
{{htmlSafe
|
|
(i18n "learn_more_with_link" url=@learnMoreUrl)
|
|
}}</span>
|
|
{{/if}}
|
|
</p>
|
|
{{/if}}
|
|
</div>
|
|
</template>
|
|
}
|