Extending header buttons

LVHN · November 21, 2024, 9:03am

Hi - we have inherited a Discourse forum which is well established. I would like to modify the functionality of the “create account” header button.

I managed to install the Ember Chrome plug-in which I used to inspect the buttons - it revealed a path:

/var/www/discourse/app/assets/javascripts/discourse/node_modules/.embroider/rewritten-app/components/header/auth-buttons.js

I’m not sure if but I think that the related js is here?

github.com

discourse/discourse/blob/main/app/assets/javascripts/discourse/app/components/header/auth-buttons.gjs

import Component from "@glimmer/component";
import { service } from "@ember/service";
import DButton from "discourse/components/d-button";

export default class AuthButtons extends Component {
  @service header;

  get showSignupButton() {
    return (
      this.args.canSignUp &&
      !this.header.headerButtonsHidden.includes("signup") &&
      !this.args.topicInfoVisible
    );
  }

  get showLoginButton() {
    return !this.header.headerButtonsHidden.includes("login");
  }

  <template>

This file has been truncated. show original

I have access to the admin panel of the forum, I can drill down on ‘Components’ but I don’t see an entry for these buttons. I did see some used “test” components, I tried enabling one of these and copying the contents of auth-buttons.gjs file into the common head section but when I try to save I got errors.

So my question being - how can I extend and customise the functionality of these buttons.

Thanks in advance.

NateDhaliwal · November 21, 2024, 9:09am

Hi there, what are you trying to do with these buttons?

LVHN · November 21, 2024, 9:35am

We want users to register via our main site - the account login then work for the forum…

itsbhanusharma · November 21, 2024, 10:22am

You really need to use SSO. Discourse will automatically adapt to your sso provider once it is configured correctly.

LVHN · November 21, 2024, 11:09am

We are already using SSO - the forum authenticates users via the same provider as our main site. However when a user register for an account at the forum we simply want to direct them to the main site - what is the best way of doing this?

Jagster · November 21, 2024, 11:15am

Are you totally sure you really want to do that? From users’ point of view someone is trying to screw them. They were interested in a forum and after registration they’ll find themselves somewhere else.

itsbhanusharma · November 21, 2024, 11:25am

Disable all other methods of authentication (including local logins) only let sso remain as the option to log in. That would automatically send users to log in to your main site.

merefield · November 21, 2024, 11:28am

If you set it up properly I believe it will redirect back after sign in?

LVHN · November 21, 2024, 11:43am

Authenticatin works - it is the “signup” button that we want to customise to go to the main site…

Topic		Replies	Views
Using a Discourse component in a plugin Dev	19	4424	January 26, 2017
Composer Help Button Plugin	22	8387	November 9, 2023
Add Ember Components to Discourse Developer Guides ember , how-to , code	6	7320	November 19, 2016
Using Ember Services in Discourse plugins Dev	7	2037	February 6, 2022
How to customise the header with a plugin? Dev	4	2862	November 10, 2016

Extending header buttons

Related topics