How to get data from Database with js

Alshain

Let me explain my purpose in pictures

https://pasteboard.co/I5z2vVR.png
https://pasteboard.co/I5z2NvE.png

The Alshain user will press a button. A model will open.
View all members that have 'alshain' in the davet_kodu column.
What should I do for this model. What kind of code do I have to write?

import Modal from 'flarum/components/Modal'; export default class DenemeModal extends Modal { init() { super.init(); this.users = app.store.all('users'); } className() { return 'DenemeModal Modal--small'; } title() { return 'User'; } content() { return ( <div className="container"> {(this.users[0].username())} </div> ); } }

I did something, but I can only see the properties of the clicker. How can I see data from other users?

Ralkage

Alshain Have you visited the very handy "Extending flarum" docs? 🙂

See: https://flarum.org/docs/extend/data.html#frontend-models

Alshain

Ralkage I already read them
My code,

content() {
const userarray = app.store.all('users');
return (
<div>
{userarray[0].username()}
</div>
);
}

Every user can only see own data.
I want to be able to see other user data, not this one

Alshain

My all code :

mport Modal from 'flarum/components/Modal';

export default class DenemeModal extends Modal {
init() {
super.init();

}

className() {
return 'DenemeModal Modal--medium';
}

title() {
return 'User';
}

content() {
return (
<div>
{app.store.all('users').map(Yeni)}
</div>
);
}
}

when 'deneme' user - login and click button and open modal ->
https://pasteboard.co/I5AjmTZ.png

when 'alshain' user - login and click button and open modal ->
https://pasteboard.co/I5AjBAr.png

What can i do 🙂

Shahiem

Try this 🙂

export default class DenemeModal extends Modal {
    init() {
        super.init();
        this.users = app.store.all('users');
    }
    className() {
        return 'DenemeModal Modal--small';
    }
    title() {
        return 'User';
    }
    content() {
        return (
            <div className="container">
                {this.users.map(user => {
                    <div>
                        {user.username()}
                    </div>
                })}
            </div>
        );
    }
}

Alshain

Shahiem No data show when I do this 🙁

I have to do this. Very important to me

luceos

Shahiem the store only contains those users that have already been retrieved. When moving through the forum and new users are loaded because they have posted, the store is receiving a copy. In case you want to retrieve users that match the username of the currently logged in user, you will have to do an xhr to the users endpoint. You can use app.store.find() to do so.

Pollux

One little tip: If you want to preserve indentation in your code, put it between two lines consisting only of triple backticks: ```

Ralkage

Pollux but mostly to make it nice and pretty (and code format friendly$, add a new line after the first triple tics and then add a closing set after the last piece of code in a new line as well 😉

So you’ll end up with something like this!

And not this :(

Pollux

Ralkage That's what I said 😉

Shahiem

luceos Something new I've learned today😌