Search Results for: Turbo

590 search results for Turbo

Sort By

Comment

Learn JS Frameworks & Tools

Symfony UX: Turbo

Reloading When JS/CSS Changes

Simply out of curiosity, why isn't the behavior behind the data-turbo-track="reload" attribute something that's done by default? Isn't this something you always want checked? Why is it optional? ...

Ewald V.

Read Full Comment

Comment

Learn JS Frameworks & Tools

Symfony UX: Turbo

Adding a Custom Request Header Based on the Frame

Hey again shadowc ! Just a small update: this is now supported in Turbo 7.1.0 - here are the docs :) https://turbo.hotwired.dev/handbook/frames#promoting-a-frame-navigation-to-a-page-visit Cheers! ...

weaverryan

Read Full Comment

Comment

Learn JS Frameworks & Tools

Symfony UX: Turbo

Prevent a turbo-frame from Rendering

... Ah! You're right! It's new in RC4! https://github.com/hotwired/turbo/releases/tag/v7.0.0-rc.4 So that will allow us to simplify things. I'll investigate and add a note to the video to help people. Thanks for the pointer!

weaverryan

Read Full Comment

Comment

Learn Symfony 5

Mastering Doctrine Relations

Hey Ilya, Thank you for your interest in SymfonyCasts tutorials! This course should be the next after "Symfony UX: Turbo" that is releasing right now. I think this should happen in about 2 weeks. Thank you for your patience! Cheers! ...

Victor

Read Full Comment

Comment

Learn Symfony 4

Symfony 4 Forms: Build, Render & Conquer!

Dynamic Form Events

Yes! It worked! You're the King, Ryan! Thank you for your help and, once again, for your great tutorials. I'm looking forward to the next one on "Turbo". Cyril ...

Cyril

Read Full Comment

Comment

Learn JS Frameworks & Tools

Symfony UX: Stimulus

useTransition in a Neat, Reusable Module

Hey Michael B.! Ah!!! This is awesome - and I'm so honored. Alpine is a very powerful system - so I'm even happier that you like Stimulus (I also much prefer its approach). And Turbo is... starting today! Cheers! ...

weaverryan

Read Full Comment

Comment

Learn JS Frameworks & Tools

Symfony UX: Stimulus

My mind is now fully blown by how easy and intuitive stimulus makes doing front-end javascript dev without abandoning Twig. Thanks and I can't wait for the Turbo course! ...

akincer

Read Full Comment

Comment

Learn JS Frameworks & Tools

Symfony UX: Turbo

... Hey Axel! We'll cover that :). Well, specifically Turbo and Mercure - there is absolutely a built-in feature for having a section of your site subscribe for updates and have them added automatically. It's pretty sweet. Cheers!

weaverryan

Read Full Comment

Code

Learn JS Frameworks & Tools

Symfony UX: Turbo

Lazy Modal & Big Cleanup

            Copy Code

                            Show All Lines

                        105 lines
            |
            src/Controller/ProductAdminController.php
        
                Show Lines

                                                    // ... lines 1 - 31
                            
                /**
        
                 * @Route("/new", name="product_admin_new", methods={"GET","POST"})
        
                 */
        
                public function new(Request $request): Response
        
                {
        
                Show Lines

                                                    // ... lines 37 - 55
                            
                    return $this->renderForm('product_admin/' . $template, [
        
                        'product' => $product,
        
                        'form' => $form,
        
                        'formTarget' => $request->headers->get('Turbo-Frame', '_top')
        
                    ]);
        
                }
        
                Show Lines

                                                    // ... lines 63 - 105

See Code Block in Script

Code

Learn JS Frameworks & Tools

Symfony UX: Turbo

Frame Redirecting & Dynamic Frame Targets

            Copy Code

                            Show All Lines

                        104 lines
            |
            src/Controller/ProductAdminController.php
        
                Show Lines

                                                    // ... lines 1 - 61
                            
                /**
        
                 * @Route("/{id}/edit", name="product_admin_edit", methods={"GET","POST"})
        
                 */
        
                public function edit(Request $request, Product $product): Response
        
                {
        
                Show Lines

                                                    // ... lines 68 - 82
                            
                    return $this->renderForm('product_admin/edit.html.twig', [
        
                        'product' => $product,
        
                        'form' => $form,
        
                        'formTarget' => $request->headers->get('Turbo-Frame', '_top')
        
                    ]);
        
                }
        
                Show Lines

                                                    // ... lines 89 - 104

