Adding a billing section in the member section

Francois_Douville · February 26, 2018, 11:29pm

I use the Memberful-Discourse integration.

I want to add a “billing” section right here :

In fact, when a user will click on billing, it will convert to the memberful account of the user. I will put a simple link to make it happen. I already have this link. I just want to know the code to add a section here.

Is it possible?

joebuhlig · February 27, 2018, 12:10am

You could likely tie into the user-main-nav connector and add it to the users profile. It’s not exactly the same placement but it would have roughly the same effect.

github.com

discourse/discourse/blob/8296f493ed5548698647d6890ca1d2e069630198/app/assets/javascripts/discourse/templates/user.hbs#L207


  {{/if}}
  {{#if showPrivateMessages}}
    <li>{{#link-to 'userPrivateMessages'}}{{d-icon "envelope-o"}}{{i18n 'user.private_messages'}}{{/link-to}}</li>
  {{/if}}
  {{#if canInviteToForum}}
    <li>{{#link-to 'userInvited'}}{{d-icon "user-plus"}}{{i18n 'user.invited.title'}}{{/link-to}}</li>
  {{/if}}
  {{#if showBadges}}
    <li>{{#link-to 'user.badges'}}{{d-icon "certificate"}}{{i18n 'badges.title'}}{{/link-to}}</li>
  {{/if}}
  {{plugin-outlet name="user-main-nav" tagName='' connectorTagName='li' args=(hash model=model)}}
  {{#if model.can_edit}}
    <li>{{#link-to 'preferences'}}{{d-icon "cog"}}{{i18n 'user.preferences'}}{{/link-to}}</li>
  {{/if}}
{{/mobile-nav}}


<div class='user-table'>
  <div class='wrapper'>
    {{outlet}}
  </div>
</div>

Francois_Douville · February 27, 2018, 12:22am

Ok interesting, can you tell me exactly what I have to do please?

joebuhlig · February 27, 2018, 12:44am

Combine that plugin outlet with this:

Francois_Douville · February 27, 2018, 1:18am

{{plugin-outlet name="user-main-nav" tagName='' connectorTagName='li' args=(hash model=model)}}

What is the unique-id?

My code so far is this (what do I have to change?) :

<script type='text/x-handlebars' data-template-name='/connectors/user-main-nav/add-header-links'>
       <a class="nav-link " href="https://lepeuplier.memberful.com/account" target="_blank">Facturation</a>
</script>

joebuhlig · February 27, 2018, 1:22am

I haven’t tested it but that looks good to me. The unique I’d is something you make up for the project.

Francois_Douville · February 27, 2018, 1:34am

It worked! Thanks so much!

Francois_Douville · February 28, 2018, 5:31pm

I wrote a different code to make it appear at the place I want

<script type="text/discourse-plugin" version="0.8">
    api.onPageChange(() =>{
        addNav();
    });
    function addNav(){
        if($('.affiliation-link').length){
            // do nothing 
        } else {
            li = '<li class="no-glyph nav-interface affiliation-link"><a href="https://lepeuplier.memberful.com/account">Facturation</a></li>';
            $(".user-preferences-page .preferences-nav").append(li);
        }
    }

</script>