Discource-C
/
discourse
mirror of https://github.com/discourse/discourse.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

DEV: Introduce second home-logo wrapper plugin outlet (#26080) 

The `home-logo-wrapper` outlet is used by chat, which means it is unavailable for use by any other themes/plugins. This commit introduces a second nested outlet called `home-logo` which can be used to replace the logo without affecting chat's header logic.
This commit is contained in:
David Taylor 2024-03-07 19:45:48 +00:00 committed by GitHub
parent 91f52e79ab
commit 8a13667a8a
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 37 additions and 30 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
app/assets/javascripts/discourse/app/components/glimmer-header/home-logo.gjs
View File

@ -2,6 +2,7 @@ import Component from "@glimmer/component";
import { on } from "@ember/modifier"; import { on } from "@ember/modifier";
import { action } from "@ember/object"; import { action } from "@ember/object";
import { service } from "@ember/service"; import { service } from "@ember/service";
import PluginOutlet from "discourse/components/plugin-outlet";
import concatClass from "discourse/helpers/concat-class"; import concatClass from "discourse/helpers/concat-class";
import { wantsNewWindow } from "discourse/lib/intercept-click"; import { wantsNewWindow } from "discourse/lib/intercept-click";
import DiscourseURL from "discourse/lib/url"; import DiscourseURL from "discourse/lib/url";
@ -76,6 +77,7 @@ export default class HomeLogo extends Component {
} }
<template> <template>
<PluginOutlet @name="home-logo">
<div class={{concatClass (if @minimized "title--minimized") "title"}}> <div class={{concatClass (if @minimized "title--minimized") "title"}}>
<a href={{this.href}} {{on "click" this.click}}> <a href={{this.href}} {{on "click" this.click}}>
{{#if @minimized}} {{#if @minimized}}
@ -110,5 +112,6 @@ export default class HomeLogo extends Component {
{{/if}} {{/if}}
</a> </a>
</div> </div>
</PluginOutlet>
</template> </template>
} }

6
app/assets/javascripts/discourse/app/widgets/home-logo-wrapper-outlet.js
View File

@ -4,5 +4,9 @@ import { registerWidgetShim } from "discourse/widgets/render-glimmer";
registerWidgetShim( registerWidgetShim(
"home-logo-wrapper-outlet", "home-logo-wrapper-outlet",
"div.home-logo-wrapper-outlet", "div.home-logo-wrapper-outlet",
hbs`<PluginOutlet @name="home-logo-wrapper"><MountWidget @widget="home-logo" @args={{@data}} /></PluginOutlet>` hbs`<PluginOutlet @name="home-logo-wrapper">
<PluginOutlet @name="home-logo" @outletArgs>
<MountWidget @widget="home-logo" @args={{@data}} />
</PluginOutlet>
</PluginOutlet>`
); );