problem with props

karman

Hi everyone! I'm trying to extend the core of the site with an entity!
but only that comes in props. I created my extension 'Statuses' based on the "Moderator's notes". maybe someone from experienced developers can tell what is the mistake here or what I did wrong. show app.routes from console @clarkwinkelmann @askvortsov

luceos

karman but only that comes in props

What is the exact issue you are running into? Is your source available somewhere?

karman

luceos in the user.notes coming props and many others things.But in user.statuses comes only the Statuspage
without props ot others. I attach the code:
index.js

import app from 'flarum/app';
import addStatusPage from './addStatusPage';
import Status from './Model/Status';
import { Extend } from '@flarum/core/forum';
import User from 'flarum/models/User';
import Model from 'flarum/Model';

app.initializers.add('cavestudio/statuses', app => {
app.store.models.statuses = Status;
User.prototype.canViewStatuses = Model.attribute('canViewStatuses');
User.prototype.canCreateStatuses = Model.attribute('canCreateStatuses');
User.prototype.canDeleteStatuses = Model.attribute('canDeleteStatuses');
addStatusPage();
});

export const extend = [new Extend.Model('Statuses', Status)];

addStatusPage.js

import { extend } from 'flarum/extend';
import UserPage from 'flarum/components/UserPage';
import LinkButton from 'flarum/components/LinkButton';
import StatusesPage from './Components/StatusesPage';
import Model from 'flarum/Model';
import User from 'flarum/models/User';

export default function() {
User.prototype.canViewStatuses = Model.attribute('canViewStatuses');
User.prototype.StatusesCount = Model.attribute('statusesCount');

let test = { path: '/u/:username/statuses', component: StatusesPage, name};
app.routes['user.statuses'] = { path: '/u/:username/statuses', component: StatusesPage};
app.routes.['user.statuses'] = test;

extend(UserPage.prototype, 'navItems', function(items) {
if (this.user.canViewStatuses()) {
items.add(
'statuses',
LinkButton.component(
{
href: app.route('user.statuses', { username: this.user.username() }),
icon: 'fas fa-sticky-note',
},
[
// app.translator.trans('fof-moderator-notes.forum.user.notes'),
this.user.statusCount() > 0 ? <span className="Button-badge">{this.user.StatusCount()}</span> : '',
]
),
10
);
}
});
}

statusesPage.js

import UserPage from 'flarum/components/UserPage';
import Statuses from './Statuses';

export default class StatusesPage extends UserPage {
oninit(vdom) {
super.oninit(vdom);
this.loadUser(m.route.param('username'));
}

content() {
return (
<div className="DiscussionsUserPage">
{Statuses.component({
params: {
user: this.user,
},
})}
</div>
);
}
}

karman

luceos
sorry for the multiple fixes to the post 🙂 I'm not good in English

askvortsov

Hi! A few things to keep in mind:

Since you're seeing props not attrs, it looks like you're developing on a pre-beta 14 environment. At the same time, you're using oninit in your code, which is beta 14 syntax. You might want to take a look at your environment and ensure that it's beta 14. This might be your biggest issue: you shouldn't be seeing props anywhere.
JS extenders are currently in a bit of an odd place, I'd recommend not using them for now (and it doesn't look like you need the model extender, since you're already adding the Status model via app.store.models.statuses = Status
It looks like you're registering routes twice, any reason for that?

karman

Thank you.
I fixed the second and third error. but now there is a new error.
You are reghtness. i dont use last 14 vsersion of the flarum
but now there is a new error: Uncaught TypeError: Cannot set property 'routeName' of undefined
My route haven't route name but why? i dont understand askvortsov

askvortsov

karman Your route does have a routeName: when you do:

app.routes['user.statuses'] = { path: '/u/:username/statuses', component: StatusesPage};

The route name for this route is user.statuses. Again, this happens because your local development environment is beta 13, but the code you're writing is beta 14. You need to update your local development environment to beta 14.

karman

askvortsov askvortsov
please tell me how can I do this? And can my extensions broke after update?

askvortsov

karman That depends on how your local development environment is configured, but essentially, you need to go into your local flarum installation's root directory, and follow the instructions listed in https://discuss.flarum.org/d/25181-flarum-010-beta14-released/140 to update. As for breaking extensions, as long as they are all compatible with beta 14, you shouldn't run into issues. There are other recent threads discussing how to check this. Then again, the extensions you have enabled on a local development environment don't really matter, unless you're extending exactly those extensions.