mirror/php-flarum
1
0
Fork 0
mirror of https://github.com/flarum/core.git synced 2025-08-03 15:07:53 +02:00
Code Issues Releases Wiki Activity

feat: improve extensibility of WelcomeHero (#4199)

Browse Source
This commit is contained in:
Davide Iadeluca
2025-02-22 10:50:56 +01:00
committed by GitHub
parent 12fc3aeec2
commit 0ca99dcba5
1 changed files with 33 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

52
framework/core/js/src/forum/components/WelcomeHero.tsx
View File

@@ -26,20 +26,43 @@ export default class WelcomeHero extends Component<IWelcomeHeroAttrs> {
return (
<header className="Hero WelcomeHero">
<div className="container">
<Button
icon="fas fa-times"
onclick={slideUp}
className="Hero-close Button Button--icon Button--link"
aria-label={app.translator.trans('core.forum.welcome_hero.hide')}
/>
<div className="containerNarrow">{this.welcomeItems().toArray()}</div>
</div>
<div className="container">{this.viewItems().toArray()}</div>
</header>
);
}
viewItems(): ItemList<Mithril.Children> {
const items = new ItemList<Mithril.Children>();
const slideUp = () => {
this.$().slideUp(this.hide.bind(this));
};
items.add(
'dismiss-button',
<Button
icon="fas fa-times"
onclick={slideUp}
className="Hero-close Button Button--icon Button--link"
aria-label={app.translator.trans('core.forum.welcome_hero.hide')}
/>,
100
);
items.add('content', <div className="containerNarrow">{this.contentItems().toArray()}</div>, 80);
return items;
}
contentItems(): ItemList<Mithril.Children> {
const items = new ItemList<Mithril.Children>();
items.add('title', <h1 className="Hero-title">{app.forum.attribute('welcomeTitle')}</h1>, 100);
items.add('subtitle', <div className="Hero-subtitle">{m.trust(app.forum.attribute('welcomeMessage'))}</div>);
return items;
}
/**
* Hide the welcome hero.
*/
@@ -58,13 +81,4 @@ export default class WelcomeHero extends Component<IWelcomeHeroAttrs> {
return false;
}
welcomeItems(): ItemList<Mithril.Children> {
const items = new ItemList<Mithril.Children>();
items.add('hero-title', <h1 className="Hero-title">{app.forum.attribute('welcomeTitle')}</h1>, 20);
items.add('hero-subtitle', <div className="Hero-subtitle">{m.trust(app.forum.attribute('welcomeMessage'))}</div>, 10);
return items;
}
}