Components
19
Twig Components
31
Render Count
762
ms
Render Time
12.0
MiB
Memory Usage
Components
Render calls
| Store:User | App\Twig\Components\Store\User | 12.0 MiB | 18.24 ms | |
|---|---|---|---|---|
| Input props | [] |
|||
| Attributes | [] |
|||
| Component | App\Twig\Components\Store\User {#3706 -securityService: App\Service\SecurityService {#116 …} -geoService: App\Service\GeoService {#171 …} -institutionUtilsService: App\Service\InstitutionUtilsService {#3707 …} } |
|||
| Header |
[Anonymous]
|
12.0 MiB | 142.98 ms | |
|---|---|---|---|---|
| Input props | [ "notSticky" => false ] |
|||
| Attributes | [ "notSticky" => false ] |
|||
| Component | Symfony\UX\TwigComponent\AnonymousComponent {#3737 -props: [ "notSticky" => false ] } |
|||
| Layout:Stack |
[Anonymous]
|
12.0 MiB | 62.40 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 {#3763 -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 | 39.13 ms | |
|---|---|---|---|---|
| Input props | [ "minimal" => false ] |
|||
| Attributes | [ "minimal" => false ] |
|||
| Component | Symfony\UX\TwigComponent\AnonymousComponent {#3819 -props: [ "minimal" => false ] } |
|||
| Header:Logo |
[Anonymous]
|
12.0 MiB | 0.65 ms | |
|---|---|---|---|---|
| Input props | [] |
|||
| Attributes | [] |
|||
| Component | Symfony\UX\TwigComponent\AnonymousComponent {#3843 -props: [] } |
|||
| Header:LocalePicker |
[Anonymous]
|
12.0 MiB | 5.76 ms | |
|---|---|---|---|---|
| Input props | [ "size" => "small" "hoverScheme" => "none" "darkColor" => "domain" ] |
|||
| Attributes | [ "size" => "small" "hoverScheme" => "none" "darkColor" => "domain" ] |
|||
| Component | Symfony\UX\TwigComponent\AnonymousComponent {#3860 -props: [ "size" => "small" "hoverScheme" => "none" "darkColor" => "domain" ] } |
|||
| Button | App\Twig\Components\Button | 12.0 MiB | 1.29 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 {#3885 +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.33 ms | |
|---|---|---|---|---|
| Input props | [ "class" => "grow" "size" => "small" ] |
|||
| Attributes | [ "class" => "grow" "size" => "small" ] |
|||
| Component | Symfony\UX\TwigComponent\AnonymousComponent {#3877 -props: [ "class" => "grow" "size" => "small" ] } |
|||
| Button | App\Twig\Components\Button | 12.0 MiB | 0.99 ms | |
|---|---|---|---|---|
| Input props | [ "data-compo" => "LoginLink" "href" => "/de/login?next=/de/media/497-die-blume" "class" => "grow" "size" => "small" ] |
|||
| Attributes | [ "data-compo" => "LoginLink" "href" => "/de/login?next=/de/media/497-die-blume" "class" => "grow" ] |
|||
| Component | App\Twig\Components\Button {#3963 +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 | 20.56 ms | |
|---|---|---|---|---|
| Input props | [ "class" => "grow" "size" => "small" "darkColor" => "domain" "href" => "/de/subscribe/" ] |
|||
| Attributes | [ "class" => "grow" "href" => "/de/subscribe/" ] |
|||
| Component | App\Twig\Components\Button {#3977 +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 | 54.46 ms | |
|---|---|---|---|---|
| Input props | [] |
|||
| Attributes | [] |
|||
| Component | App\Twig\Components\Dialog\LocalePicker {#3801 -localeSwitcherService: App\Service\LocaleSwitcherService {#1490 …} } |
|||
| Dialog |
[Anonymous]
|
12.0 MiB | 53.21 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 {#4014 -props: [ "data-compo" => "Dialog/LocalePicker" "id" => "language-picker-dialog" ] } |
|||
| Button | App\Twig\Components\Button | 12.0 MiB | 1.83 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 {#4048 +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 | 12.09 ms | |
|---|---|---|---|---|
| Input props | [ "class" => "w-full mb-bento " "href" => "/en/media/497-the-flower" "hoverScheme" => "none" "hoverTextColor" => "domain" "beforeIcon" => null "beforeIconClass" => "text-domain" "data-locale-picker-target" => "en" ] |
|||
| Attributes | [ "class" => "w-full mb-bento " "href" => "/en/media/497-the-flower" "beforeIcon" => null "data-locale-picker-target" => "en" ] |
|||
| Component | App\Twig\Components\Button {#4079 +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 | 1.53 ms | |
|---|---|---|---|---|
| Input props | [ "class" => "w-full mb-bento " "href" => "/fr/media/497-la-fleur" "hoverScheme" => "none" "hoverTextColor" => "domain" "beforeIcon" => null "beforeIconClass" => "text-domain" "data-locale-picker-target" => "fr" ] |
|||
| Attributes | [ "class" => "w-full mb-bento " "href" => "/fr/media/497-la-fleur" "beforeIcon" => null "data-locale-picker-target" => "fr" ] |
|||
| Component | App\Twig\Components\Button {#4116 +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 | 1.95 ms | |
|---|---|---|---|---|
| Input props | [ "class" => "w-full mb-bento " "href" => "/es/media/497-la-flor" "hoverScheme" => "none" "hoverTextColor" => "domain" "beforeIcon" => null "beforeIconClass" => "text-domain" "data-locale-picker-target" => "es" ] |
|||
| Attributes | [ "class" => "w-full mb-bento " "href" => "/es/media/497-la-flor" "beforeIcon" => null "data-locale-picker-target" => "es" ] |
|||
| Component | App\Twig\Components\Button {#4135 +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 | 15.82 ms | |
|---|---|---|---|---|
| Input props | [ "class" => "w-full mb-bento pointer-events-none" "href" => "/de/media/497-die-blume" "hoverScheme" => "none" "hoverTextColor" => "domain" "beforeIcon" => "done" "beforeIconClass" => "text-domain" "data-locale-picker-target" => "de" ] |
|||
| Attributes | [ "class" => "w-full mb-bento pointer-events-none" "href" => "/de/media/497-die-blume" "beforeIcon" => "done" "data-locale-picker-target" => "de" ] |
|||
| Component | App\Twig\Components\Button {#4155 +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 | 17.34 ms | |
|---|---|---|---|---|
| Input props | [] |
|||
| Attributes | [] |
|||
| Component | App\Twig\Components\Banner\UserBanners {#3754 -purchaseRepository: App\Repository\PurchaseRepository {#119 …} -securityService: App\Service\SecurityService {#116 …} } |
|||
| MediaField |
[Anonymous]
|
12.0 MiB | 16.69 ms | |
|---|---|---|---|---|
| Input props | [ "title" => "Lernziele" "media" => [ "id" => 497 "title" => "Die Blume" "slug" => "die-blume" "mediaType" => "simulation" "thumbnailSizes" => [ "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/497-6545f386674d7637773651.webp" "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/497-6545f386674d7637773651.webp" "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/497-6545f386674d7637773651.webp" ] "thumbnailBackground" => "#f25821" "publishedAt" => DateTimeImmutable @1431302400 {#1390 : 2015-05-11 00:00:00.0 UTC (+00:00) } "isExpert" => false "goals" => """ <ul>\r\n \t<li>Die Teile einer Blume zu benennen.</li>\r\n </ul> """ "width" => 550 "height" => 440 "description" => """ <p>Die Funktion eine Blume ist Samen zu produzieren und das Fortbestehen der Pflanzenspezies zu sichern.<br />\r\n Die Blume besitzt männliche (Staubgefäß) und weibliche Teile (Stempel).<br />\r\n Der Boden vom Stempel enthält die Samenanlagen und die Spitze des Staubgefäßes erzeugt die Pollenkörner.<br />\r\n Sie sind gewöhnlich vom Blütenkelch eingeschlossen, bestehend aus Kelchblättern und Blütenkrone, die aus den (meist farbigen) Kronenblättern besteht.</p> """ "suggestions" => [ App\Entity\vo\MediaCardLight {#3459 #id: 551 #title: "Der Baum" #mediaType: "simulation" #thumbnailSizes: [ "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/551-6545f3ac00081738823108.webp" "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/551-6545f3ac00081738823108.webp" "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/551-6545f3ac00081738823108.webp" ] #thumbnailBackground: "#462f92" #publishedAt: DateTimeImmutable @1431302400 {#2981 : 2015-05-11 00:00:00.0 UTC (+00:00) } #isExpert: false #slug: "der-baum" } App\Entity\vo\MediaCardLight {#3461 #id: 148 #title: "Bestäubung" #mediaType: "simulation" #thumbnailSizes: [ "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/148-6545f2bbcabce447954859.webp" "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/148-6545f2bbcabce447954859.webp" "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/148-6545f2bbcabce447954859.webp" ] #thumbnailBackground: "#ec008d" #publishedAt: DateTimeImmutable @1431302400 {#2921 : 2015-05-11 00:00:00.0 UTC (+00:00) } #isExpert: false #slug: "bestaeubung" } App\Entity\vo\MediaCardLight {#3462 #id: 781 #title: "Video: Der Zyklus einer Pflanze" #mediaType: "video" #thumbnailSizes: [ "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/781-6545f44282c95671625077.webp" "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/781-6545f44282c95671625077.webp" "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/781-6545f44282c95671625077.webp" ] #thumbnailBackground: "#00a751" #publishedAt: DateTimeImmutable @1707320942 {#3001 : 2024-02-07 15:49:02.0 UTC (+00:00) } #isExpert: false #slug: "video-der-zyklus-einer-pflanze" } App\Entity\vo\MediaCardLight {#3463 #id: 44 #title: "Pflanzlicher Lebenszyklus" #mediaType: "simulation" #thumbnailSizes: [ "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/44-6545f36327159467045747.webp" "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/44-6545f36327159467045747.webp" "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/44-6545f36327159467045747.webp" ] #thumbnailBackground: "#b51d8e" #publishedAt: DateTimeImmutable @1431302400 {#2885 : 2015-05-11 00:00:00.0 UTC (+00:00) } #isExpert: false #slug: "pflanzlicher-lebenszyklus" } ] "tags" => [ "blume" "frucht" "kelchblatt" "kronblatt" "narbe" "rose" "staubbeutel" "staubgefäß" "stempel" "wurzel" ] "baseNodeName" => "Pflanzen und Tiere" ] "key" => "goals" ] |
|||
| Attributes | [ "title" => "Lernziele" "media" => [ "id" => 497 "title" => "Die Blume" "slug" => "die-blume" "mediaType" => "simulation" "thumbnailSizes" => [ "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/497-6545f386674d7637773651.webp" "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/497-6545f386674d7637773651.webp" "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/497-6545f386674d7637773651.webp" ] "thumbnailBackground" => "#f25821" "publishedAt" => DateTimeImmutable @1431302400 {#1390 : 2015-05-11 00:00:00.0 UTC (+00:00) } "isExpert" => false "goals" => """ <ul>\r\n \t<li>Die Teile einer Blume zu benennen.</li>\r\n </ul> """ "width" => 550 "height" => 440 "description" => """ <p>Die Funktion eine Blume ist Samen zu produzieren und das Fortbestehen der Pflanzenspezies zu sichern.<br />\r\n Die Blume besitzt männliche (Staubgefäß) und weibliche Teile (Stempel).<br />\r\n Der Boden vom Stempel enthält die Samenanlagen und die Spitze des Staubgefäßes erzeugt die Pollenkörner.<br />\r\n Sie sind gewöhnlich vom Blütenkelch eingeschlossen, bestehend aus Kelchblättern und Blütenkrone, die aus den (meist farbigen) Kronenblättern besteht.</p> """ "suggestions" => [ App\Entity\vo\MediaCardLight {#3459 #id: 551 #title: "Der Baum" #mediaType: "simulation" #thumbnailSizes: [ "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/551-6545f3ac00081738823108.webp" "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/551-6545f3ac00081738823108.webp" "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/551-6545f3ac00081738823108.webp" ] #thumbnailBackground: "#462f92" #publishedAt: DateTimeImmutable @1431302400 {#2981 : 2015-05-11 00:00:00.0 UTC (+00:00) } #isExpert: false #slug: "der-baum" } App\Entity\vo\MediaCardLight {#3461 #id: 148 #title: "Bestäubung" #mediaType: "simulation" #thumbnailSizes: [ "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/148-6545f2bbcabce447954859.webp" "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/148-6545f2bbcabce447954859.webp" "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/148-6545f2bbcabce447954859.webp" ] #thumbnailBackground: "#ec008d" #publishedAt: DateTimeImmutable @1431302400 {#2921 : 2015-05-11 00:00:00.0 UTC (+00:00) } #isExpert: false #slug: "bestaeubung" } App\Entity\vo\MediaCardLight {#3462 #id: 781 #title: "Video: Der Zyklus einer Pflanze" #mediaType: "video" #thumbnailSizes: [ "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/781-6545f44282c95671625077.webp" "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/781-6545f44282c95671625077.webp" "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/781-6545f44282c95671625077.webp" ] #thumbnailBackground: "#00a751" #publishedAt: DateTimeImmutable @1707320942 {#3001 : 2024-02-07 15:49:02.0 UTC (+00:00) } #isExpert: false #slug: "video-der-zyklus-einer-pflanze" } App\Entity\vo\MediaCardLight {#3463 #id: 44 #title: "Pflanzlicher Lebenszyklus" #mediaType: "simulation" #thumbnailSizes: [ "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/44-6545f36327159467045747.webp" "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/44-6545f36327159467045747.webp" "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/44-6545f36327159467045747.webp" ] #thumbnailBackground: "#b51d8e" #publishedAt: DateTimeImmutable @1431302400 {#2885 : 2015-05-11 00:00:00.0 UTC (+00:00) } #isExpert: false #slug: "pflanzlicher-lebenszyklus" } ] "tags" => [ "blume" "frucht" "kelchblatt" "kronblatt" "narbe" "rose" "staubbeutel" "staubgefäß" "stempel" "wurzel" ] "baseNodeName" => "Pflanzen und Tiere" ] "key" => "goals" ] |
|||
| Component | Symfony\UX\TwigComponent\AnonymousComponent {#4187 -props: [ "title" => "Lernziele" "media" => [ "id" => 497 "title" => "Die Blume" "slug" => "die-blume" "mediaType" => "simulation" "thumbnailSizes" => [ "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/497-6545f386674d7637773651.webp" "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/497-6545f386674d7637773651.webp" "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/497-6545f386674d7637773651.webp" ] "thumbnailBackground" => "#f25821" "publishedAt" => DateTimeImmutable @1431302400 {#1390 : 2015-05-11 00:00:00.0 UTC (+00:00) } "isExpert" => false "goals" => """ <ul>\r\n \t<li>Die Teile einer Blume zu benennen.</li>\r\n </ul> """ "width" => 550 "height" => 440 "description" => """ <p>Die Funktion eine Blume ist Samen zu produzieren und das Fortbestehen der Pflanzenspezies zu sichern.<br />\r\n Die Blume besitzt männliche (Staubgefäß) und weibliche Teile (Stempel).<br />\r\n Der Boden vom Stempel enthält die Samenanlagen und die Spitze des Staubgefäßes erzeugt die Pollenkörner.<br />\r\n Sie sind gewöhnlich vom Blütenkelch eingeschlossen, bestehend aus Kelchblättern und Blütenkrone, die aus den (meist farbigen) Kronenblättern besteht.</p> """ "suggestions" => [ App\Entity\vo\MediaCardLight {#3459 #id: 551 #title: "Der Baum" #mediaType: "simulation" #thumbnailSizes: [ "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/551-6545f3ac00081738823108.webp" "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/551-6545f3ac00081738823108.webp" "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/551-6545f3ac00081738823108.webp" ] #thumbnailBackground: "#462f92" #publishedAt: DateTimeImmutable @1431302400 {#2981 : 2015-05-11 00:00:00.0 UTC (+00:00) } #isExpert: false #slug: "der-baum" } App\Entity\vo\MediaCardLight {#3461 #id: 148 #title: "Bestäubung" #mediaType: "simulation" #thumbnailSizes: [ "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/148-6545f2bbcabce447954859.webp" "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/148-6545f2bbcabce447954859.webp" "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/148-6545f2bbcabce447954859.webp" ] #thumbnailBackground: "#ec008d" #publishedAt: DateTimeImmutable @1431302400 {#2921 : 2015-05-11 00:00:00.0 UTC (+00:00) } #isExpert: false #slug: "bestaeubung" } App\Entity\vo\MediaCardLight {#3462 #id: 781 #title: "Video: Der Zyklus einer Pflanze" #mediaType: "video" #thumbnailSizes: [ "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/781-6545f44282c95671625077.webp" "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/781-6545f44282c95671625077.webp" "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/781-6545f44282c95671625077.webp" ] #thumbnailBackground: "#00a751" #publishedAt: DateTimeImmutable @1707320942 {#3001 : 2024-02-07 15:49:02.0 UTC (+00:00) } #isExpert: false #slug: "video-der-zyklus-einer-pflanze" } App\Entity\vo\MediaCardLight {#3463 #id: 44 #title: "Pflanzlicher Lebenszyklus" #mediaType: "simulation" #thumbnailSizes: [ "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/44-6545f36327159467045747.webp" "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/44-6545f36327159467045747.webp" "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/44-6545f36327159467045747.webp" ] #thumbnailBackground: "#b51d8e" #publishedAt: DateTimeImmutable @1431302400 {#2885 : 2015-05-11 00:00:00.0 UTC (+00:00) } #isExpert: false #slug: "pflanzlicher-lebenszyklus" } ] "tags" => [ "blume" "frucht" "kelchblatt" "kronblatt" "narbe" "rose" "staubbeutel" "staubgefäß" "stempel" "wurzel" ] "baseNodeName" => "Pflanzen und Tiere" ] "key" => "goals" ] } |
|||
| Demo:Video |
[Anonymous]
|
12.0 MiB | 1.63 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 {#4209 -props: [ "width" => "600" "height" => "596" "class" => "max-w-none absolute" ] } |
|||
| Heading:Large |
[Anonymous]
|
12.0 MiB | 16.57 ms | |
|---|---|---|---|---|
| Input props | [ "tag" => "h2" ] |
|||
| Attributes | [ "tag" => "h2" ] |
|||
| Component | Symfony\UX\TwigComponent\AnonymousComponent {#4225 -props: [ "tag" => "h2" ] } |
|||
| Showcase:RevealPill |
[Anonymous]
|
12.0 MiB | 40.33 ms | |
|---|---|---|---|---|
| Input props | [ "icon" => "source" ] |
|||
| Attributes | [ "icon" => "source" ] |
|||
| Component | Symfony\UX\TwigComponent\AnonymousComponent {#4249 -props: [ "icon" => "source" ] } |
|||
| Showcase:Reveal |
[Anonymous]
|
12.0 MiB | 1.40 ms | |
|---|---|---|---|---|
| Input props | [ "class" => "-mt-1" "text" => Twig\Markup {#4285 -content: "Mehr als 1000 Ressourcen" -charset: "UTF-8" } ] |
|||
| Attributes | [ "class" => "-mt-1" "text" => "Mehr als 1000 Ressourcen" ] |
|||
| Component | Symfony\UX\TwigComponent\AnonymousComponent {#4287 -props: [ "class" => "-mt-1" "text" => Twig\Markup {#4285 -content: "Mehr als 1000 Ressourcen" -charset: "UTF-8" } ] } |
|||
| DemoForm |
[Anonymous]
|
12.0 MiB | 258.20 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 {#4271 -props: [ "isDemoPage" => false "class" => "max-w-prose mx-auto" ] } |
|||
| Button | App\Twig\Components\Button | 12.0 MiB | 2.48 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 {#4531 +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 | 1.19 ms | |
|---|---|---|---|---|
| Input props | [ "class" => "text-white" "tag" => "h1" ] |
|||
| Attributes | [ "class" => "text-white" "tag" => "h1" ] |
|||
| Component | Symfony\UX\TwigComponent\AnonymousComponent {#4316 -props: [ "class" => "text-white" "tag" => "h1" ] } |
|||
| MediaCard | App\Twig\Components\MediaCard | 12.0 MiB | 41.68 ms | |
|---|---|---|---|---|
| Input props | [ "cardData" => App\Entity\vo\MediaCardLight {#3459 #id: 551 #title: "Der Baum" #mediaType: "simulation" #thumbnailSizes: [ "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/551-6545f3ac00081738823108.webp" "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/551-6545f3ac00081738823108.webp" "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/551-6545f3ac00081738823108.webp" ] #thumbnailBackground: "#462f92" #publishedAt: DateTimeImmutable @1431302400 {#2981 : 2015-05-11 00:00:00.0 UTC (+00:00) } #isExpert: false #slug: "der-baum" } "context" => "media-teaser" "class" => "w-1/2 " ] |
|||
| Attributes | [ "class" => "w-1/2 " ] |
|||
| Component | App\Twig\Components\MediaCard {#4398 -bgColors: [ "bg-magenta" "bg-pink" "bg-bubble-gum" "bg-navy" "bg-turquoise" "bg-green" "bg-red" "bg-orange" "bg-gold" "bg-purple" "bg-prune" ] -redPixel: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mN8K63/HwAFbAI4DLWlhgAAAABJRU5ErkJggg==" +cardData: App\Entity\vo\MediaCardLight {#3459 #id: 551 #title: "Der Baum" #mediaType: "simulation" #thumbnailSizes: [ "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/551-6545f3ac00081738823108.webp" "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/551-6545f3ac00081738823108.webp" "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/551-6545f3ac00081738823108.webp" ] #thumbnailBackground: "#462f92" #publishedAt: DateTimeImmutable @1431302400 {#2981 : 2015-05-11 00:00:00.0 UTC (+00:00) } #isExpert: false #slug: "der-baum" } +thumbnailEagerLoading: false +preventTabbableLink: false +context: "media-teaser" } |
|||
| MediaCard | App\Twig\Components\MediaCard | 12.0 MiB | 39.63 ms | |
|---|---|---|---|---|
| Input props | [ "cardData" => App\Entity\vo\MediaCardLight {#3461 #id: 148 #title: "Bestäubung" #mediaType: "simulation" #thumbnailSizes: [ "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/148-6545f2bbcabce447954859.webp" "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/148-6545f2bbcabce447954859.webp" "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/148-6545f2bbcabce447954859.webp" ] #thumbnailBackground: "#ec008d" #publishedAt: DateTimeImmutable @1431302400 {#2921 : 2015-05-11 00:00:00.0 UTC (+00:00) } #isExpert: false #slug: "bestaeubung" } "context" => "media-teaser" "class" => "w-1/2 hidden md:block" ] |
|||
| Attributes | [ "class" => "w-1/2 hidden md:block" ] |
|||
| Component | App\Twig\Components\MediaCard {#4611 -bgColors: [ "bg-magenta" "bg-pink" "bg-bubble-gum" "bg-navy" "bg-turquoise" "bg-green" "bg-red" "bg-orange" "bg-gold" "bg-purple" "bg-prune" ] -redPixel: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mN8K63/HwAFbAI4DLWlhgAAAABJRU5ErkJggg==" +cardData: App\Entity\vo\MediaCardLight {#3461 #id: 148 #title: "Bestäubung" #mediaType: "simulation" #thumbnailSizes: [ "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/148-6545f2bbcabce447954859.webp" "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/148-6545f2bbcabce447954859.webp" "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/148-6545f2bbcabce447954859.webp" ] #thumbnailBackground: "#ec008d" #publishedAt: DateTimeImmutable @1431302400 {#2921 : 2015-05-11 00:00:00.0 UTC (+00:00) } #isExpert: false #slug: "bestaeubung" } +thumbnailEagerLoading: false +preventTabbableLink: false +context: "media-teaser" } |
|||
| MediaCard | App\Twig\Components\MediaCard | 12.0 MiB | 21.72 ms | |
|---|---|---|---|---|
| Input props | [ "cardData" => App\Entity\vo\MediaCardLight {#3462 #id: 781 #title: "Video: Der Zyklus einer Pflanze" #mediaType: "video" #thumbnailSizes: [ "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/781-6545f44282c95671625077.webp" "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/781-6545f44282c95671625077.webp" "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/781-6545f44282c95671625077.webp" ] #thumbnailBackground: "#00a751" #publishedAt: DateTimeImmutable @1707320942 {#3001 : 2024-02-07 15:49:02.0 UTC (+00:00) } #isExpert: false #slug: "video-der-zyklus-einer-pflanze" } "context" => "media-teaser" "class" => "w-1/2 hidden lg:block" ] |
|||
| Attributes | [ "class" => "w-1/2 hidden lg:block" ] |
|||
| Component | App\Twig\Components\MediaCard {#4639 -bgColors: [ "bg-magenta" "bg-pink" "bg-bubble-gum" "bg-navy" "bg-turquoise" "bg-green" "bg-red" "bg-orange" "bg-gold" "bg-purple" "bg-prune" ] -redPixel: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mN8K63/HwAFbAI4DLWlhgAAAABJRU5ErkJggg==" +cardData: App\Entity\vo\MediaCardLight {#3462 #id: 781 #title: "Video: Der Zyklus einer Pflanze" #mediaType: "video" #thumbnailSizes: [ "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/781-6545f44282c95671625077.webp" "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/781-6545f44282c95671625077.webp" "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/781-6545f44282c95671625077.webp" ] #thumbnailBackground: "#00a751" #publishedAt: DateTimeImmutable @1707320942 {#3001 : 2024-02-07 15:49:02.0 UTC (+00:00) } #isExpert: false #slug: "video-der-zyklus-einer-pflanze" } +thumbnailEagerLoading: false +preventTabbableLink: false +context: "media-teaser" } |
|||
| MediaCard | App\Twig\Components\MediaCard | 12.0 MiB | 71.60 ms | |
|---|---|---|---|---|
| Input props | [ "cardData" => App\Entity\vo\MediaCardLight {#3463 #id: 44 #title: "Pflanzlicher Lebenszyklus" #mediaType: "simulation" #thumbnailSizes: [ "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/44-6545f36327159467045747.webp" "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/44-6545f36327159467045747.webp" "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/44-6545f36327159467045747.webp" ] #thumbnailBackground: "#b51d8e" #publishedAt: DateTimeImmutable @1431302400 {#2885 : 2015-05-11 00:00:00.0 UTC (+00:00) } #isExpert: false #slug: "pflanzlicher-lebenszyklus" } "context" => "media-teaser" "class" => "w-1/2 hidden lg:block" ] |
|||
| Attributes | [ "class" => "w-1/2 hidden lg:block" ] |
|||
| Component | App\Twig\Components\MediaCard {#4658 -bgColors: [ "bg-magenta" "bg-pink" "bg-bubble-gum" "bg-navy" "bg-turquoise" "bg-green" "bg-red" "bg-orange" "bg-gold" "bg-purple" "bg-prune" ] -redPixel: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mN8K63/HwAFbAI4DLWlhgAAAABJRU5ErkJggg==" +cardData: App\Entity\vo\MediaCardLight {#3463 #id: 44 #title: "Pflanzlicher Lebenszyklus" #mediaType: "simulation" #thumbnailSizes: [ "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/44-6545f36327159467045747.webp" "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/44-6545f36327159467045747.webp" "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/44-6545f36327159467045747.webp" ] #thumbnailBackground: "#b51d8e" #publishedAt: DateTimeImmutable @1431302400 {#2885 : 2015-05-11 00:00:00.0 UTC (+00:00) } #isExpert: false #slug: "pflanzlicher-lebenszyklus" } +thumbnailEagerLoading: false +preventTabbableLink: false +context: "media-teaser" } |
|||
| Footer |
[Anonymous]
|
12.0 MiB | 74.32 ms | |
|---|---|---|---|---|
| Input props | [] |
|||
| Attributes | [] |
|||
| Component | Symfony\UX\TwigComponent\AnonymousComponent {#4234 -props: [] } |
|||