See Code Block in Script

Code

Learn JS Frameworks & Tools

Symfony UX: Turbo

Frame Loading Animations

            Copy Code

                            Show All Lines

                        36 lines
            |
            templates/cart/_featuredSidebar.html.twig
        
                Show Lines

                                                    // ... lines 1 - 17
                            
                        {% if showDescription %}
        
                            {{ featuredProduct.description }}
        
                        {% else %}
        
                            {{ featuredProduct.description|u.truncate(25)|trim }}...
        
                            <a
        
                                data-turbo-frame="cart-sidebar"
        
                                class="frame-loading-hide"
        
                                href="{{ path('_app_cart_product_featured', {
        
                                description: true,
        
                            }) }}">(read more)</a>
        
                            <span class="frame-loading-show fas fa-spinner fa-spin"></span>
        
                        {% endif %}
        
                Show Lines

                                                    // ... lines 31 - 36

See Code Block in Script

Code

Learn JS Frameworks & Tools

Symfony UX: Turbo

Manual Visits with Turbo

            Copy Code

                        17 lines
            |
            assets/controllers/counter_controller.js
        
            import { Controller } from 'stimulus';
        
            import { visit } from '@hotwired/turbo';
        
            export default class extends Controller {
        
                count = 0;
        
                static targets = ['count'];
        
                increment() {
        
                    this.count++;
        
                    this.countTarget.innerText = this.count;
        
                    if (this.count === 10) {
        
                        visit('/you-won');
        
                    }
        
                }
        
            }

See Code Block in Script

Code

Learn Symfony 6

30 Days with LAST Stack

More with fun Modals! Editing & Deleting

            Copy Code

                            Show All Lines

                        113 lines
            |
            src/Controller/VoyageController.php
        
                Show Lines

                                                    // ... lines 1 - 15
                            
            class VoyageController extends AbstractController
        
            {
        
                Show Lines

                                                    // ... lines 18 - 64
                            
                public function edit(Request $request, Voyage $voyage, EntityManagerInterface $entityManager): Response
        
                {
        
                Show Lines

                                                    // ... lines 67 - 69
                            
                    if ($form->isSubmitted() && $form->isValid()) {
        
                Show Lines

                                                    // ... lines 71 - 73
                            
                        if ($request->headers->has('turbo-frame')) {
        
                            $stream = $this->renderBlockView('voyage/edit.html.twig', 'stream_success', [
        
                                'voyage' => $voyage
        
                            ]);
        
                            $this->addFlash('stream', $stream);
        
                        }
        
                Show Lines

                                                    // ... lines 81 - 82
                            
                    }
        
                Show Lines

                                                    // ... lines 84 - 88
                            
                }
        
                Show Lines

                                                    // ... lines 90 - 111
                            
            }

See Code Block in Script

Code

Learn Symfony 6

30 Days with LAST Stack

More with fun Modals! Editing & Deleting

            Copy Code

                            Show All Lines

                        14 lines
            |
            templates/voyage/_row.html.twig
        
            <tr class="even:bg-gray-700 odd:bg-gray-600">
        
                Show Lines

                                                    // ... lines 2 - 4
                            
                <td class="px-6 py-4 whitespace-nowrap">
        
                Show Lines

                                                    // ... line 6
                            
                    <a
        
                        href="{{ path('app_voyage_edit', {'id': voyage.id}) }}"
        
                        class="ml-4 text-yellow-400 hover:text-yellow-600"
        
                        data-turbo-frame="modal"
        
                    >edit</a>
        
                </td>
        
            </tr>

See Code Block in Script

Comment

Learn Symfony 7

Cosmic Coding with Symfony 7

Stimulus: Writing Pro JavaScript

Hey |mention:56475| , That https://symfonycasts.com/screencast/last-stack course is the latest indeed, but it includes more topics besides Stimulus & Turbo. If you're looking for a Stimulus and Turbo course in more ...

Victor

Read Full Comment

Comment

Learn Symfony 6

30 Days with LAST Stack

Live Components

Hey @Cyril! That's an interesting situation! Internally, when you redirect from `LiveAction`, LiveComponents sees that and checks to see if `Turbo` is installed. If it is, it does a `Turbo.visit()` instead of a real ...

