Chapters

40 Chapters | 4:19:16 |

01

Installing EasyAdmin

3:29
02

Admin Dashboard

7:31
03

Hello CRUD Controller

6:04
04

Global vs CRUD-Specific Configuration

9:13
05

Controlling the Dashboard Menu

5:55
06

Assets: Custom CSS and JS

8:17
07

Configuring Fields

7:01
08

Fields on some Pages, not Others

3:43
09

Deep Field Configuration

7:54
10

Upload Fields

7:21
11

Controlling the "Formatted Value"

4:23
12

The AssociationField

8:02
13

Auto-complete Association Field & Controlling the Query

5:36
14

AssociationField for a "Many" Collection

6:28
15

The Field Configurator System

7:23
16

Field Configurator Logic

8:32
17

Overriding Field Templates

6:04
18

Creating a Custom Field

5:27
19

configureCrud()

5:38
20

Custom Field JavaScript

5:23
21

Custom Stimulus JavaScript Controller

6:20
22

The Dashboard Page

6:54
23

Service Action Injection

3:14
24

Override all the Templates!

6:47
25

Permissions

6:35
26

Restricting Access to an Entire Crud Section

2:55
27

Entity & Field Permissions

5:39
28

Security Voter & Entity Permissions

8:36
29

The Filter System

6:40
30

Multiple Cruds for a Single Entity?

7:32
31

Extending with Events

8:03
32

Having Fun with the Menu

3:25
33

Conditionally Disabling an Action

8:37
34

Dynamic Disable an Action & AdminContext

10:40
35

Simple Custom GET Action

4:56
36

True Custom Action

5:19
37

Custom Controller & Generating Admin URLs

5:43
38

A Global "Export" Action

10:13
39

Linking to EasyAdmin from Twig

5:01
40

Form Panels

6:41

> Symfony > EasyAdmin! For an Awesomely Powerful Admin Area

Buy Access to Course

32.

Having Fun with the Menu

|

Autoplay

Keep on Learning!

If you liked what you've learned so far, dive in! Subscribe to get
access to this tutorial plus video, code and script downloads.

Start your All-Access Pass

Buy just this tutorial for $12.00

Previous Challenge

Next Chapter

With a Subscription, click any sentence in the script to jump to that part of the video!

Login Subscribe

Login or register to check out the script

9 Comments

Sort By

Login or Register to join the conversation

ameotoko 2 years ago edited

Hi guys, sorry for posting in a random thread, but it's just where I am at the moment, and I'm not aware of a better place for such a report🙂

Since the site overhaul, there's a bug regarding "autoplay" feature – the autoplay switch's state is not persisted between pages. The browser console shows this:

Uncaught TypeError: Cannot read properties of null (reading 'autoplay').

Feel free to ask for more details and/or debugging.

|

weaverryan SFCASTS ameotoko 2 years ago

Hey @Andrey!

We're checking into this. What browser are you using? And is there any extra stack info on that error? I'm sure there's a problem, but we haven't been able to repeat it yet.

Thanks!

|

ameotoko weaverryan 2 years ago edited

I'm using Arc browser, which is based on Chromium. I also tested on Google Chrome and had the same problem there.

There's no (related) errors in the console, not even the one I mentioned above. You guys probably already fixed that.

I found the video player stores some settings in the local storage, including autoplayNext. I played around while keeping an eye on it, and can report a few scenarios when the problem happens. It is also kinda weird, and sometime nothing happens, but still a high chance for the problem to happen. Other scenarios I had only once and could not repeat. In all the cases, the "Autoplay" switch correctly updates the setting in the local storage, no problem there.

The setting is always correctly preserved between pages, if it is false and I do not interact with the player (i.e. it receives no clicks).
The setting automatically changes to true when the video is playing and I click on either seek bar or "+10s" button. Very high chance (about 90%).
The setting changes to true by itself when video is playing and reaches an arbitrary point in time, or sometimes just the endscreen (when "Play next episode" button appears). Somewhat high chance (about 70%).
The setting automatically changes to true when the video is playing and I click on "Next Chapter" below the player. Happened only once, cannot reproduce.
The setting automatically changes to true when the video is ended and I click on "Next Chapter" in the center of the end screen. Happened only once, cannot reproduce.

I hope it helps somehow!

EDIT: I forgot to mention, when autoplayNext changes by itself – only the value in local storage is updated, but not the switch. The switch does not reflect the state in local storage when this happens, that why it looks like the setting is not persisted. Now we know it is correctly preserved after all. The real problem is – it changes spontaneously.

Unrelated question – would it be possible, if clicking on "new reply" in your notifications had taken you directly to the comments thread? Right now it just opens the page, not even the "Comments" tab. Sorry if I'm being needy😅

|

weaverryan SFCASTS ameotoko 2 years ago

Hey @Andrey!

Thanks for the extra info - SUPER helpful. Someone on our team thinks they might know what's up :).

