The Dashboard Page

Hey Marco,

Yeah, that error makes sense if you don't have package.json. Please, download the course code again - you will find the package.json file there, probably you accidentally removed that file (or moved it to a subfolder) in your project. With that file yarn watch should work well.

Cheers!

Thanks, that works. But The chart dont render. In the html there is the code <canvas data-controller="symfony--ux-chartjs--chart" data-symfony--ux-chartjs--chart-view-value= ... etc ... </canvas>
There arent errors on browser or symfony.
Im using the same version of ux-chartjs (2.0) and webpack-encore-bundle (1.7) as in the course.
What Im missing to do?

Hey Marco,

Difficult to say without seeing the errors, it might be so that your NodeJS version is too fresh, take a look at the errors. Also, did you run all the required steps from the README.md file in your project? Probably you missed installing some dependencies, I would recommend you to drop the node_modules/ dir completely and reinstall the JS deps again.

I hope that helps!

Cheers!

Hi. Its a existing project, after the command "yarn watch" I had the error "error Couldn't find a package.json file in /"
How can I create the package.json?

Hey Marco,

That makes sense then :) We have symfony/webpack-encore-bundle package installed in this course, if you will install it - the Symfony Flex will execute a recipe that creates that file for you with some pre-installed dependencies. If you don't need that - you can create it yourself, just install any JS package you want with for example Yarn.

Cheers!

Hey @curiousDA!

Thanks for the nice words!

I have an entity with two association fields. thanks to your video, I have configured the fields in a way that when i type, the easyadmin makes ajax calls and searches through the association fields. I need to restrict the second field search using value of the first field.

Hmm. That's an interesting question! The underlying challenge is that, when you use the AssociationField with autocomplete, when the Ajax request is made to fetch the options for a field, the only data that is sent on that Ajax request is what the user typed into the field. So, for example, if you have a field called Country and a field called City, when the user types into City and the AJAX request is made to fetch the options for City, the PHP code that fetches those options doesn't know what current value of Country is. And I can't really see a way around that :/. So this seems oddly difficult.

The only workaround I can see would be to:

A) Write some custom JavaScript that listens to the change event for Country (to keep using my example).
B) On that JavaScript listener, find the City field. Its element should have a data-ea-autocomplete-endpoint-url attribute on it.
C) Modify that attribute by adding / changing a &country={value} onto the end of it.

This should cause the AJAX request made to the City autocomplete to have an extra &country= on the URL. Then:

D) Override the autocomplete method in your controller and if the current field is City, manually read the country query parameter and modify the query.

Also, make sure you have some validation on your final object that validates that the final value for City is ok for the selected Country (to prevent a bad user from sending bad data).

So, I think this might be possible - but it's annoyingly difficult! Let me know how it goes if you try it.

Cheers!

Hey @Delenclos-A

You'll need to use the AdminUrlGenerator service https://symfony.com/bundles/EasyAdminBundle/current/crud.html#generating-admin-urls
It has a setRoute() method that allows you te define the route name and parameters, then, you get back the final URL, you need to call generateUrl()

I hope it helps. Cheers!

Hey Marek-J,

Did you download the course code and start following the course from the start/ directory? Did you run composer update command or only composer install?

Could you try to clear the cache also with rm -rf var/cache/ just in case? Also, try to open the page in Chrome Incognito mode, it might still be browser cache, though force refresh should do the trick I think.

Cheers!

I downloaded Start/ at the beginning of the course and followed the coding instructions up until this chapter. Now I run 'composer udpate', rm -rf var/cache, repeated yarn install --force and yarn watch, forced cleard cache, opened chrome in icognito mode, but it still doesn't work without any error.

