Chapters

20 Chapters | 1:53:05 |

01

Setting up our Symfony App

4:34
02

Getting to Know our Tiny Project

4:14
03

Routes, Controllers & Responses

6:17
04

Magical Flex Recipes

5:40
05

Twig & Templates

8:12
06

Twig Template Inheritance

3:50
07

Debugging with the Amazing Profiler

4:28
08

Creating JSON API Endpoints

7:17
09

Services: The Backbone of Everything

7:47
10

Creating your own Service

7:04
11

Fancier Routes: Requirements, Wildcards, and More

6:56
12

Generating URLs

5:31
13

CSS & JavaScript with Asset Mapper

6:17
14

Tailwind CSS

6:15
15

Twig Partials & for Loops

2:44
16

PHP Enums

3:30
17

Smart Model Methods & Making the Design Dynamic

4:44
18

Stimulus: Writing Pro JavaScript

8:00
19

Turbo: Your Single Page App

4:32
20

Maker Bundle: Let's Generate Some Code!

5:13

> Symfony > Cosmic Coding with Symfony 7

17.

Smart Model Methods & Making the Design Dynamic

|

|

Autoplay

Previous Challenge

Next Challenge

Login or Register to check out the script

5 Comments

Sort By

Login or Register to join the conversation

marcobax 9 days ago

It feels like the status image might aswell be inside the StarshipStatusEnum:

<?php

namespace App\Model;

enum StarshipStatusEnum: string
{
    case WAITING = 'waiting';
    case IN_PROGRESS = 'in progress';
    case COMPLETED = 'completed';
    
    public function imagePath(): string
    {
        $filename = match($this) {
            self::WAITING => 'status-waiting.png',
            self::IN_PROGRESS => 'status-in-progress.png',
            self::COMPLETED => 'status-completed.png',
            default => 'status-default.png'
        };
        
        return 'images/' . $filename;
    }
}

Then in Twig you can do

{{ asset(ship.status.imagePath()) }}

1 |

kbond SFCASTS marcobax 9 days ago edited

Hey @marcobax,

Great idea! I think in a real app, I'd probably move it fully in the templating layer with a Twig macro. Having my PHP code know about pngs feels a bit icky.

--Kevin

1 |

marcobax kbond 9 days ago

I agree ! Haven't checked out the Twig macro stuff yet, will do that soon. Thanks!

|

Uwe 2 years ago

Thanks a lot for this really concise and well done tutorial!

Suggestion

File: templates/main/homepage.html.twig

Please change image src in line 18
from

<img class="h-[83px] w-[84px]" src="/images/status-in-progress.png" alt="Status: {{ ship.statusString }}">

to:
<img class="h-[83px] w-[84px]" src="{{ asset(ship.statusImageFilename) }}" alt="Status: {{ ship.statusString }}">

Comment:
This doesn't work for me:
<img class="h-[83px] w-[84px]" src="{{ ship.statusImageFilename }}" alt="Status: {{ ship.statusString }}">

Cheers
Uwe

|

sadikoff Uwe 2 years ago edited

Hey @Uwe

Thanks for the report, there was a wrong code block included on page, so it's fixed now!

Cheers!

|

This tutorial works perfectly with both Symfony 7 & 8!

Symfony 7

What PHP libraries does this tutorial use?

// composer.json
{
    "require": {
        "php": ">=8.2",
        "ext-ctype": "*",
        "ext-iconv": "*",
        "php-cs-fixer/shim": "^3.46", // v3.46.0
        "phpdocumentor/reflection-docblock": "^5.3", // 5.3.0
        "phpstan/phpdoc-parser": "^1.25", // 1.25.0
        "symfony/asset": "7.0.*", // v7.0.3
        "symfony/asset-mapper": "7.0.*", // v7.0.2
        "symfony/console": "7.0.*", // v7.0.2
        "symfony/dotenv": "7.0.*", // v7.0.2
        "symfony/flex": "^2", // v2.4.3
        "symfony/framework-bundle": "7.0.*", // v7.0.2
        "symfony/monolog-bundle": "^3.0", // v3.10.0
        "symfony/property-access": "7.0.*", // v7.0.0
        "symfony/property-info": "7.0.*", // v7.0.0
        "symfony/runtime": "7.0.*", // v7.0.0
        "symfony/serializer": "7.0.*", // v7.0.2
        "symfony/stimulus-bundle": "^2.13", // v2.13.3
        "symfony/twig-bundle": "7.0.*", // v7.0.0
        "symfony/ux-turbo": "^2.13", // v2.13.2
        "symfony/yaml": "7.0.*", // v7.0.0
        "symfonycasts/tailwind-bundle": "^0.7.1", // v0.7.1
        "twig/extra-bundle": "^2.12|^3.0", // v3.8.0
        "twig/twig": "^2.12|^3.0" // v3.8.0
    },
    "require-dev": {
        "symfony/debug-bundle": "7.0.*", // v7.0.0
        "symfony/maker-bundle": "^1.52", // v1.53.0
        "symfony/stopwatch": "7.0.*", // v7.0.0
        "symfony/web-profiler-bundle": "7.0.*" // v7.0.2
    }
}

Previous Challenge

Next Challenge