Unrelated question – would it be possible, if clicking on "new reply" in your notifications had taken you directly to the comments thread? Right now it just opens the page, not even the "Comments" tab. Sorry if I'm being needy😅

Not needy! I'd say that's a bug that we hadn't noticed yet! We'll handle it - I appreciate you pointing that out.

Thanks!

|

Victor SFCASTS ameotoko 2 years ago

Hey Andrey,

Thank you for reporting it, we will take a look soon!

Cheers!

|

gverdu 3 years ago

hello, when the site loads, the menu appears expanded, how can I change the code so that it loads collapsed by default?

|

weaverryan SFCASTS gverdu 2 years ago

Hey @gverdu!

You should be able to do that by:

A) In your "dashboard" controller, override the configureDashboard() method.
B) Then, call renderSidebarMinimized() before returning the object:

public function configureDashboard(): Dashboard
{
    return parent::configureDashboard()
        ->renderSidebarMinimized();
}

Source for the docs for that method are here https://symfony.com/bundles/EasyAdminBundle/current/dashboards.html#dashboard-configuration

I hope that helps! I also think the collapsed sidebar looks nice. Oh, and remember: once you have clicked the minimize/maximize, that is stored in the browser's local storage and will override this "default" setting of collapsed.

Cheers!

|

Diaconescu 4 years ago

I don't see the submenu links unless I ditch ->setController(QuestionCrudController::class)->setPermission('ROLE_MODERATOR') respectively ->setPermission('ROLE_MODERATOR')->setController(QuestionPendingApprovalCrudController::class) portion of the code. Of course that makes those sublinks unfunctional. I tried the code downloaded from symfonicasts site with the same result.
My code is here https://github.com/petre-sy...

|

Victor SFCASTS Diaconescu 4 years ago

Hey Diaconescu,

Most probably your logged in user does not have that ROLE_MODERATOR somehow. Please, try to log out and log in again, then check the Symfony web debug toolbar, in particular, the Security tab there - it will show you roles that your user has. It should be in "Roles" or in "Inherited Roles" row. If the user does not have that ROLE_MODERATOR role somehow - please, add it first and try again (you may need to log our and log in just in case).

I hope this helps!

Cheers!

|

This tutorial is built on Symfony 6 but works great on Symfony 7!

EasyAdmin 4 Symfony 6

What PHP libraries does this tutorial use?

// composer.json
{
    "require": {
        "php": ">=8.2.0",
        "ext-ctype": "*",
        "ext-iconv": "*",
        "composer/package-versions-deprecated": "^1.11", // 1.11.99.4
        "doctrine/doctrine-bundle": "^2.1", // 2.5.5
        "doctrine/doctrine-migrations-bundle": "^3.0", // 3.2.1
        "doctrine/orm": "^2.7", // 2.10.4
        "easycorp/easyadmin-bundle": "^4.0", // v4.0.2
        "handcraftedinthealps/goodby-csv": "^1.4", // 1.4.0
        "knplabs/knp-markdown-bundle": "dev-symfony6", // dev-symfony6
        "knplabs/knp-time-bundle": "^1.11", // 1.17.0
        "sensio/framework-extra-bundle": "^6.0", // v6.2.5
        "stof/doctrine-extensions-bundle": "^1.4", // v1.7.0
        "symfony/asset": "6.0.*", // v6.0.1
        "symfony/console": "6.0.*", // v6.0.2
        "symfony/dotenv": "6.0.*", // v6.0.2
        "symfony/flex": "^2.0.0", // v2.4.5
        "symfony/framework-bundle": "6.0.*", // v6.0.2
        "symfony/mime": "6.0.*", // v6.0.2
        "symfony/monolog-bundle": "^3.0", // v3.7.1
        "symfony/runtime": "6.0.*", // v6.0.0
        "symfony/security-bundle": "6.0.*", // v6.0.2
        "symfony/stopwatch": "6.0.*", // v6.0.0
        "symfony/twig-bundle": "6.0.*", // v6.0.1
        "symfony/ux-chartjs": "^2.0", // v2.0.1
        "symfony/webpack-encore-bundle": "^1.7", // v1.13.2
        "symfony/yaml": "6.0.*", // v6.0.2
        "twig/extra-bundle": "^2.12|^3.0", // v3.3.7
        "twig/twig": "^2.12|^3.0" // v3.3.7
    },
    "require-dev": {
        "doctrine/doctrine-fixtures-bundle": "^3.3", // 3.4.1
        "symfony/debug-bundle": "6.0.*", // v6.0.2
        "symfony/maker-bundle": "^1.15", // v1.36.4
        "symfony/var-dumper": "6.0.*", // v6.0.2
        "symfony/web-profiler-bundle": "6.0.*", // v6.0.2
        "zenstruck/foundry": "^1.1" // v1.16.0
    }
}

Previous Challenge

Next Chapter