I checked source code and I have chart code, but I'cant see it.

    <div class="col-12"><canvas data-controller="symfony--ux-chartjs--chart" data-symfony--ux-chartjs--chart-view-value="&#x7B;&quot;type&quot;&#x3A;&quot;line&quot;,&quot;data&quot;&#x3A;&#x7B;&quot;labels&quot;&#x3A;&#x5B;&quot;January&quot;,&quot;February&quot;,&quot;March&quot;,&quot;April&quot;,&quot;May&quot;,&quot;June&quot;,&quot;July&quot;&#x5D;,&quot;datasets&quot;&#x3A;&#x5B;&#x7B;&quot;label&quot;&#x3A;&quot;My&#x20;First&#x20;dataset&quot;,&quot;backgroundColor&quot;&#x3A;&quot;rgb&#x28;255,&#x20;99,&#x20;132&#x29;&quot;,&quot;borderColor&quot;&#x3A;&quot;rgb&#x28;255,&#x20;99,&#x20;132&#x29;&quot;,&quot;data&quot;&#x3A;&#x5B;0,10,5,2,20,30,45&#x5D;&#x7D;&#x5D;&#x7D;,&quot;options&quot;&#x3A;&#x7B;&quot;scales&quot;&#x3A;&#x7B;&quot;y&quot;&#x3A;&#x7B;&quot;suggestedMin&quot;&#x3A;0,&quot;suggestedMax&quot;&#x3A;100&#x7D;&#x7D;&#x7D;&#x7D;"></canvas>            
        </div>

Hey Marek-J,

Ah, we do not recommend to run composer update command while following the course because it may lead to some unexpected BC breaks. If it possible - I'd recommend you to revert changes that composer update did and just do composer install or composer require if it's shown in the videos. This guarantee that you will have the exact code that the course author has in the video.

It's difficult to say what changes you need to do after you upgraded your project to newer versions.

Cheers!

Hey @Delenclos-A ,

Actually, not really in the Dashboard :) I suppose you want the Dashboard will look the same for all your customers, i.e. same links to the users list page, etc. But when you click on that Users link - you will see only users related to your country. So, this could be done by overriding the index page query builder in your UsersCrudController, i.e. specifically createIndexQueryBuilder() method - you can add any special conditions to the query to filter the list of users returned. But you would probably want to add some extra checks to avoid guessing the user URL in the address bar, otherwise some admins may open not their own users by going directly to the user id page, i.e. changing entity_id query parameter in the addres bar :)

Actually, I would recommend you to watch this tutorial till the end, we're talking about restricting access to some users in it :)

Cheers!

Hey @Ek24!

Well that is no fun! Hmm. Here are some things to check:

A) First, do you see the data-controller="" attribute in the HTML on the rendered page? This is kind of obvious.... we just want to make sure that the data-controller IS actually rendering.

B) If data-controller IS rendering, then it means that the corresponding Stimulus controllers are missing for some reasons. If the Stimulus controllers were registered, then they would at least load and then have an error. Not seeing anything means that either the data-controller="" is missing, the Stimulus controller is missing, or there is a naming mismatch between them. But the chart controller name is all handled pretty automatically, so I doubt that it's a name mismatch.

So... my guess is that the problem is (B) that, somehow, the Stimulus controllers are missing. I'm not really sure how that could happen - but I would "back up" and try creating a really simple assets/controllers/hello_controller.js with:

import { Controller } from '@hotwired/stimulus';

export default class extends Controller {
    connect() {
        this.element.textContent = 'Hello Stimulus! Edit me in assets/controllers/hello_controller.js';
    }
}

Then, on a non-admin page, add <div data-controller="hello"> onto the page. When you refresh, do you see the text above added to the element? We're testing to see if the Stimulus controllers are working at all.

Oh, ALSO make sure you're including the Encore assets in your admin area - https://symfonycasts.com/screencast/easyadminbundle/assets#codeblock-9cb529831f - in that case, we created a new "admin" entry to hold the admin stuff (but use addEntry() not addStyleEntry() as you'll also be including JavaScript... and point addEntry() at admin.js like we do here https://symfonycasts.com/screencast/easyadminbundle/field-javascript#codeblock-0353f83ac2). To make sure Stimulus is loading, that file needs to import the ./bootstrap file - we show that later - https://symfonycasts.com/screencast/easyadminbundle/field-javascript#codeblock-b7c4c00273

Let me know if that helps! Cheers!

