I want to modify the front end, but I don’t know how to modify it

LF_Mcxixif_

So, I want to modify the front end, the following is what I want to modify:

Delete the "Forgot Password" button in the login popup
Delete the "modify avatar" button of user profile
Delete the change email and password button of the user profile

How can I achieve this?

Hari

let me guess, you are trying to make your site accessible via social login only 😝

do not disable the username field since it is used while social signup to chose new username.

put below-mentioned code in custom style css. you will find it in appearance tab

LF_Mcxixif_ Delete the "Forgot Password" button in the login popup

Delete the change email and password button of the user profile


.Settings-account .item-changePassword {
    display: none;
}

.LogInModal-forgotPassword {
    display: none;
}

.LogInModal-signUp {
    display: none;
}

.item-signUp {
    display: none !important;
}


.box {
	display: none;
}

Justoverclock

u can disable the dropdown toggle using css

.AvatarEditor .Dropdown-toggle {
    display: none;
}

and button

li.item-account {
    display: none;
}

LF_Mcxixif_

Hari If the user deletes this style through F12, will the button reappear?

Justoverclock

LF_Mcxixif_ of course yes

Hari

LF_Mcxixif_ i do not think most of the users will hit f12 or inspect element.

you can also activate the first post-approval extension to stop inky pinky things 😀 (we do get a lot of backlink building human bots)

Edit: I'm telling a simple way, but at the end of the day a new extension is needed for this 😍

LF_Mcxixif_

Justoverclock Then this function will be realized, then how to completely delete these functions?

Justoverclock

LF_Mcxixif_ you definitely need a custom extension that override these...

LF_Mcxixif_

Justoverclock

Hari
Okay, thank you for your reply! I will post a new post to ask another question.

LF_Mcxixif_

I want to use the API to implement the following functions, can someone provide me with some examples?

Register a new user
Modify user password
Modify user avatar URL

thank you very much! 😀

clarkwinkelmann

LF_Mcxixif_ it's something along these lines:

POST /api/users
{
    "data": {
        "attributes:" {
            "username": "username",
            "email": "email",
            "password": "password"
        }
    }
}

Password change can only be done if the request is made with an admin access token, otherwise normal users can only request a password change by email.

LF_Mcxixif_ Modify user avatar URL

That's not possible with native REST API. Absolute URLs as avatars can only be set via the database directly. You'll need to use the Extension API to allow setting URLs via the REST API.

LF_Mcxixif_

clarkwinkelmann
Is the request header set like this? Where "xxxxxxx" is api_key

LF_Mcxixif_

clarkwinkelmann
I use the API to implement these functions, which I want to use when registering users on my main site

clarkwinkelmann

LF_Mcxixif_ I believe the header is called Authorization

For the content-type form-urlencoded might work but I recommend you use JSON. It will be complicated to encode the nested objects and preserve value types otherwise.

LF_Mcxixif_

clarkwinkelmann
What is the situation?

clarkwinkelmann

LF_Mcxixif_ it's Authorization header. "Authentication" isn't a thing.

The CSRF error means it couldn't find any API token in your request, so it's defaulting to looking for a CSRF token, which obviously isn't present when making requests from a script.

LF_Mcxixif_

clarkwinkelmann
Oops, I confuse them! Now I have successfully created a new user, but the Json he returned is

{"errors": [{"status": "500","code": "unknown"}]}

In addition, I want to update the user avatar via POST /api/users/:id/avatar, what data should I send?
The user’s images are all in the form of URLs

ddeeffw

i have a stupid way to solve your first question, you can find a place to insert a javascript like

document.addEventListener('DOMContentLoaded', () => {
  let el = document.querySelector('xxx'); // button you want to hide
  el?.parentNode.removeChild(el)
})

i don't know if it really works 🤣

SKevo

LF_Mcxixif_ In addition, I want to update the user avatar via POST /api/users/:id/avatar, what data should I send?
The user’s images are all in the form of URLs

You must download the images first and POST them as bytes to the /api/users/:id/avatar route with the following data: { avatar: <binary> }. It has to be encoded as form-data/multipart, I think. Sending URL strings is not supported by Flarum, as they won't be downloaded and converted to actual images by it (as far as I know)

A handy hack is to open up browser's dev tools, go to the network page and start recording all requests, then perform an action. I use it all the time when I need to figure out where to send what during the development of my Python API client

LF_Mcxixif_

SKevo
Then I think it is easier to modify the database directly

So how to modify the user's password through API?