Components
19
Twig Components
28
Render Count
104
ms
Render Time
12.0
MiB
Memory Usage
Components
Render calls
| Store:User | App\Twig\Components\Store\User | 12.0 MiB | 0.97 ms | |
|---|---|---|---|---|
| Input props | [] |
|||
| Attributes | [] |
|||
| Component | App\Twig\Components\Store\User {#3266 -securityService: App\Service\SecurityService {#115 …} -geoService: App\Service\GeoService {#170 …} -institutionUtilsService: App\Service\InstitutionUtilsService {#3267 …} } |
|||
| Header |
[Anonymous]
|
12.0 MiB | 39.04 ms | |
|---|---|---|---|---|
| Input props | [ "notSticky" => false ] |
|||
| Attributes | [ "notSticky" => false ] |
|||
| Component | Symfony\UX\TwigComponent\AnonymousComponent {#3297 -props: [ "notSticky" => false ] } |
|||
| Layout:Stack |
[Anonymous]
|
12.0 MiB | 20.42 ms | |
|---|---|---|---|---|
| Input props | [ "data-compo" => "Header" "tag" => "header" "class" => "js-header transition bg-domain-dark top-0 relative z-10 p-bento -m-bento rounded-b-md" "data-header-sticky" => "yes" ] |
|||
| Attributes | [ "data-compo" => "Header" "tag" => "header" "class" => "js-header transition bg-domain-dark top-0 relative z-10 p-bento -m-bento rounded-b-md" "data-header-sticky" => "yes" ] |
|||
| Component | Symfony\UX\TwigComponent\AnonymousComponent {#3323 -props: [ "data-compo" => "Header" "tag" => "header" "class" => "js-header transition bg-domain-dark top-0 relative z-10 p-bento -m-bento rounded-b-md" "data-header-sticky" => "yes" ] } |
|||
| Header:Anonymous |
[Anonymous]
|
12.0 MiB | 19.23 ms | |
|---|---|---|---|---|
| Input props | [ "minimal" => false ] |
|||
| Attributes | [ "minimal" => false ] |
|||
| Component | Symfony\UX\TwigComponent\AnonymousComponent {#3379 -props: [ "minimal" => false ] } |
|||
| Header:Logo |
[Anonymous]
|
12.0 MiB | 0.86 ms | |
|---|---|---|---|---|
| Input props | [] |
|||
| Attributes | [] |
|||
| Component | Symfony\UX\TwigComponent\AnonymousComponent {#3403 -props: [] } |
|||
| Header:LocalePicker |
[Anonymous]
|
12.0 MiB | 12.73 ms | |
|---|---|---|---|---|
| Input props | [ "size" => "small" "hoverScheme" => "none" "darkColor" => "domain" ] |
|||
| Attributes | [ "size" => "small" "hoverScheme" => "none" "darkColor" => "domain" ] |
|||
| Component | Symfony\UX\TwigComponent\AnonymousComponent {#3420 -props: [ "size" => "small" "hoverScheme" => "none" "darkColor" => "domain" ] } |
|||
| Button | App\Twig\Components\Button | 12.0 MiB | 1.41 ms | |
|---|---|---|---|---|
| Input props | [ "data-compo" => "Header/LocalePicker" "tag" => "button" "hoverScheme" => "none" "darkColor" => "domain" "class" => "text-center" "afterIcon" => "expand_more" "command" => "show-modal" "commandfor" => "language-picker-dialog" "size" => "small" ] |
|||
| Attributes | [ "data-compo" => "Header/LocalePicker" "tag" => "button" "class" => "text-center" "afterIcon" => "expand_more" "command" => "show-modal" "commandfor" => "language-picker-dialog" ] |
|||
| Component | App\Twig\Components\Button {#3445 +size: "small" +darkColor: "domain" +lightColor: "white" +hoverScheme: "none" +hoverTextColor: null +disabled: false +noLabelOnSmallScreen: false +iconClass: null +beforeIconClass: null +afterIconClass: null } |
|||
| LoginLink |
[Anonymous]
|
12.0 MiB | 2.36 ms | |
|---|---|---|---|---|
| Input props | [ "class" => "grow" "size" => "small" ] |
|||
| Attributes | [ "class" => "grow" "size" => "small" ] |
|||
| Component | Symfony\UX\TwigComponent\AnonymousComponent {#3437 -props: [ "class" => "grow" "size" => "small" ] } |
|||
| Button | App\Twig\Components\Button | 12.0 MiB | 1.15 ms | |
|---|---|---|---|---|
| Input props | [ "data-compo" => "LoginLink" "href" => "/fr/login?next=/fr/media/635-les-ponts-forces" "class" => "grow" "size" => "small" ] |
|||
| Attributes | [ "data-compo" => "LoginLink" "href" => "/fr/login?next=/fr/media/635-les-ponts-forces" "class" => "grow" ] |
|||
| Component | App\Twig\Components\Button {#3523 +size: "small" +darkColor: "domain-dark" +lightColor: "white" +hoverScheme: "default" +hoverTextColor: null +disabled: false +noLabelOnSmallScreen: false +iconClass: null +beforeIconClass: null +afterIconClass: null } |
|||
| Button | App\Twig\Components\Button | 12.0 MiB | 0.75 ms | |
|---|---|---|---|---|
| Input props | [ "class" => "grow" "size" => "small" "darkColor" => "domain" "href" => "/fr/subscribe/" ] |
|||
| Attributes | [ "class" => "grow" "href" => "/fr/subscribe/" ] |
|||
| Component | App\Twig\Components\Button {#3537 +size: "small" +darkColor: "domain" +lightColor: "white" +hoverScheme: "default" +hoverTextColor: null +disabled: false +noLabelOnSmallScreen: false +iconClass: null +beforeIconClass: null +afterIconClass: null } |
|||
| Dialog:LocalePicker | App\Twig\Components\Dialog\LocalePicker | 12.0 MiB | 16.07 ms | |
|---|---|---|---|---|
| Input props | [] |
|||
| Attributes | [] |
|||
| Component | App\Twig\Components\Dialog\LocalePicker {#3361 -localeSwitcherService: App\Service\LocaleSwitcherService {#1494 …} } |
|||
| Dialog |
[Anonymous]
|
12.0 MiB | 15.20 ms | |
|---|---|---|---|---|
| Input props | [ "data-compo" => "Dialog/LocalePicker" "id" => "language-picker-dialog" ] |
|||
| Attributes | [ "data-compo" => "Dialog/LocalePicker" "id" => "language-picker-dialog" ] |
|||
| Component | Symfony\UX\TwigComponent\AnonymousComponent {#3574 -props: [ "data-compo" => "Dialog/LocalePicker" "id" => "language-picker-dialog" ] } |
|||
| Button | App\Twig\Components\Button | 12.0 MiB | 0.65 ms | |
|---|---|---|---|---|
| Input props | [ "tag" => "button" "size" => "small" "afterIcon" => "close" "class" => "mb-bento" "hoverScheme" => "none" "hoverTextColor" => "domain" "command" => "close" "commandfor" => "language-picker-dialog" ] |
|||
| Attributes | [ "tag" => "button" "afterIcon" => "close" "class" => "mb-bento" "command" => "close" "commandfor" => "language-picker-dialog" ] |
|||
| Component | App\Twig\Components\Button {#3608 +size: "small" +darkColor: "domain-dark" +lightColor: "white" +hoverScheme: "none" +hoverTextColor: "domain" +disabled: false +noLabelOnSmallScreen: false +iconClass: null +beforeIconClass: null +afterIconClass: null } |
|||
| Button | App\Twig\Components\Button | 12.0 MiB | 9.03 ms | |
|---|---|---|---|---|
| Input props | [ "class" => "w-full mb-bento " "href" => "/en/media/635-bridges-forces" "hoverScheme" => "none" "hoverTextColor" => "domain" "beforeIcon" => null "beforeIconClass" => "text-domain" "data-locale-picker-target" => "en" ] |
|||
| Attributes | [ "class" => "w-full mb-bento " "href" => "/en/media/635-bridges-forces" "beforeIcon" => null "data-locale-picker-target" => "en" ] |
|||
| Component | App\Twig\Components\Button {#3639 +size: null +darkColor: "domain-dark" +lightColor: "white" +hoverScheme: "none" +hoverTextColor: "domain" +disabled: false +noLabelOnSmallScreen: false +iconClass: null +beforeIconClass: "text-domain" +afterIconClass: null } |
|||
| Button | App\Twig\Components\Button | 12.0 MiB | 0.64 ms | |
|---|---|---|---|---|
| Input props | [ "class" => "w-full mb-bento pointer-events-none" "href" => "/fr/media/635-les-ponts-forces" "hoverScheme" => "none" "hoverTextColor" => "domain" "beforeIcon" => "done" "beforeIconClass" => "text-domain" "data-locale-picker-target" => "fr" ] |
|||
| Attributes | [ "class" => "w-full mb-bento pointer-events-none" "href" => "/fr/media/635-les-ponts-forces" "beforeIcon" => "done" "data-locale-picker-target" => "fr" ] |
|||
| Component | App\Twig\Components\Button {#3676 +size: null +darkColor: "domain-dark" +lightColor: "white" +hoverScheme: "none" +hoverTextColor: "domain" +disabled: false +noLabelOnSmallScreen: false +iconClass: null +beforeIconClass: "text-domain" +afterIconClass: null } |
|||
| Button | App\Twig\Components\Button | 12.0 MiB | 0.58 ms | |
|---|---|---|---|---|
| Input props | [ "class" => "w-full mb-bento " "href" => "/es/media/635-puentes-fuerzas" "hoverScheme" => "none" "hoverTextColor" => "domain" "beforeIcon" => null "beforeIconClass" => "text-domain" "data-locale-picker-target" => "es" ] |
|||
| Attributes | [ "class" => "w-full mb-bento " "href" => "/es/media/635-puentes-fuerzas" "beforeIcon" => null "data-locale-picker-target" => "es" ] |
|||
| Component | App\Twig\Components\Button {#3695 +size: null +darkColor: "domain-dark" +lightColor: "white" +hoverScheme: "none" +hoverTextColor: "domain" +disabled: false +noLabelOnSmallScreen: false +iconClass: null +beforeIconClass: "text-domain" +afterIconClass: null } |
|||
| Button | App\Twig\Components\Button | 12.0 MiB | 0.45 ms | |
|---|---|---|---|---|
| Input props | [ "class" => "w-full mb-bento " "href" => "/de/media/635-bruecken-kraefte" "hoverScheme" => "none" "hoverTextColor" => "domain" "beforeIcon" => null "beforeIconClass" => "text-domain" "data-locale-picker-target" => "de" ] |
|||
| Attributes | [ "class" => "w-full mb-bento " "href" => "/de/media/635-bruecken-kraefte" "beforeIcon" => null "data-locale-picker-target" => "de" ] |
|||
| Component | App\Twig\Components\Button {#3715 +size: null +darkColor: "domain-dark" +lightColor: "white" +hoverScheme: "none" +hoverTextColor: "domain" +disabled: false +noLabelOnSmallScreen: false +iconClass: null +beforeIconClass: "text-domain" +afterIconClass: null } |
|||
| Banner:UserBanners | App\Twig\Components\Banner\UserBanners | 12.0 MiB | 0.42 ms | |
|---|---|---|---|---|
| Input props | [] |
|||
| Attributes | [] |
|||
| Component | App\Twig\Components\Banner\UserBanners {#3314 -purchaseRepository: App\Repository\PurchaseRepository {#118 …} -securityService: App\Service\SecurityService {#115 …} } |
|||
| MediaField |
[Anonymous]
|
12.0 MiB | 0.25 ms | |
|---|---|---|---|---|
| Input props | [ "title" => "Objectifs d’apprentissage" "media" => [ "id" => 635 "title" => "Les ponts (Forces)" "slug" => "les-ponts-forces" "mediaType" => "simulation" "thumbnailSizes" => [ "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/635-6545f3e54f84b969637392.webp" "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/635-6545f3e54f84b969637392.webp" "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/635-6545f3e54f84b969637392.webp" ] "thumbnailBackground" => "#ec008d" "publishedAt" => DateTimeImmutable @1431302400 {#1382 : 2015-05-11 00:00:00.0 UTC (+00:00) } "isExpert" => false "goals" => """ <ul>\r\n \t<li>Distinguer les grandes familles de ponts.</li>\r\n \t<li>Visualiser les forces qui agissent sur le tablier d'un pont et leurs distributions sur les rives.</li>\r\n \t<li>Identifier les parties du pont qui subissent des forces de tension et des forces de compression.</li>\r\n \t<li>Consulter le dossier pédagogique <a href="https://www.edumedia-sciences.com/docs/ponts/" target="_blank">Les ponts</a> d'eduMedia.</li>\r\n </ul> """ "width" => 550 "height" => 440 "description" => """ <p>Les premiers ponts ont été l’œuvre des Chinois et des Romains. Ils étaient en bois, et pour les plus robustes, en pierres. Les plus grands de ces anciens ponts, toujours en fonction de nos jours, adoptent la forme d’une voûte. Une telle structure permet de transférer la charge depuis le centre du pont vers les rives, où se trouvent les culées.</p>\r\n \r\n <p>Cette distribution des forces est commune à tous les types de ponts. Les efforts sont répartis et transférés sur les côtés au niveau des piles et/ou des culées, minimisant ainsi les entraves sous le pont. Les matériaux utilisés sont choisis pour leur résistance à la tension et à la compression.</p>\r\n \r\n <p>Chaque projet de construction de pont est unique. De très nombreux critères interviennent dans le choix de la structure : topographie du lieu, géologie du sol, environnement climatique, coûts.</p>\r\n \r\n <p>Découvrir le dossier pédagogique <a href="../docs/ponts/" target="_blank">Les ponts</a> d'EduMedia.</p> """ "suggestions" => [] "tags" => [ "arc" "cantilever" "compression" "force" "forces" "haubans" "ponts" "porte à faux" "suspendu" "tension" "treillis" "voûte" ] "baseNodeName" => null ] "key" => "goals" ] |
|||
| Attributes | [ "title" => "Objectifs d’apprentissage" "media" => [ "id" => 635 "title" => "Les ponts (Forces)" "slug" => "les-ponts-forces" "mediaType" => "simulation" "thumbnailSizes" => [ "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/635-6545f3e54f84b969637392.webp" "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/635-6545f3e54f84b969637392.webp" "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/635-6545f3e54f84b969637392.webp" ] "thumbnailBackground" => "#ec008d" "publishedAt" => DateTimeImmutable @1431302400 {#1382 : 2015-05-11 00:00:00.0 UTC (+00:00) } "isExpert" => false "goals" => """ <ul>\r\n \t<li>Distinguer les grandes familles de ponts.</li>\r\n \t<li>Visualiser les forces qui agissent sur le tablier d'un pont et leurs distributions sur les rives.</li>\r\n \t<li>Identifier les parties du pont qui subissent des forces de tension et des forces de compression.</li>\r\n \t<li>Consulter le dossier pédagogique <a href="https://www.edumedia-sciences.com/docs/ponts/" target="_blank">Les ponts</a> d'eduMedia.</li>\r\n </ul> """ "width" => 550 "height" => 440 "description" => """ <p>Les premiers ponts ont été l’œuvre des Chinois et des Romains. Ils étaient en bois, et pour les plus robustes, en pierres. Les plus grands de ces anciens ponts, toujours en fonction de nos jours, adoptent la forme d’une voûte. Une telle structure permet de transférer la charge depuis le centre du pont vers les rives, où se trouvent les culées.</p>\r\n \r\n <p>Cette distribution des forces est commune à tous les types de ponts. Les efforts sont répartis et transférés sur les côtés au niveau des piles et/ou des culées, minimisant ainsi les entraves sous le pont. Les matériaux utilisés sont choisis pour leur résistance à la tension et à la compression.</p>\r\n \r\n <p>Chaque projet de construction de pont est unique. De très nombreux critères interviennent dans le choix de la structure : topographie du lieu, géologie du sol, environnement climatique, coûts.</p>\r\n \r\n <p>Découvrir le dossier pédagogique <a href="../docs/ponts/" target="_blank">Les ponts</a> d'EduMedia.</p> """ "suggestions" => [] "tags" => [ "arc" "cantilever" "compression" "force" "forces" "haubans" "ponts" "porte à faux" "suspendu" "tension" "treillis" "voûte" ] "baseNodeName" => null ] "key" => "goals" ] |
|||
| Component | Symfony\UX\TwigComponent\AnonymousComponent {#3747 -props: [ "title" => "Objectifs d’apprentissage" "media" => [ "id" => 635 "title" => "Les ponts (Forces)" "slug" => "les-ponts-forces" "mediaType" => "simulation" "thumbnailSizes" => [ "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/635-6545f3e54f84b969637392.webp" "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/635-6545f3e54f84b969637392.webp" "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/635-6545f3e54f84b969637392.webp" ] "thumbnailBackground" => "#ec008d" "publishedAt" => DateTimeImmutable @1431302400 {#1382 : 2015-05-11 00:00:00.0 UTC (+00:00) } "isExpert" => false "goals" => """ <ul>\r\n \t<li>Distinguer les grandes familles de ponts.</li>\r\n \t<li>Visualiser les forces qui agissent sur le tablier d'un pont et leurs distributions sur les rives.</li>\r\n \t<li>Identifier les parties du pont qui subissent des forces de tension et des forces de compression.</li>\r\n \t<li>Consulter le dossier pédagogique <a href="https://www.edumedia-sciences.com/docs/ponts/" target="_blank">Les ponts</a> d'eduMedia.</li>\r\n </ul> """ "width" => 550 "height" => 440 "description" => """ <p>Les premiers ponts ont été l’œuvre des Chinois et des Romains. Ils étaient en bois, et pour les plus robustes, en pierres. Les plus grands de ces anciens ponts, toujours en fonction de nos jours, adoptent la forme d’une voûte. Une telle structure permet de transférer la charge depuis le centre du pont vers les rives, où se trouvent les culées.</p>\r\n \r\n <p>Cette distribution des forces est commune à tous les types de ponts. Les efforts sont répartis et transférés sur les côtés au niveau des piles et/ou des culées, minimisant ainsi les entraves sous le pont. Les matériaux utilisés sont choisis pour leur résistance à la tension et à la compression.</p>\r\n \r\n <p>Chaque projet de construction de pont est unique. De très nombreux critères interviennent dans le choix de la structure : topographie du lieu, géologie du sol, environnement climatique, coûts.</p>\r\n \r\n <p>Découvrir le dossier pédagogique <a href="../docs/ponts/" target="_blank">Les ponts</a> d'EduMedia.</p> """ "suggestions" => [] "tags" => [ "arc" "cantilever" "compression" "force" "forces" "haubans" "ponts" "porte à faux" "suspendu" "tension" "treillis" "voûte" ] "baseNodeName" => null ] "key" => "goals" ] } |
|||
| Demo:Video |
[Anonymous]
|
12.0 MiB | 0.45 ms | |
|---|---|---|---|---|
| Input props | [ "width" => "600" "height" => "596" "class" => "max-w-none absolute" ] |
|||
| Attributes | [ "width" => "600" "height" => "596" "class" => "max-w-none absolute" ] |
|||
| Component | Symfony\UX\TwigComponent\AnonymousComponent {#3769 -props: [ "width" => "600" "height" => "596" "class" => "max-w-none absolute" ] } |
|||
| Heading:Large |
[Anonymous]
|
12.0 MiB | 0.60 ms | |
|---|---|---|---|---|
| Input props | [ "tag" => "h2" ] |
|||
| Attributes | [ "tag" => "h2" ] |
|||
| Component | Symfony\UX\TwigComponent\AnonymousComponent {#3785 -props: [ "tag" => "h2" ] } |
|||
| Showcase:RevealPill |
[Anonymous]
|
12.0 MiB | 1.84 ms | |
|---|---|---|---|---|
| Input props | [ "icon" => "source" ] |
|||
| Attributes | [ "icon" => "source" ] |
|||
| Component | Symfony\UX\TwigComponent\AnonymousComponent {#3809 -props: [ "icon" => "source" ] } |
|||
| Showcase:Reveal |
[Anonymous]
|
12.0 MiB | 0.88 ms | |
|---|---|---|---|---|
| Input props | [ "class" => "-mt-1" "text" => Twig\Markup {#3845 -content: "Plus de 1000 ressources" -charset: "UTF-8" } ] |
|||
| Attributes | [ "class" => "-mt-1" "text" => "Plus de 1000 ressources" ] |
|||
| Component | Symfony\UX\TwigComponent\AnonymousComponent {#3847 -props: [ "class" => "-mt-1" "text" => Twig\Markup {#3845 -content: "Plus de 1000 ressources" -charset: "UTF-8" } ] } |
|||
| DemoForm |
[Anonymous]
|
12.0 MiB | 55.50 ms | |
|---|---|---|---|---|
| Input props | [ "isDemoPage" => false "class" => "max-w-prose mx-auto" ] |
|||
| Attributes | [ "isDemoPage" => false "class" => "max-w-prose mx-auto" ] |
|||
| Component | Symfony\UX\TwigComponent\AnonymousComponent {#3831 -props: [ "isDemoPage" => false "class" => "max-w-prose mx-auto" ] } |
|||
| Button | App\Twig\Components\Button | 12.0 MiB | 0.96 ms | |
|---|---|---|---|---|
| Input props | [ "tag" => "button" "type" => "submit" "darkColor" => "domain" "attributeString" => "id="demo_submit" name="demo[submit]" disabled="disabled"" ] |
|||
| Attributes | [ "tag" => "button" "type" => "submit" "attributeString" => "id="demo_submit" name="demo[submit]" disabled="disabled"" ] |
|||
| Component | App\Twig\Components\Button {#4091 +size: null +darkColor: "domain" +lightColor: "white" +hoverScheme: "default" +hoverTextColor: null +disabled: false +noLabelOnSmallScreen: false +iconClass: null +beforeIconClass: null +afterIconClass: null } |
|||
| Heading:Large |
[Anonymous]
|
12.0 MiB | 0.63 ms | |
|---|---|---|---|---|
| Input props | [ "class" => "text-white" "tag" => "h1" ] |
|||
| Attributes | [ "class" => "text-white" "tag" => "h1" ] |
|||
| Component | Symfony\UX\TwigComponent\AnonymousComponent {#3876 -props: [ "class" => "text-white" "tag" => "h1" ] } |
|||
| Footer |
[Anonymous]
|
12.0 MiB | 4.22 ms | |
|---|---|---|---|---|
| Input props | [] |
|||
| Attributes | [] |
|||
| Component | Symfony\UX\TwigComponent\AnonymousComponent {#3794 -props: [] } |
|||
| Social:Links |
[Anonymous]
|
12.0 MiB | 0.49 ms | |
|---|---|---|---|---|
| Input props | [ "color" => "black" "class" => "mb-2" "size" => "24" ] |
|||
| Attributes | [ "color" => "black" "class" => "mb-2" "size" => "24" ] |
|||
| Component | Symfony\UX\TwigComponent\AnonymousComponent {#4168 -props: [ "color" => "black" "class" => "mb-2" "size" => "24" ] } |
|||