weaverryan

Read Full Comment

Comment

Learn JS Frameworks & Tools

Symfony UX: Turbo

Redirecting the Full Page from a Frame

Hi, I am sorry if I missed something, but I have taken this course to figure out how to make advanced dialogs using Turbo and Stimulus with Symfony. The solution in the tutorial looks fine, but I have noticed two things ...

Karloci

Read Full Comment

Comment

Learn Symfony 6

30 Days with LAST Stack

Fancy things on Modal Form Success

... prepend row!). I think (though I still need to play with it more and see what patterns develop) the ultimate solution will be in Turbo 8. In Turbo 8, I believe we'll be able to send back a ``. This will simply tell ...

weaverryan

Read Full Comment

Comment

Learn Symfony 6

30 Days with LAST Stack

Fancier Toasts: Auto-close & Fading

Hey @tonysm! > Nice! I'd add a data-turbo-temporary attribute to the notification message itself so it's not added to the page cache if the user leaves the page before the notification is closed/removed (it would ...

weaverryan

Read Full Comment

Comment

Learn JS Frameworks & Tools

Symfony UX: Turbo

Manual Visits with Turbo

... This IS what I would do, however, in 99% of the cases when I needed to do a manual visit in Turbo. But you mentioned: > The routes are created using data from an ajax response Ok, so you basically have a situation where ...

weaverryan

Read Full Comment

Show Lines	// ... lines 1 - 31
	/**
	* @Route("/new", name="product_admin_new", methods={"GET","POST"})
	*/
	public function new(Request $request): Response
	{
Show Lines	// ... lines 37 - 55

	return $this->renderForm('product_admin/' . $template, [
	'product' => $product,
	'form' => $form,
	'formTarget' => $request->headers->get('Turbo-Frame', '_top')
	]);
	}
Show Lines	// ... lines 63 - 105

Show Lines	// ... lines 1 - 61

	/**
	* @Route("/{id}/edit", name="product_admin_edit", methods={"GET","POST"})
	*/
	public function edit(Request $request, Product $product): Response
	{
Show Lines	// ... lines 68 - 82
	return $this->renderForm('product_admin/edit.html.twig', [
	'product' => $product,
	'form' => $form,
	'formTarget' => $request->headers->get('Turbo-Frame', '_top')
	]);
	}
Show Lines	// ... lines 89 - 104

Show Lines	// ... lines 1 - 17
	{% if showDescription %}
	{{ featuredProduct.description }}
	{% else %}
	{{ featuredProduct.description\|u.truncate(25)\|trim }}...

	<a
	data-turbo-frame="cart-sidebar"
	class="frame-loading-hide"
	href="{{ path('_app_cart_product_featured', {
	description: true,
	}) }}">(read more)</a>
	<span class="frame-loading-show fas fa-spinner fa-spin"></span>
	{% endif %}
Show Lines	// ... lines 31 - 36

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

	export default class extends Controller {
	count = 0;
	static targets = ['count'];

	increment() {
	this.count++;
	this.countTarget.innerText = this.count;

	if (this.count === 10) {
	visit('/you-won');
	}
	}
	}

Show Lines	// ... lines 1 - 15
	class VoyageController extends AbstractController
	{
Show Lines	// ... lines 18 - 64
	public function edit(Request $request, Voyage $voyage, EntityManagerInterface $entityManager): Response
	{
Show Lines	// ... lines 67 - 69
	if ($form->isSubmitted() && $form->isValid()) {
Show Lines	// ... lines 71 - 73
	if ($request->headers->has('turbo-frame')) {
	$stream = $this->renderBlockView('voyage/edit.html.twig', 'stream_success', [
	'voyage' => $voyage
	]);

	$this->addFlash('stream', $stream);
	}
Show Lines	// ... lines 81 - 82
	}
Show Lines	// ... lines 84 - 88
	}
Show Lines	// ... lines 90 - 111
	}

	<tr class="even:bg-gray-700 odd:bg-gray-600">
Show Lines	// ... lines 2 - 4
	<td class="px-6 py-4 whitespace-nowrap">
Show Lines	// ... line 6
	<a
	href="{{ path('app_voyage_edit', {'id': voyage.id}) }}"
	class="ml-4 text-yellow-400 hover:text-yellow-600"
	data-turbo-frame="modal"
	>edit</a>
	</td>
	</tr>