display the values inputted into the database through custom fields

hyy542333

By adding an input file in EditUserModal to input data into the birthdate field in the user table in the database,I can see the entered birthday data in the database, and the data I entered in login status can also be displayed on the user profile page. However, when I log out and log in again, the birthday data cannot be displayed on the user profile page
What do I need to do to show the value?
index.js


import { extend } from "flarum/extend";      
import UserCard from "flarum/components/UserCard"; 
import Model from "flarum/Model";         
import User from "flarum/models/User";   
import Stream from "flarum/utils/Stream";
import EditUserModal from "flarum/components/EditUserModal";

app.initializers.add('mysite/test', () => {
  User.prototype.birthday= Model.attribute("birthday");

  extend(EditUserModal.prototype, "oninit", function () { 
    this.birthday= Stream(this.attrs.user.birthday());  
  });

  extend(EditUserModal.prototype, "fields", function (items) {
    items.add(
      "birthday",
      <div className="Form-group">
        <label>
          birthday
        </label>
        <input
          className="FormControl"
          bidi={this.birthday}  
        />
      </div>,
      1
    );
  });

  extend(EditUserModal.prototype, "data", function (data) {
    if (this.birthday() !== user.birthday()) {
      data.birthday= this.birthday();
    }
  });

// show nothing here
  extend(UserCard.prototype, "infoItems", function (items) {   
    items.add("birthday", <p>{this.attrs.user.birthday()}</p>);
    console.log(this.attrs.user.birthday())
  });  

});

console.log(this.attrs.user.birthday())
the result

index.js:23 ƒ (t,e){return function(){return e?e(this.attribute(t)):this.attribute(t)}}

clarkwinkelmann

hyy542333 have you written the server-side code ? Can you share it ? You say you see the value in your database ? Do you have a server-side API serializer::attribute(s) extender to return the value to the frontend ?

If your code is on GitHub, feel free to share a link to the source directly.

hyy542333

clarkwinkelmann thanks
I fix it
I made a mistake in writing the content of my serializer file

hyy542333

this is my This is my previous file AddUserbirthdayAttribute.php

`
<?php

namespace Mysite\Test\Listener;

use Flarum\Api\Event\Serializing;
use Flarum\Api\Serializer\UserSerializer;

class AddUserbirthdayAttribute
{
public function handle(Serializing $event)
{
if ($event->isSerializer(UserSerializer::class)) {
$event->attributes += [
'birthday' => $event->model->birthday,
];
}
}
}
`

clarkwinkelmann

hyy542333 the Serializing event was a feature in old Flarum versions. It doesn't exist anymore.

The documentation shows how the ApiSerializer works https://docs.flarum.org/extend/api#extending-serializers

If you only have a single attribute and you want everyone to see it, you can use the firstName example from the documentation.

For an example of something a bit more advanced with a separated attributes class and the use of permissions dictating which attributes are visible, you could take a look at this extension:

clarkwinkelmann/flarum-ext-statusblob/1.0.0/extend.php#L20-L21
clarkwinkelmann/flarum-ext-statusblob/1.0.0/src/UserAttributes.php

hyy542333

clarkwinkelmann
Yes I found the the serializers and replease the old one. It works
What should i do if I want to change other's extensiones.
I run the command "require the extension" and enable it on the dashboard.
I want to change the extension conten like insert a "hello word" into it. But it not works