Someone wants user custom fields on the account page (they don’t like the profile page for reasons). It seems like I should be able to do this in a theme component. https://github.com/discourse/discourse/blob/master/app/assets/javascripts/discourse/templates/preferences/account.hbs#L207 https://github.com/discourse/discourse/blob/master/app/assets/javascripts/discourse/templates/preferences/profile.hbs#L24-L28 common/head_tag.html: Custom User fields for {{ model.username}} This is uf: {{model.user_fields}}. {{log "THIS" model.user_fields}} {{#each model.user_fields |uf|}} {{log "THISTHISTHIS" this}} {{user-field field=uf.field value=value}} {{/each}} I can’t seem to access the user custom fields, though. I get my blue box. I see that I can access model.username. In the console log I see: THIS {3: "STEM Professional (industry)"} [image] I’m sure I’m doing something silly, but after reading the excellent Developer’s Guide to Themes a bunch of times. I’m stumped.

Well, I’m doing again the thing where I post about some problem I’m trying to solve.. Now I’m trying to solve the same problem in a plugin. I’ve created myplugin/assets/javascripts/discourse/connectors/preferences/account/user-custom-controls/my-stuff.hbs and that’s added some stuff to the page (just like before!) and again I don’t know how to (1) get the data, (2) tell ember (?) that it should update the field when the form is saved. I think now that maybe I need to override or add to account.js.es6 and add the user_fields to this.saveAttrNames so that it’ll know to save them if it updates and also get data into userFields. I’ve poked at a bunch of plugins, but can’t quite get it.

Ok, I made it work but its somewhat tricky. Create a connector class with this code. import { set } from "@ember/object"; import EmberObject from "@ember/object"; export default { @discourseComputed("model.user_fields.@each.value") publicUserFields() { const siteUserFields = this.site.get("user_fields"); if (!isEmpty(siteUserFields)) { const userFields = this.get("model.user_fields"); return siteUserFields .filterBy("show_on_user_card", true) .sortBy("position") .map(field => { set(field, "dasherized_name", field.get("name").dasherize()); const value = userFields ? userFields[field.get("id")] : null; return isEmpty(value) ? null : EmberObject.create({ value, field }); }) .compact(); } }, } On the connector template, {{#if publicUserFields}} {{#each publicUserFields as |uf|}} {{#if uf.value}} {{uf.field.name}}: {{uf.value}} {{/if}} {{/each}} {{/if}}

I’ve not had a chance to try it yet, but I’m guessing that it will. So much that I have yet to learn. Thanks so much for your generosity! I can’t thank you enough, but I’ll try in a while when I try it out

Put user custom field on the user account page

Development

fzngagan (Faizaan Gagan) November 23, 2019, 11:48am 4

@pfaffman did it work ?

Topic		Replies	Views
Adding Custom Fields via Plugin Outlet Development	4	1273	December 19, 2019
Accessing custom user fields via JavaScript/plugin API Development	2	1111	September 16, 2022
Connecting custom user fields to plugins/theme components Development	3	539	April 3, 2023
Getting user profile custom field via JS Feature	16	4015	March 16, 2023
How do I access Custom Fields in a theme component? Development	1	1427	November 29, 2019

Put user custom field on the user account page

Related topics