discourse/app/assets/javascripts/admin/addon/templates/api-keys.hbs

<div class="admin-api-keys admin-config-page">
  <DPageHeader
    @titleLabel={{i18n "admin.api_keys.title"}}
    @descriptionLabel={{i18n "admin.api_keys.description"}}
    @hideTabs={{true}}
  >
    <:breadcrumbs>
      <DBreadcrumbsItem
        @path="/admin/api/keys"
        @label={{i18n "admin.api_keys.title"}}
      />
    </:breadcrumbs>
    <:actions as |actions|>
      <actions.Primary @route="adminApiKeys.new" @label="admin.api_keys.add" />
    </:actions>
  </DPageHeader>

  <div class="admin-container admin-config-page__main-area">
    {{outlet}}
  </div>
</div>
DEV: Convert admin API keys to conform to UI guidelines (#30096) This PR updates the admin API keys page to follow the Admin UI Guidelines. In addition it modernizes all the JavaScript involved in this admin area. 2025-01-08 18:11:38 +08:00			`<div class="admin-api-keys admin-config-page">`
			`<DPageHeader`
			`@titleLabel={{i18n "admin.api_keys.title"}}`
			`@descriptionLabel={{i18n "admin.api_keys.description"}}`
			`@hideTabs={{true}}`
			`>`
			`<:breadcrumbs>`
			`<DBreadcrumbsItem`
			`@path="/admin/api/keys"`
			`@label={{i18n "admin.api_keys.title"}}`
			`/>`
			`</:breadcrumbs>`
			`<:actions as \|actions\|>`
			`<actions.Primary @route="adminApiKeys.new" @label="admin.api_keys.add" />`
			`</:actions>`
			`</DPageHeader>`

			`<div class="admin-container admin-config-page__main-area">`
			`{{outlet}}`
			`</div>`
			`</div>`