Components
18
Twig Components
27
Render Count
139
ms
Render Time
8.0
MiB
Memory Usage
Components
Render calls
| Store:User | App\Twig\Components\Store\User | 6.0 MiB | 0.71 ms | |
|---|---|---|---|---|
| Input props | [] |
|||
| Attributes | [] |
|||
| Component | App\Twig\Components\Store\User {#3255 -securityService: App\Service\SecurityService {#114 …} -geoService: App\Service\GeoService {#170 …} -institutionUtilsService: App\Service\InstitutionUtilsService {#3256 …} } |
|||
| Header |
[Anonymous]
|
6.0 MiB | 60.79 ms | |
|---|---|---|---|---|
| Input props | [ "notSticky" => false ] |
|||
| Attributes | [ "notSticky" => false ] |
|||
| Component | Symfony\UX\TwigComponent\AnonymousComponent {#3286 -props: [ "notSticky" => false ] } |
|||
| Layout:Stack |
[Anonymous]
|
6.0 MiB | 39.96 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 {#3312 -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]
|
6.0 MiB | 39.37 ms | |
|---|---|---|---|---|
| Input props | [ "minimal" => false ] |
|||
| Attributes | [ "minimal" => false ] |
|||
| Component | Symfony\UX\TwigComponent\AnonymousComponent {#3368 -props: [ "minimal" => false ] } |
|||
| Header:Logo |
[Anonymous]
|
6.0 MiB | 35.12 ms | |
|---|---|---|---|---|
| Input props | [] |
|||
| Attributes | [] |
|||
| Component | Symfony\UX\TwigComponent\AnonymousComponent {#3392 -props: [] } |
|||
| Header:LocalePicker |
[Anonymous]
|
6.0 MiB | 1.84 ms | |
|---|---|---|---|---|
| Input props | [ "size" => "small" "hoverScheme" => "none" "darkColor" => "domain" ] |
|||
| Attributes | [ "size" => "small" "hoverScheme" => "none" "darkColor" => "domain" ] |
|||
| Component | Symfony\UX\TwigComponent\AnonymousComponent {#3409 -props: [ "size" => "small" "hoverScheme" => "none" "darkColor" => "domain" ] } |
|||
| Button | App\Twig\Components\Button | 6.0 MiB | 0.69 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 {#3434 +size: "small" +darkColor: "domain" +lightColor: "white" +hoverScheme: "none" +hoverTextColor: null +disabled: false +noLabelOnSmallScreen: false +iconClass: null +beforeIconClass: null +afterIconClass: null } |
|||
| LoginLink |
[Anonymous]
|
6.0 MiB | 1.03 ms | |
|---|---|---|---|---|
| Input props | [ "class" => "grow" "size" => "small" ] |
|||
| Attributes | [ "class" => "grow" "size" => "small" ] |
|||
| Component | Symfony\UX\TwigComponent\AnonymousComponent {#3426 -props: [ "class" => "grow" "size" => "small" ] } |
|||
| Button | App\Twig\Components\Button | 6.0 MiB | 0.48 ms | |
|---|---|---|---|---|
| Input props | [ "data-compo" => "LoginLink" "href" => "/en/login?next=/en/media/839-multiplication-and-division-tables" "class" => "grow" "size" => "small" ] |
|||
| Attributes | [ "data-compo" => "LoginLink" "href" => "/en/login?next=/en/media/839-multiplication-and-division-tables" "class" => "grow" ] |
|||
| Component | App\Twig\Components\Button {#3512 +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 | 6.0 MiB | 0.34 ms | |
|---|---|---|---|---|
| Input props | [ "class" => "grow" "size" => "small" "darkColor" => "domain" "href" => "/en/subscribe/" ] |
|||
| Attributes | [ "class" => "grow" "href" => "/en/subscribe/" ] |
|||
| Component | App\Twig\Components\Button {#3526 +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 | 6.0 MiB | 19.77 ms | |
|---|---|---|---|---|
| Input props | [] |
|||
| Attributes | [] |
|||
| Component | App\Twig\Components\Dialog\LocalePicker {#3350 -localeSwitcherService: App\Service\LocaleSwitcherService {#1486 …} } |
|||
| Dialog |
[Anonymous]
|
6.0 MiB | 19.38 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 {#3563 -props: [ "data-compo" => "Dialog/LocalePicker" "id" => "language-picker-dialog" ] } |
|||
| Button | App\Twig\Components\Button | 6.0 MiB | 0.99 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 {#3597 +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 | 6.0 MiB | 0.54 ms | |
|---|---|---|---|---|
| Input props | [ "class" => "w-full mb-bento pointer-events-none" "href" => "/en/media/839-multiplication-and-division-tables" "hoverScheme" => "none" "hoverTextColor" => "domain" "beforeIcon" => "done" "beforeIconClass" => "text-domain" "data-locale-picker-target" => "en" ] |
|||
| Attributes | [ "class" => "w-full mb-bento pointer-events-none" "href" => "/en/media/839-multiplication-and-division-tables" "beforeIcon" => "done" "data-locale-picker-target" => "en" ] |
|||
| Component | App\Twig\Components\Button {#3628 +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 | 6.0 MiB | 0.49 ms | |
|---|---|---|---|---|
| Input props | [ "class" => "w-full mb-bento " "href" => "/fr/media/839-tables-des-multiplications-et-des-divisions" "hoverScheme" => "none" "hoverTextColor" => "domain" "beforeIcon" => null "beforeIconClass" => "text-domain" "data-locale-picker-target" => "fr" ] |
|||
| Attributes | [ "class" => "w-full mb-bento " "href" => "/fr/media/839-tables-des-multiplications-et-des-divisions" "beforeIcon" => null "data-locale-picker-target" => "fr" ] |
|||
| Component | App\Twig\Components\Button {#3665 +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 | 6.0 MiB | 0.33 ms | |
|---|---|---|---|---|
| Input props | [ "class" => "w-full mb-bento " "href" => "/es/media/839-tablas-de-multiplicacion-y-division" "hoverScheme" => "none" "hoverTextColor" => "domain" "beforeIcon" => null "beforeIconClass" => "text-domain" "data-locale-picker-target" => "es" ] |
|||
| Attributes | [ "class" => "w-full mb-bento " "href" => "/es/media/839-tablas-de-multiplicacion-y-division" "beforeIcon" => null "data-locale-picker-target" => "es" ] |
|||
| Component | App\Twig\Components\Button {#3684 +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 | 6.0 MiB | 0.31 ms | |
|---|---|---|---|---|
| Input props | [ "class" => "w-full mb-bento " "href" => "/de/media/839-multiplikations-und-divisionstafeln" "hoverScheme" => "none" "hoverTextColor" => "domain" "beforeIcon" => null "beforeIconClass" => "text-domain" "data-locale-picker-target" => "de" ] |
|||
| Attributes | [ "class" => "w-full mb-bento " "href" => "/de/media/839-multiplikations-und-divisionstafeln" "beforeIcon" => null "data-locale-picker-target" => "de" ] |
|||
| Component | App\Twig\Components\Button {#3704 +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 | 6.0 MiB | 0.31 ms | |
|---|---|---|---|---|
| Input props | [] |
|||
| Attributes | [] |
|||
| Component | App\Twig\Components\Banner\UserBanners {#3303 -purchaseRepository: App\Repository\PurchaseRepository {#117 …} -securityService: App\Service\SecurityService {#114 …} } |
|||
| MediaField |
[Anonymous]
|
6.0 MiB | 14.86 ms | |
|---|---|---|---|---|
| Input props | [ "title" => "Learning objectives" "media" => [ "id" => 839 "title" => "Multiplication and division tables" "slug" => "multiplication-and-division-tables" "mediaType" => "simulation" "thumbnailSizes" => [ "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/839-6545f45bc9e30993212324.webp" "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/839-6545f45bc9e30993212324.webp" "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/839-6545f45bc9e30993212324.webp" ] "thumbnailBackground" => "#f487b9" "publishedAt" => DateTimeImmutable @1477872000 {#1378 : 2016-10-31 00:00:00.0 UTC (+00:00) } "isExpert" => false "goals" => """ <ul>\r\n \t<li>To know the multiplication and division tables up to 10.</li>\r\n \t<li>To be able to see multiplication as a rectangle</li>\r\n \t<li>To discover the concept of multiples</li>\r\n \t<li>To know the first square numbers.</li>\r\n </ul> """ "width" => 550 "height" => 440 "description" => """ <p>A multiplication is a repetition of additions:</p>\r\n \r\n <p>3 + 3 + 3 + 3 = 12 is then written 4 × 3 = 12 because we are adding 4 times the number 3.</p>\r\n \r\n <p>The terms present each side of the operator ( x ) are called factors. The result of the operation is called de product. In this example: 3 and 4 are factors, 12 is the product.</p>\r\n \r\n <p>This animation allows to conceptualize multiplication as a rectangle: the product corresponds to the number of squares included in the rectangle. It is possible at this point to include concepts of surface because the number of squares matches the measures of the surface of the colored rectangle.</p>\r\n \r\n <p>The operation opposite of the multiplication is the division. The division is the operation which consists in splitting a quantity into equal shares:</p>\r\n \r\n <p>12 ÷ 3 = 4</p>\r\n \r\n <p>The dividend is the number to divide, the divisor is to number who divides, the quotient is the result of the operation.</p> """ "suggestions" => [] "tags" => [ "division" "multiple" "mutliplication" "numeracy" "numeration" "product" "square numbers" "tables" ] "baseNodeName" => null ] "key" => "goals" ] |
|||
| Attributes | [ "title" => "Learning objectives" "media" => [ "id" => 839 "title" => "Multiplication and division tables" "slug" => "multiplication-and-division-tables" "mediaType" => "simulation" "thumbnailSizes" => [ "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/839-6545f45bc9e30993212324.webp" "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/839-6545f45bc9e30993212324.webp" "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/839-6545f45bc9e30993212324.webp" ] "thumbnailBackground" => "#f487b9" "publishedAt" => DateTimeImmutable @1477872000 {#1378 : 2016-10-31 00:00:00.0 UTC (+00:00) } "isExpert" => false "goals" => """ <ul>\r\n \t<li>To know the multiplication and division tables up to 10.</li>\r\n \t<li>To be able to see multiplication as a rectangle</li>\r\n \t<li>To discover the concept of multiples</li>\r\n \t<li>To know the first square numbers.</li>\r\n </ul> """ "width" => 550 "height" => 440 "description" => """ <p>A multiplication is a repetition of additions:</p>\r\n \r\n <p>3 + 3 + 3 + 3 = 12 is then written 4 × 3 = 12 because we are adding 4 times the number 3.</p>\r\n \r\n <p>The terms present each side of the operator ( x ) are called factors. The result of the operation is called de product. In this example: 3 and 4 are factors, 12 is the product.</p>\r\n \r\n <p>This animation allows to conceptualize multiplication as a rectangle: the product corresponds to the number of squares included in the rectangle. It is possible at this point to include concepts of surface because the number of squares matches the measures of the surface of the colored rectangle.</p>\r\n \r\n <p>The operation opposite of the multiplication is the division. The division is the operation which consists in splitting a quantity into equal shares:</p>\r\n \r\n <p>12 ÷ 3 = 4</p>\r\n \r\n <p>The dividend is the number to divide, the divisor is to number who divides, the quotient is the result of the operation.</p> """ "suggestions" => [] "tags" => [ "division" "multiple" "mutliplication" "numeracy" "numeration" "product" "square numbers" "tables" ] "baseNodeName" => null ] "key" => "goals" ] |
|||
| Component | Symfony\UX\TwigComponent\AnonymousComponent {#3736 -props: [ "title" => "Learning objectives" "media" => [ "id" => 839 "title" => "Multiplication and division tables" "slug" => "multiplication-and-division-tables" "mediaType" => "simulation" "thumbnailSizes" => [ "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/839-6545f45bc9e30993212324.webp" "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/839-6545f45bc9e30993212324.webp" "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/839-6545f45bc9e30993212324.webp" ] "thumbnailBackground" => "#f487b9" "publishedAt" => DateTimeImmutable @1477872000 {#1378 : 2016-10-31 00:00:00.0 UTC (+00:00) } "isExpert" => false "goals" => """ <ul>\r\n \t<li>To know the multiplication and division tables up to 10.</li>\r\n \t<li>To be able to see multiplication as a rectangle</li>\r\n \t<li>To discover the concept of multiples</li>\r\n \t<li>To know the first square numbers.</li>\r\n </ul> """ "width" => 550 "height" => 440 "description" => """ <p>A multiplication is a repetition of additions:</p>\r\n \r\n <p>3 + 3 + 3 + 3 = 12 is then written 4 × 3 = 12 because we are adding 4 times the number 3.</p>\r\n \r\n <p>The terms present each side of the operator ( x ) are called factors. The result of the operation is called de product. In this example: 3 and 4 are factors, 12 is the product.</p>\r\n \r\n <p>This animation allows to conceptualize multiplication as a rectangle: the product corresponds to the number of squares included in the rectangle. It is possible at this point to include concepts of surface because the number of squares matches the measures of the surface of the colored rectangle.</p>\r\n \r\n <p>The operation opposite of the multiplication is the division. The division is the operation which consists in splitting a quantity into equal shares:</p>\r\n \r\n <p>12 ÷ 3 = 4</p>\r\n \r\n <p>The dividend is the number to divide, the divisor is to number who divides, the quotient is the result of the operation.</p> """ "suggestions" => [] "tags" => [ "division" "multiple" "mutliplication" "numeracy" "numeration" "product" "square numbers" "tables" ] "baseNodeName" => null ] "key" => "goals" ] } |
|||
| Demo:Video |
[Anonymous]
|
6.0 MiB | 0.24 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 {#3758 -props: [ "width" => "600" "height" => "596" "class" => "max-w-none absolute" ] } |
|||
| Heading:Large |
[Anonymous]
|
6.0 MiB | 0.45 ms | |
|---|---|---|---|---|
| Input props | [ "tag" => "h2" ] |
|||
| Attributes | [ "tag" => "h2" ] |
|||
| Component | Symfony\UX\TwigComponent\AnonymousComponent {#3774 -props: [ "tag" => "h2" ] } |
|||
| Showcase:RevealPill |
[Anonymous]
|
6.0 MiB | 0.95 ms | |
|---|---|---|---|---|
| Input props | [ "icon" => "source" ] |
|||
| Attributes | [ "icon" => "source" ] |
|||
| Component | Symfony\UX\TwigComponent\AnonymousComponent {#3798 -props: [ "icon" => "source" ] } |
|||
| Showcase:Reveal |
[Anonymous]
|
6.0 MiB | 0.38 ms | |
|---|---|---|---|---|
| Input props | [ "class" => "-mt-1" "text" => Twig\Markup {#3834 -content: "Over 1,000 resources" -charset: "UTF-8" } ] |
|||
| Attributes | [ "class" => "-mt-1" "text" => "Over 1,000 resources" ] |
|||
| Component | Symfony\UX\TwigComponent\AnonymousComponent {#3836 -props: [ "class" => "-mt-1" "text" => Twig\Markup {#3834 -content: "Over 1,000 resources" -charset: "UTF-8" } ] } |
|||
| DemoForm |
[Anonymous]
|
8.0 MiB | 57.16 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 {#3820 -props: [ "isDemoPage" => false "class" => "max-w-prose mx-auto" ] } |
|||
| Button | App\Twig\Components\Button | 8.0 MiB | 0.67 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 {#4080 +size: null +darkColor: "domain" +lightColor: "white" +hoverScheme: "default" +hoverTextColor: null +disabled: false +noLabelOnSmallScreen: false +iconClass: null +beforeIconClass: null +afterIconClass: null } |
|||
| Heading:Large |
[Anonymous]
|
8.0 MiB | 0.58 ms | |
|---|---|---|---|---|
| Input props | [ "class" => "text-white" "tag" => "h1" ] |
|||
| Attributes | [ "class" => "text-white" "tag" => "h1" ] |
|||
| Component | Symfony\UX\TwigComponent\AnonymousComponent {#3865 -props: [ "class" => "text-white" "tag" => "h1" ] } |
|||
| Footer |
[Anonymous]
|
8.0 MiB | 3.28 ms | |
|---|---|---|---|---|
| Input props | [] |
|||
| Attributes | [] |
|||
| Component | Symfony\UX\TwigComponent\AnonymousComponent {#3783 -props: [] } |
|||