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

DEV: adds a chat-join-channel-button outlet (#24698) 

This outlet allows to redefine the button displayed when asking the user to join a channel.

The following outletArgs are sent to the outlet:

```
onJoinChannel
channel
icon
title
label
disabled
```
This commit is contained in:
Joffrey JAFFEUX 2023-12-04 18:11:33 +01:00 committed by GitHub
parent 3aeff56faf
commit c805bcc7ba
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 25 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

35
plugins/chat/assets/javascripts/discourse/components/toggle-channel-membership-button.gjs
View File

@ -1,8 +1,10 @@
import Component from "@glimmer/component";
import { tracked } from "@glimmer/tracking";
import { hash } from "@ember/helper";
import { action } from "@ember/object";
import { inject as service } from "@ember/service";
import DButton from "discourse/components/d-button";
import PluginOutlet from "discourse/components/plugin-outlet";
import concatClass from "discourse/helpers/concat-class";
import { popupAjaxError } from "discourse/lib/ajax-error";
import I18n from "discourse-i18n";
@ -102,17 +104,30 @@ export default class ToggleChannelMembershipButton extends Component {
}}
/>
{{else}}
<DButton
@action={{this.onJoinChannel}}
@translatedLabel={{this.label}}
@translatedTitle={{this.options.joinTitle}}
@icon={{this.options.joinIcon}}
@disabled={{this.isLoading}}
class={{concatClass
"toggle-channel-membership-button -join"
this.options.joinClass
<PluginOutlet
@name="chat-join-channel-button"
@outletArgs={{hash
onJoinChannel=this.onJoinChannel
channel=@channel
icon=this.options.joinIcon
title=this.options.joinTitle
label=this.label
disabled=this.isLoading
}}
/>
@defaultGlimmer={{true}}
>
<DButton
@action={{this.onJoinChannel}}
@translatedLabel={{this.label}}
@translatedTitle={{this.options.joinTitle}}
@icon={{this.options.joinIcon}}
@disabled={{this.isLoading}}
class={{concatClass
"toggle-channel-membership-button -join"
this.options.joinClass
}}
/>
</PluginOutlet>
{{/if}}
</template>
}