Override custom field

create-account.hbs

{{#if userFields}}

            <div class='user-fields'>

              {{#each userFields as |f|}}

                {{user-field field=f.field value=f.value}}

              {{/each}}

            </div>

          {{/if}}

js

var siteSettings = Discourse.SiteSettings;
    console.log(siteSettings.forum_name);

complete = $(".user-field-" + siteSettings.forum_name);

How to check the field?

{{#if f.field.name == complete }}  {{! doesn't work }}
  OK
{{/if}}
1 Like

set input for create-account.hbs

 var siteSettings = Discourse.SiteSettings;
          $('.control-label').each( function () {
  if($(this).text().trim() === siteSettings.forum_name) {
  const uuid ='lp'+(()=>([1e7]+-1e11).replace(/[018]/g,c=>(c^crypto.getRandomValues(new Uint8Array(1))[0]&15 >> c/4).toString(16)))();
var id = "user-" + $(this).parent().attr('id');
    var input = $('#' + id);
    input.val(uuid);
   // $(this).parent().hide()
  
    }
})

It looks like this

2019-12-24_192915

Rails.logger.warn("#{params }")
It looks like this

"user_fields"=><ActionController::Parameters {"1"=>"true", "2"=>""}

“2”=>""
where is the second field ?

1 Like

This doesn’t work because you can’t perform the actual logic calculation in a Template. This needs to be handled in the corresponding js by a Computed Property. Be sure to read the official Ember guides (making sure you select the same version that Discourse uses) and look at the code in one of the many popular #plugin on here to provide you with examples.

thanks for the answer, I’m interested in examples from plugins

Here’s an example of a Computed Property from a PR I recently submitted to Ebsy’s excellent National Flags plugin: discourse-nationalflags/user-nationalflags-preferences.js.es6 at master · Ebsy/discourse-nationalflags · GitHub

Here’s one (“showTimezones”) that is actually used to hide/show in a template: discourse-team-timezones/team-display.js.es6 at master · paviliondev/discourse-team-timezones · GitHub

but you’ll find tonnes of great patterns in our plugins: Pavilion · GitHub

3 Likes

Hi, I figured out how to override the action in the controllers.

example

import CreateAccount from 'discourse/controllers/create-account';
export default {

    name: 'Create-Account-Popup',
    initialize: function () {
        CreateAccount.reopen({
            actions: {
                createAccount() {
// my code
                }
            }
        });
}

How to add your @discourseComputed ?

I do as in the example and does not work

export default {
    name: 'Create-Account-Popup',
    
    @discourseComputed()
    ldapForgotPassword() {
        console.log('forgot!!');
        return this.siteSettings.forum_login_popup_use_ldap;
    },

Happened through @computed

        PreferencesAccount.reopen({
            @computed
            ldapForgotPassword() {
                console.log('forgot!!');
                return this.siteSettings.forum_login_popup_use_ldap;
            },
1 Like

You should use this to avoid a browser warning.

It’s just a different import:

import discourseComputed from "discourse-common/utils/decorators";
2 Likes