discourse/app/assets/javascripts/admin/addon/templates/watched-words.hbs
Martin Brennan 690ffcf1d5
UX: Add DPageHeader to watched words and color palettes (#30686)
Part of our admin UI consistency efforts, this is a stop-gap
until we can do a further UI review of these pages.
2025-01-10 15:32:10 +10:00

54 lines
1.5 KiB
Handlebars

<DPageHeader
@titleLabel={{i18n "admin.watched_words.title"}}
@descriptionLabel={{i18n "admin.watched_words.description"}}
@learnMoreUrl="https://meta.discourse.org/t/241735"
@hideTabs={{true}}
>
<:breadcrumbs>
<DBreadcrumbsItem @path="/admin" @label={{i18n "admin_title"}} />
<DBreadcrumbsItem
@path="/admin/customize/watched_words"
@label={{i18n "admin.watched_words.title"}}
/>
</:breadcrumbs>
</DPageHeader>
<div class="admin-contents">
<div class="admin-controls">
<div class="controls">
<div class="inline-form">
<DButton @action={{this.toggleMenu}} @icon="bars" class="menu-toggle" />
<TextField
@value={{this.filter}}
@placeholderKey="admin.watched_words.search"
class="no-blur"
/>
<DButton
@action={{this.clearFilter}}
@label="admin.watched_words.clear_filter"
/>
</div>
</div>
</div>
<div class="admin-nav pull-left">
<ul class="nav nav-stacked">
{{#each this.model as |action|}}
<li class={{action.nameKey}}>
<LinkTo @route="adminWatchedWords.action" @model={{action.nameKey}}>
{{action.name}}
{{#if action.words}}<span
class="count"
>({{action.words.length}})</span>{{/if}}
</LinkTo>
</li>
{{/each}}
</ul>
</div>
<div class="admin-detail pull-left mobile-closed watched-words-detail">
{{outlet}}
</div>
<div class="clearfix"></div>
</div>