... appropriate.
For others, we talked about how to handle this with Turbo Frames just a few days ago https://symfonycasts.com/screencast/turbo/login-redirect
Cheers!
... don't think we will have it earlier than in May :) I would like to suggest you to subscribe to this course on the course intro page: https://symfonycasts.com/screencast/turbo - we will notify you when we will start releasing it.
P.S. We're very excited about this Turbo feature as well in SymfonyCasts! ;)
Cheers!
|
<turbo-frame id="product-review"> |
|
{% for review in product.reviews %} |
|
<div class="component-light my-3 p-3"> |
|
<p><i class="fas fa-user-circle me-2"></i>{{ review.owner.email }} <i class="fas fa-star ms-4"></i> {{ review.stars }}/5</p> |
|
<div> |
|
{{ review.content }} |
|
</div> |
|
</div> |
|
{% else %} |
|
<p>This product has not been reviewed yet!</p> |
|
{% endfor %} |
|
|
|
<hr> |
|
|
|
{% if reviewForm|default(false) %} |
|
<h4>Post your own review</h4> |
|
{{ form_start(reviewForm, { |
|
'action': path('app_product_reviews', { id: product.id }) |
|
}) }} |
|
{{ form_row(reviewForm.stars) }} |
|
{{ form_row(reviewForm.content) }} |
|
|
|
<button class="btn btn-primary" formnovalidate>Add Review</button> |
|
{{ form_end(reviewForm) }} |
|
{% elseif not is_granted('ROLE_USER') %} |
|
<p><a href="{{ path('app_login') }}">Log in</a> to post your review</p> |
|
{% endif %} |
|
</turbo-frame> |
See Code Block in Script
|
<!DOCTYPE html> |
|
<html> |
|
|
// ... lines 3 - 15
|
|
<body class="bg-black text-white font-mono"> |
|
|
// ... lines 17 - 55
|
|
<div |
|
data-controller="modal" |
|
data-action="turbo:before-cache@window->modal#close" |
|
> |
|
<dialog |
|
class="open:flex bg-gray-800 rounded-lg shadow-xl inset-0 w-full md:w-fit md:max-w-[50%] md:min-w-[50%] animate-fade-in backdrop:bg-slate-600 backdrop:opacity-80" |
|
data-modal-target="dialog" |
|
data-action="close->modal#close click->modal#clickOutside" |
|
> |
|
<div class="flex grow p-5"> |
|
<div class="grow overflow-auto p-1"> |
|
<turbo-frame id="modal"></turbo-frame> |
|
</div> |
|
</div> |
|
</dialog> |
|
</div> |
|
</body> |
|
</html> |
See Code Block in Script
Hello LAST Stack
... fun to match a whole new paradigm. It stands for Live Components,
AssetMapper, Stimulus, and Turbo. It's a front-end stack that'll let us
build a truly rich user interface - like a single-page application, with modals ...
Form Improvements for Symfony 6
... .. though the status code is now 422.
Symfony made this change for two reasons. First... it's just technically more correct
to have an error status code if there is a validation error. And second, if you're
using Turbo ...
Entity Broadcast
... There's one super cool feature of the Turbo Mercure UX package that we installed
earlier that we have not talked about. And it's this: the ability to publish a
Mercure update automatically whenever an entity is created ...
Listening Publishing
... " in Mercure - a topic is like a message key or category.
Second, in PHP, publish a message to that topic containing Turbo Stream HTML.
And finally, when our JavaScript receives a message, make it pass the Turbo
Stream HTML ...
Fixing the Sweetalert Modal
... tackled some of the most annoying problems with Turbo, which is
cleaning up the snapshot, let's organize all of the new event code to make room for
more turbo event listeners later. That will put us in a great position to ...
Hi |mention:85008|,
Can you please share "symfony/asset-mapper" package version? Have you edited it manually or it was added automatically after ux-turbo installation?
Cheers! ...
Hey Infourok,
Are you on the latest version of Turbo? Otherwise, you can follow the same workaround we're using in this course.
Cheers! ...
... Ok, I'll try with turbo 8. Thank you very much for taking the time to reply to me after your live stream ;-)
Cyril
Update: the issue with the page jumping to top after using data-turbo-action="advance" happens in Brave browser, not on Firefox, Chrome or Edge. ...
... I'm wondering if the combo symfony/stimulus/turbo avoids some SEO problems that we get while using a framework like React with its client side rendering first nature ?
Thanks for all the help.
As for the versioning we have:
* "symfony/ux-turbo": "^2.9", in composer.json
* "@symfony/stimulus-bridge": "^3.2.0", in packages.json ...
Yo @jmsche!
Sorry for the late reply. Why can this be skipped now? I think I missed some new Turbo feature - please tell me! :)
Cheers! ...
Hi @weaverryan!
any experience with integrating zopim/zendesk chat widget in a project using turbo? I have been trying different approached, but no luck so far :( ...
hm interesting question, I can think only about Turbo tech from Stimulus devs probably it's the best use-case for it, however I'm not fully sure about it. ...
Hello Ryan,
Sorry for my unclear explanations.
It's ok I solved my problem with the rest of the tutorial and the use of turbo frame.
Cheers. ...
... Hey,
i'm using Turbo but it seems by default removing anchor (_fragment) when i use redirectToRoute, here is a way to fix it ?
587
Turbo
Filter Results