Hello, so for anyone having the same issue, like I was, this was the answer that helped me. If you want the easy steps to follow, here is what I did (I am using Symfony 6.2.6, PHP 8.2.3, Node v19.7.0 and NPM 9.6.0) :

1. Stop your running symfony server and your watch script running with npm or yarn
2. Create a .js file in assets directory (name it however you want, here let's say it's dashboard.js)
3. In this file, you'll have to paste this : import './bootstrap';
4. Now, go to your webpack.config.js file and add this entry : .addEntry('dashboard', './assets/dashboard.js')
5. Add this function to your src/Admin/DashboardController.php :

   public function configureAssets(): Assets
   {
    return parent::configureAssets()
        ->addWebpackEncoreEntry('dashboard')
    ;
   }
   

   (Don't forget to import Assets)

6. You can start your server and run the script again : symfony serve & npm run watch

Hi @Faez-B!

Thanks for posting that! I can't remember why I didn't need to do this in the actual tutorial, but this is sound advice. The point is: somehow, you need to make sure the Stimulus engine is running. Creating an admin-specific entry (that imports './bootstrap' ) like you suggest is a completely valid way to do that. The other way would be to make sure your normal app entrypoint is included in your admin area, though this could also introduce extra styling from your frontend that you don't want.

Anyways - good stuff, thanks for sharing this 👍!

Hey Mepcuk!

Sorry for the slow reply! Hmm. When absolutely nothing happens (including no errors), it "feels" like the Stimulus controller isn't been registered. What does your controllers.json file look like? Also package.json? Something is short-circuiting I think... but I'm not sure what. Also, if you have the latest of all of the js packages (e.g. run yarn upgrade or npm update), then you should see some console logs from Stimulus itself. It'll say something about Stimulus "starting" and then tell you about any controllers that are starting. Even if the controller is missing, if Stimulus is running, you should see some logs from Stimulus about IT booting up.

Let me know what you find out :).

Cheers!

Solved - S6 Php8.1 - need to restart local web server (symfony serve) - any commands like yarn watch and other not help me.

Hey Maxim,

Thank you for sharing this tip with others! I'm happy to hear it fixed the problem for you

Cheers!

Unfortunately, I don't know how to fix it :/. That's... surprising that you've lost auto-complete... and I'd definitely check that the Symfony plugin is enabled for the project. But sometimes, autocompletion in Twig gets a bit inconsistent (it's usually inconsistent with what variables it autocompletes... which makes sense, since it's tricky to figure out which controller is rendering the template... to know which variables it's providing), but I don't have as many problems with actual Twig function, like path().

Cheers!

oh, the path() function itself autocompletes, but none of the route names are autocompleting within the call to path.
Actually that's not true, only the paths in the Controller/Admin directory controllers as well as web profiler paths; but none of the paths in the controllers in the Controllers directory like "app_profiler_show" and "app_homepage". The symfony plugin is enabled

Ah yes, this happens to me sometimes too... but I'm not sure why. This magic comes from the Symfony plugin... so something isn't quite right there, but I don't know how you'd go about fixing or debugging that :/.

Hey Lubna

There it is:

    public function findLatest(): array
    {
        return $this->createQueryBuilder('question')
            ->orderBy('question.createdAt', 'DESC')
            ->setMaxResults(3)
            ->getQuery()
            ->getResult();
    }

    public function findTopVoted(): array
    {
        return $this->createQueryBuilder('question')
            ->orderBy('question.votes', 'DESC')
            ->setMaxResults(5)
            ->getQuery()
            ->getResult();
    }

By the way, you can find them inside the QuestionRepository.php file.

Cheers!

Hey @Luc!

Hmm. It sounds like you want to, for example, "share" (for example) the "edit" action (or some other action) between two Crud controllers for the same entity? If so, I do not believe this is possible: the controllers operate completely separately. However, if you have custom logic inside of one of the actions that you want to share, you could certainly add that custom logic to one of your Crud controllers and make the other *extend* that controller to share the logic.

Let me know if that helps :).

Cheers!