Components
5
Twig Components
12
Render Count
88
ms
Render Time
8.0
MiB
Memory Usage
Components
| Name | Metadata | Render Count | Render Time |
|---|---|---|---|
| ToolBarButton |
"App\Twig\Components\ToolBarButton"components/ToolBarButton.html.twig |
6 | 5.31ms |
| DropdownMenu |
"App\Twig\Components\DropdownMenu"components/DropdownMenu.html.twig |
3 | 7.17ms |
| Search |
"App\Twig\Components\Search"components/Search.html.twig |
1 | 29.63ms |
| Toolbar |
[Anonymous]
components/Toolbar.html.twig
|
1 | 58.66ms |
| Divider |
[Anonymous]
components/Divider.html.twig
|
1 | 0.35ms |
Render calls
| Search | App\Twig\Components\Search | 8.0 MiB | 29.63 ms | |
|---|---|---|---|---|
| Input props | [] |
|||
| Attributes | [] |
|||
| Component | App\Twig\Components\Search {#3475 +query: null -mangaRepository: App\Repository\MangaRepository {#858 …} } |
|||
| Toolbar |
[Anonymous]
|
8.0 MiB | 58.66 ms | |
|---|---|---|---|---|
| Input props | [ "toolbar" => [ "leftGroup" => [ App\Manager\Toolbar\Element\ToolbarButton {#1037 #icon: "arrows-rotate" #text: "Refresh" #action: "toolbar#refreshMetadata" #data: [] } App\Manager\Toolbar\Element\ToolbarButton {#1041 #icon: "search" #text: "Search" #action: "toolbar#searchLastChapter" #data: [] } ] "rightGroup" => [ App\Manager\Toolbar\Element\ToolbarButton {#1043 #icon: "th-large" #text: "Options" #action: "toolbar#options" #data: [] } App\Manager\Toolbar\Element\ToolbarDivider {#1021 #icon: "divider" #text: "" #action: "" } App\Manager\Toolbar\Element\ToolbarDropdown {#1039 #icon: "eye" #text: "View" #action: "changeView" -items: [ [ "text" => "Poster View" "action" => "changeView" "data" => [ "view" => "poster" ] ] [ "text" => "Table View" "action" => "changeView" "data" => [ "view" => "table" ] ] [ "text" => "Resume View" "action" => "changeView" "data" => [ "view" => "resume" ] ] ] } App\Manager\Toolbar\Element\ToolbarDropdown {#1058 #icon: "sort" #text: "Sort" #action: "sort" -items: [ [ "text" => "Par titre" "action" => "sort" "data" => [ "sort" => "title" ] ] [ "text" => "Par année de publication" "action" => "sort" "data" => [ "sort" => "publicationYear" ] ] [ "text" => "Par date d'ajout" "action" => "sort" "data" => [ "sort" => "createdAt" ] ] ] } App\Manager\Toolbar\Element\ToolbarDropdown {#1059 #icon: "filter" #text: "Filter" #action: "filter" -items: [ [ "text" => "Tous les mangas" "action" => "filter" "data" => [ "filter" => "all" ] ] [ "text" => "Mangas en cours" "action" => "filter" "data" => [ "filter" => "ongoing" ] ] [ "text" => "Mangas terminés" "action" => "filter" "data" => [ "filter" => "completed" ] ] ] } ] ] ] |
|||
| Attributes | [ "toolbar" => [ "leftGroup" => [ App\Manager\Toolbar\Element\ToolbarButton {#1037 #icon: "arrows-rotate" #text: "Refresh" #action: "toolbar#refreshMetadata" #data: [] } App\Manager\Toolbar\Element\ToolbarButton {#1041 #icon: "search" #text: "Search" #action: "toolbar#searchLastChapter" #data: [] } ] "rightGroup" => [ App\Manager\Toolbar\Element\ToolbarButton {#1043 #icon: "th-large" #text: "Options" #action: "toolbar#options" #data: [] } App\Manager\Toolbar\Element\ToolbarDivider {#1021 #icon: "divider" #text: "" #action: "" } App\Manager\Toolbar\Element\ToolbarDropdown {#1039 #icon: "eye" #text: "View" #action: "changeView" -items: [ [ "text" => "Poster View" "action" => "changeView" "data" => [ "view" => "poster" ] ] [ "text" => "Table View" "action" => "changeView" "data" => [ "view" => "table" ] ] [ "text" => "Resume View" "action" => "changeView" "data" => [ "view" => "resume" ] ] ] } App\Manager\Toolbar\Element\ToolbarDropdown {#1058 #icon: "sort" #text: "Sort" #action: "sort" -items: [ [ "text" => "Par titre" "action" => "sort" "data" => [ "sort" => "title" ] ] [ "text" => "Par année de publication" "action" => "sort" "data" => [ "sort" => "publicationYear" ] ] [ "text" => "Par date d'ajout" "action" => "sort" "data" => [ "sort" => "createdAt" ] ] ] } App\Manager\Toolbar\Element\ToolbarDropdown {#1059 #icon: "filter" #text: "Filter" #action: "filter" -items: [ [ "text" => "Tous les mangas" "action" => "filter" "data" => [ "filter" => "all" ] ] [ "text" => "Mangas en cours" "action" => "filter" "data" => [ "filter" => "ongoing" ] ] [ "text" => "Mangas terminés" "action" => "filter" "data" => [ "filter" => "completed" ] ] ] } ] ] ] |
|||
| Component | Symfony\UX\TwigComponent\AnonymousComponent {#3629 -props: [ "toolbar" => [ "leftGroup" => [ App\Manager\Toolbar\Element\ToolbarButton {#1037 #icon: "arrows-rotate" #text: "Refresh" #action: "toolbar#refreshMetadata" #data: [] } App\Manager\Toolbar\Element\ToolbarButton {#1041 #icon: "search" #text: "Search" #action: "toolbar#searchLastChapter" #data: [] } ] "rightGroup" => [ App\Manager\Toolbar\Element\ToolbarButton {#1043 #icon: "th-large" #text: "Options" #action: "toolbar#options" #data: [] } App\Manager\Toolbar\Element\ToolbarDivider {#1021 #icon: "divider" #text: "" #action: "" } App\Manager\Toolbar\Element\ToolbarDropdown {#1039 #icon: "eye" #text: "View" #action: "changeView" -items: [ [ "text" => "Poster View" "action" => "changeView" "data" => [ "view" => "poster" ] ] [ "text" => "Table View" "action" => "changeView" "data" => [ "view" => "table" ] ] [ "text" => "Resume View" "action" => "changeView" "data" => [ "view" => "resume" ] ] ] } App\Manager\Toolbar\Element\ToolbarDropdown {#1058 #icon: "sort" #text: "Sort" #action: "sort" -items: [ [ "text" => "Par titre" "action" => "sort" "data" => [ "sort" => "title" ] ] [ "text" => "Par année de publication" "action" => "sort" "data" => [ "sort" => "publicationYear" ] ] [ "text" => "Par date d'ajout" "action" => "sort" "data" => [ "sort" => "createdAt" ] ] ] } App\Manager\Toolbar\Element\ToolbarDropdown {#1059 #icon: "filter" #text: "Filter" #action: "filter" -items: [ [ "text" => "Tous les mangas" "action" => "filter" "data" => [ "filter" => "all" ] ] [ "text" => "Mangas en cours" "action" => "filter" "data" => [ "filter" => "ongoing" ] ] [ "text" => "Mangas terminés" "action" => "filter" "data" => [ "filter" => "completed" ] ] ] } ] ] ] } |
|||
| ToolBarButton | App\Twig\Components\ToolBarButton | 8.0 MiB | 1.44 ms | |
|---|---|---|---|---|
| Input props | [ "icon" => "arrows-rotate" "text" => "Refresh" "action" => "toolbar#refreshMetadata" "controller" => "toolbar" "data" => [] ] |
|||
| Attributes | [ "icon" => "arrows-rotate" "text" => "Refresh" "action" => "toolbar#refreshMetadata" "controller" => "toolbar" ] |
|||
| Component | App\Twig\Components\ToolBarButton {#3686 +data: [] } |
|||
| ToolBarButton | App\Twig\Components\ToolBarButton | 8.0 MiB | 1.03 ms | |
|---|---|---|---|---|
| Input props | [ "icon" => "search" "text" => "Search" "action" => "toolbar#searchLastChapter" "controller" => "toolbar" "data" => [] ] |
|||
| Attributes | [ "icon" => "search" "text" => "Search" "action" => "toolbar#searchLastChapter" "controller" => "toolbar" ] |
|||
| Component | App\Twig\Components\ToolBarButton {#3769 +data: [] } |
|||
| ToolBarButton | App\Twig\Components\ToolBarButton | 8.0 MiB | 0.99 ms | |
|---|---|---|---|---|
| Input props | [ "icon" => "th-large" "text" => "Options" "action" => "toolbar#options" "controller" => "toolbar" "data" => [] ] |
|||
| Attributes | [ "icon" => "th-large" "text" => "Options" "action" => "toolbar#options" "controller" => "toolbar" ] |
|||
| Component | App\Twig\Components\ToolBarButton {#3829 +data: [] } |
|||
| Divider |
[Anonymous]
|
8.0 MiB | 0.35 ms | |
|---|---|---|---|---|
| Input props | [] |
|||
| Attributes | [] |
|||
| Component | Symfony\UX\TwigComponent\AnonymousComponent {#3890 -props: [] } |
|||
| DropdownMenu | App\Twig\Components\DropdownMenu | 8.0 MiB | 2.59 ms | |
|---|---|---|---|---|
| Input props | [ "icon" => "eye" "text" => "View" "action" => "changeView" "items" => [ [ "text" => "Poster View" "action" => "changeView" "data" => [ "view" => "poster" ] ] [ "text" => "Table View" "action" => "changeView" "data" => [ "view" => "table" ] ] [ "text" => "Resume View" "action" => "changeView" "data" => [ "view" => "resume" ] ] ] ] |
|||
| Attributes | [ "icon" => "eye" "text" => "View" "action" => "changeView" ] |
|||
| Component | App\Twig\Components\DropdownMenu {#3953 +items: [ [ "text" => "Poster View" "action" => "changeView" "data" => [ "view" => "poster" ] ] [ "text" => "Table View" "action" => "changeView" "data" => [ "view" => "table" ] ] [ "text" => "Resume View" "action" => "changeView" "data" => [ "view" => "resume" ] ] ] } |
|||
| ToolBarButton | App\Twig\Components\ToolBarButton | 8.0 MiB | 0.64 ms | |
|---|---|---|---|---|
| Input props | [ "icon" => "eye" "text" => "View" "action" => "dropdown#toggle" "data-dropdown-target" => "button" "controller" => "" ] |
|||
| Attributes | [ "icon" => "eye" "text" => "View" "action" => "dropdown#toggle" "data-dropdown-target" => "button" "controller" => "" ] |
|||
| Component | App\Twig\Components\ToolBarButton {#4020 +data: null } |
|||
| DropdownMenu | App\Twig\Components\DropdownMenu | 8.0 MiB | 2.31 ms | |
|---|---|---|---|---|
| Input props | [ "icon" => "sort" "text" => "Sort" "action" => "sort" "items" => [ [ "text" => "Par titre" "action" => "sort" "data" => [ "sort" => "title" ] ] [ "text" => "Par année de publication" "action" => "sort" "data" => [ "sort" => "publicationYear" ] ] [ "text" => "Par date d'ajout" "action" => "sort" "data" => [ "sort" => "createdAt" ] ] ] ] |
|||
| Attributes | [ "icon" => "sort" "text" => "Sort" "action" => "sort" ] |
|||
| Component | App\Twig\Components\DropdownMenu {#4094 +items: [ [ "text" => "Par titre" "action" => "sort" "data" => [ "sort" => "title" ] ] [ "text" => "Par année de publication" "action" => "sort" "data" => [ "sort" => "publicationYear" ] ] [ "text" => "Par date d'ajout" "action" => "sort" "data" => [ "sort" => "createdAt" ] ] ] } |
|||
| ToolBarButton | App\Twig\Components\ToolBarButton | 8.0 MiB | 0.59 ms | |
|---|---|---|---|---|
| Input props | [ "icon" => "sort" "text" => "Sort" "action" => "dropdown#toggle" "data-dropdown-target" => "button" "controller" => "" ] |
|||
| Attributes | [ "icon" => "sort" "text" => "Sort" "action" => "dropdown#toggle" "data-dropdown-target" => "button" "controller" => "" ] |
|||
| Component | App\Twig\Components\ToolBarButton {#4144 +data: null } |
|||
| DropdownMenu | App\Twig\Components\DropdownMenu | 8.0 MiB | 2.27 ms | |
|---|---|---|---|---|
| Input props | [ "icon" => "filter" "text" => "Filter" "action" => "filter" "items" => [ [ "text" => "Tous les mangas" "action" => "filter" "data" => [ "filter" => "all" ] ] [ "text" => "Mangas en cours" "action" => "filter" "data" => [ "filter" => "ongoing" ] ] [ "text" => "Mangas terminés" "action" => "filter" "data" => [ "filter" => "completed" ] ] ] ] |
|||
| Attributes | [ "icon" => "filter" "text" => "Filter" "action" => "filter" ] |
|||
| Component | App\Twig\Components\DropdownMenu {#4215 +items: [ [ "text" => "Tous les mangas" "action" => "filter" "data" => [ "filter" => "all" ] ] [ "text" => "Mangas en cours" "action" => "filter" "data" => [ "filter" => "ongoing" ] ] [ "text" => "Mangas terminés" "action" => "filter" "data" => [ "filter" => "completed" ] ] ] } |
|||
| ToolBarButton | App\Twig\Components\ToolBarButton | 8.0 MiB | 0.62 ms | |
|---|---|---|---|---|
| Input props | [ "icon" => "filter" "text" => "Filter" "action" => "dropdown#toggle" "data-dropdown-target" => "button" "controller" => "" ] |
|||
| Attributes | [ "icon" => "filter" "text" => "Filter" "action" => "dropdown#toggle" "data-dropdown-target" => "button" "controller" => "" ] |
|||
| Component | App\Twig\Components\ToolBarButton {#4265 +data: null } |
|||