discourse/app/assets/javascripts/admin/addon/templates/watched-words.hbs
Martin Brennan e26a1175d7
FEATURE: Initial version of experimental admin search (#31299)
This feature allows admins to find what they are
looking for in the admin interface via a search modal.
This replaces the admin sidebar filter
as the focus of the Ctrl+/ command, but the sidebar
filter can also still be used. Perhaps at some point
we may remove it or change the shortcut.

The search modal presents the following data for filtering:

* A list of all admin pages, the same as the sidebar,
   except also showing "third level" pages like
   "Email > Skipped"
* All site settings
* Themes
* Components
* Reports

Admins can also filter which types of items are shown in the modal,
for example hiding Settings if they know they are looking for a Page.

In this PR, I also have the following fixes:

* Site setting filters now clear when moving between
   filtered site setting pages, previously it was super
   sticky from Ember
* Many translations were moved around, instead of being
   in various namespaces for the sidebar links and the admin
   page titles and descriptions, now everything is under
   `admin.config` namespace, this makes it way easier to reuse
   this text for pages, search, and sidebar, and if you change it
   in one place then it is changed everywhere.

---------

Co-authored-by: Ella <ella.estigoy@gmail.com>
2025-02-21 11:59:24 +10:00

54 lines
No EOL
1.5 KiB
Handlebars
Vendored

<DPageHeader
@titleLabel={{i18n "admin.config.watched_words.title"}}
@descriptionLabel={{i18n "admin.config.watched_words.header_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.config.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>