Components
5
Twig Components
15
Render Count
30
ms
Render Time
6.0
MiB
Memory Usage
Components
| Name | Metadata | Render Count | Render Time |
|---|---|---|---|
| ToolBarButton |
"App\Twig\Components\ToolBarButton"components/ToolBarButton.html.twig |
8 | 5.05ms |
| Modal |
[Anonymous]
components/Modal.html.twig
|
3 | 6.43ms |
| Divider |
[Anonymous]
components/Divider.html.twig
|
2 | 0.37ms |
| Search |
"App\Twig\Components\Search"components/Search.html.twig |
1 | 0.76ms |
| Toolbar |
[Anonymous]
components/Toolbar.html.twig
|
1 | 22.71ms |
Render calls
| Search | App\Twig\Components\Search | 6.0 MiB | 0.76 ms | |
|---|---|---|---|---|
| Input props | [] |
|||
| Attributes | [] |
|||
| Component | App\Twig\Components\Search {#2131 +query: null -mangaRepository: App\Repository\MangaRepository {#858 …} } |
|||
| Toolbar |
[Anonymous]
|
6.0 MiB | 22.71 ms | |
|---|---|---|---|---|
| Input props | [ "toolbar" => [ "leftGroup" => [ App\Manager\Toolbar\Element\ToolbarButton {#1771 #icon: "arrows-rotate" #text: "Refresh metadata" #action: "toolbar#refreshMetadata" #data: [ "mangaId" => 4 "isMonitored" => 0 ] } App\Manager\Toolbar\Element\ToolbarDivider {#1629 #icon: "divider" #text: "" #action: "" } App\Manager\Toolbar\Element\ToolbarButton {#1637 #icon: "keyboard" #text: "Rename chapters" #action: "toolbar#renameChapters" #data: [] } App\Manager\Toolbar\Element\ToolbarButton {#2005 #icon: "file-zipper" #text: "Manage cbz" #action: "toolbar#manageCbz" #data: [ "mangaId" => 4 "isMonitored" => 0 ] } App\Manager\Toolbar\Element\ToolbarButton {#2006 #icon: "gear" #text: "Preferred Sources" #action: "toolbar#editPreferredSources" #data: [ "mangaId" => 4 "isMonitored" => 0 ] } ] "rightGroup" => [ App\Manager\Toolbar\Element\ToolbarButton {#2007 #icon: "bookmark" #text: "Monitoring" #action: "toolbar#monitoring" #data: [ "mangaId" => 4 "isMonitored" => 0 "buttonClass" => "text-white" ] } App\Manager\Toolbar\Element\ToolbarButton {#2008 #icon: "wrench" #text: "Edit" #action: "toolbar#editManga" #data: [ "mangaId" => 4 "isMonitored" => 0 ] } App\Manager\Toolbar\Element\ToolbarButton {#2009 #icon: "trash-can" #text: "Delete" #action: "toolbar#deleteManga" #data: [ "mangaId" => 4 "isMonitored" => 0 ] } App\Manager\Toolbar\Element\ToolbarDivider {#2010 #icon: "divider" #text: "" #action: "" } App\Manager\Toolbar\Element\ToolbarButton {#2011 #icon: "chevron-down" #text: "Expand all" #action: "toolbar#expandAll" #data: [] } ] ] ] |
|||
| Attributes | [ "toolbar" => [ "leftGroup" => [ App\Manager\Toolbar\Element\ToolbarButton {#1771 #icon: "arrows-rotate" #text: "Refresh metadata" #action: "toolbar#refreshMetadata" #data: [ "mangaId" => 4 "isMonitored" => 0 ] } App\Manager\Toolbar\Element\ToolbarDivider {#1629 #icon: "divider" #text: "" #action: "" } App\Manager\Toolbar\Element\ToolbarButton {#1637 #icon: "keyboard" #text: "Rename chapters" #action: "toolbar#renameChapters" #data: [] } App\Manager\Toolbar\Element\ToolbarButton {#2005 #icon: "file-zipper" #text: "Manage cbz" #action: "toolbar#manageCbz" #data: [ "mangaId" => 4 "isMonitored" => 0 ] } App\Manager\Toolbar\Element\ToolbarButton {#2006 #icon: "gear" #text: "Preferred Sources" #action: "toolbar#editPreferredSources" #data: [ "mangaId" => 4 "isMonitored" => 0 ] } ] "rightGroup" => [ App\Manager\Toolbar\Element\ToolbarButton {#2007 #icon: "bookmark" #text: "Monitoring" #action: "toolbar#monitoring" #data: [ "mangaId" => 4 "isMonitored" => 0 "buttonClass" => "text-white" ] } App\Manager\Toolbar\Element\ToolbarButton {#2008 #icon: "wrench" #text: "Edit" #action: "toolbar#editManga" #data: [ "mangaId" => 4 "isMonitored" => 0 ] } App\Manager\Toolbar\Element\ToolbarButton {#2009 #icon: "trash-can" #text: "Delete" #action: "toolbar#deleteManga" #data: [ "mangaId" => 4 "isMonitored" => 0 ] } App\Manager\Toolbar\Element\ToolbarDivider {#2010 #icon: "divider" #text: "" #action: "" } App\Manager\Toolbar\Element\ToolbarButton {#2011 #icon: "chevron-down" #text: "Expand all" #action: "toolbar#expandAll" #data: [] } ] ] ] |
|||
| Component | Symfony\UX\TwigComponent\AnonymousComponent {#2267 -props: [ "toolbar" => [ "leftGroup" => [ App\Manager\Toolbar\Element\ToolbarButton {#1771 #icon: "arrows-rotate" #text: "Refresh metadata" #action: "toolbar#refreshMetadata" #data: [ "mangaId" => 4 "isMonitored" => 0 ] } App\Manager\Toolbar\Element\ToolbarDivider {#1629 #icon: "divider" #text: "" #action: "" } App\Manager\Toolbar\Element\ToolbarButton {#1637 #icon: "keyboard" #text: "Rename chapters" #action: "toolbar#renameChapters" #data: [] } App\Manager\Toolbar\Element\ToolbarButton {#2005 #icon: "file-zipper" #text: "Manage cbz" #action: "toolbar#manageCbz" #data: [ "mangaId" => 4 "isMonitored" => 0 ] } App\Manager\Toolbar\Element\ToolbarButton {#2006 #icon: "gear" #text: "Preferred Sources" #action: "toolbar#editPreferredSources" #data: [ "mangaId" => 4 "isMonitored" => 0 ] } ] "rightGroup" => [ App\Manager\Toolbar\Element\ToolbarButton {#2007 #icon: "bookmark" #text: "Monitoring" #action: "toolbar#monitoring" #data: [ "mangaId" => 4 "isMonitored" => 0 "buttonClass" => "text-white" ] } App\Manager\Toolbar\Element\ToolbarButton {#2008 #icon: "wrench" #text: "Edit" #action: "toolbar#editManga" #data: [ "mangaId" => 4 "isMonitored" => 0 ] } App\Manager\Toolbar\Element\ToolbarButton {#2009 #icon: "trash-can" #text: "Delete" #action: "toolbar#deleteManga" #data: [ "mangaId" => 4 "isMonitored" => 0 ] } App\Manager\Toolbar\Element\ToolbarDivider {#2010 #icon: "divider" #text: "" #action: "" } App\Manager\Toolbar\Element\ToolbarButton {#2011 #icon: "chevron-down" #text: "Expand all" #action: "toolbar#expandAll" #data: [] } ] ] ] } |
|||
| ToolBarButton | App\Twig\Components\ToolBarButton | 6.0 MiB | 0.74 ms | |
|---|---|---|---|---|
| Input props | [ "icon" => "arrows-rotate" "text" => "Refresh metadata" "action" => "toolbar#refreshMetadata" "controller" => "toolbar" "data" => [ "mangaId" => 4 "isMonitored" => 0 ] ] |
|||
| Attributes | [ "icon" => "arrows-rotate" "text" => "Refresh metadata" "action" => "toolbar#refreshMetadata" "controller" => "toolbar" ] |
|||
| Component | App\Twig\Components\ToolBarButton {#2324 +data: [ "mangaId" => 4 "isMonitored" => 0 ] } |
|||
| Divider |
[Anonymous]
|
6.0 MiB | 0.20 ms | |
|---|---|---|---|---|
| Input props | [] |
|||
| Attributes | [] |
|||
| Component | Symfony\UX\TwigComponent\AnonymousComponent {#2408 -props: [] } |
|||
| ToolBarButton | App\Twig\Components\ToolBarButton | 6.0 MiB | 0.58 ms | |
|---|---|---|---|---|
| Input props | [ "icon" => "keyboard" "text" => "Rename chapters" "action" => "toolbar#renameChapters" "controller" => "toolbar" "data" => [] ] |
|||
| Attributes | [ "icon" => "keyboard" "text" => "Rename chapters" "action" => "toolbar#renameChapters" "controller" => "toolbar" ] |
|||
| Component | App\Twig\Components\ToolBarButton {#2469 +data: [] } |
|||
| ToolBarButton | App\Twig\Components\ToolBarButton | 6.0 MiB | 0.61 ms | |
|---|---|---|---|---|
| Input props | [ "icon" => "file-zipper" "text" => "Manage cbz" "action" => "toolbar#manageCbz" "controller" => "toolbar" "data" => [ "mangaId" => 4 "isMonitored" => 0 ] ] |
|||
| Attributes | [ "icon" => "file-zipper" "text" => "Manage cbz" "action" => "toolbar#manageCbz" "controller" => "toolbar" ] |
|||
| Component | App\Twig\Components\ToolBarButton {#2529 +data: [ "mangaId" => 4 "isMonitored" => 0 ] } |
|||
| ToolBarButton | App\Twig\Components\ToolBarButton | 6.0 MiB | 0.60 ms | |
|---|---|---|---|---|
| Input props | [ "icon" => "gear" "text" => "Preferred Sources" "action" => "toolbar#editPreferredSources" "controller" => "toolbar" "data" => [ "mangaId" => 4 "isMonitored" => 0 ] ] |
|||
| Attributes | [ "icon" => "gear" "text" => "Preferred Sources" "action" => "toolbar#editPreferredSources" "controller" => "toolbar" ] |
|||
| Component | App\Twig\Components\ToolBarButton {#2589 +data: [ "mangaId" => 4 "isMonitored" => 0 ] } |
|||
| ToolBarButton | App\Twig\Components\ToolBarButton | 6.0 MiB | 0.61 ms | |
|---|---|---|---|---|
| Input props | [ "icon" => "bookmark" "text" => "Monitoring" "action" => "toolbar#monitoring" "controller" => "toolbar" "data" => [ "mangaId" => 4 "isMonitored" => 0 "buttonClass" => "text-white" ] ] |
|||
| Attributes | [ "icon" => "bookmark" "text" => "Monitoring" "action" => "toolbar#monitoring" "controller" => "toolbar" ] |
|||
| Component | App\Twig\Components\ToolBarButton {#2649 +data: [ "mangaId" => 4 "isMonitored" => 0 "buttonClass" => "text-white" ] } |
|||
| ToolBarButton | App\Twig\Components\ToolBarButton | 6.0 MiB | 0.64 ms | |
|---|---|---|---|---|
| Input props | [ "icon" => "wrench" "text" => "Edit" "action" => "toolbar#editManga" "controller" => "toolbar" "data" => [ "mangaId" => 4 "isMonitored" => 0 ] ] |
|||
| Attributes | [ "icon" => "wrench" "text" => "Edit" "action" => "toolbar#editManga" "controller" => "toolbar" ] |
|||
| Component | App\Twig\Components\ToolBarButton {#2709 +data: [ "mangaId" => 4 "isMonitored" => 0 ] } |
|||
| ToolBarButton | App\Twig\Components\ToolBarButton | 6.0 MiB | 0.65 ms | |
|---|---|---|---|---|
| Input props | [ "icon" => "trash-can" "text" => "Delete" "action" => "toolbar#deleteManga" "controller" => "toolbar" "data" => [ "mangaId" => 4 "isMonitored" => 0 ] ] |
|||
| Attributes | [ "icon" => "trash-can" "text" => "Delete" "action" => "toolbar#deleteManga" "controller" => "toolbar" ] |
|||
| Component | App\Twig\Components\ToolBarButton {#2769 +data: [ "mangaId" => 4 "isMonitored" => 0 ] } |
|||
| Divider |
[Anonymous]
|
6.0 MiB | 0.17 ms | |
|---|---|---|---|---|
| Input props | [] |
|||
| Attributes | [] |
|||
| Component | Symfony\UX\TwigComponent\AnonymousComponent {#2829 -props: [] } |
|||
| ToolBarButton | App\Twig\Components\ToolBarButton | 6.0 MiB | 0.61 ms | |
|---|---|---|---|---|
| Input props | [ "icon" => "chevron-down" "text" => "Expand all" "action" => "toolbar#expandAll" "controller" => "toolbar" "data" => [] ] |
|||
| Attributes | [ "icon" => "chevron-down" "text" => "Expand all" "action" => "toolbar#expandAll" "controller" => "toolbar" ] |
|||
| Component | App\Twig\Components\ToolBarButton {#2887 +data: [] } |
|||
| Modal |
[Anonymous]
|
6.0 MiB | 4.18 ms | |
|---|---|---|---|---|
| Input props | [ "openTrigger" => "openEditModal" "closeTrigger" => "closeEditModal" "title" => "Edit Manga" "modalClass" => "w-full max-w-4xl" ] |
|||
| Attributes | [ "openTrigger" => "openEditModal" "closeTrigger" => "closeEditModal" "title" => "Edit Manga" "modalClass" => "w-full max-w-4xl" ] |
|||
| Component | Symfony\UX\TwigComponent\AnonymousComponent {#2971 -props: [ "openTrigger" => "openEditModal" "closeTrigger" => "closeEditModal" "title" => "Edit Manga" "modalClass" => "w-full max-w-4xl" ] } |
|||
| Modal |
[Anonymous]
|
6.0 MiB | 0.40 ms | |
|---|---|---|---|---|
| Input props | [ "openTrigger" => "openDeleteModal" "closeTrigger" => "closeDeleteModal" "title" => "Delete Manga" ] |
|||
| Attributes | [ "openTrigger" => "openDeleteModal" "closeTrigger" => "closeDeleteModal" "title" => "Delete Manga" ] |
|||
| Component | Symfony\UX\TwigComponent\AnonymousComponent {#3208 -props: [ "openTrigger" => "openDeleteModal" "closeTrigger" => "closeDeleteModal" "title" => "Delete Manga" ] } |
|||
| Modal |
[Anonymous]
|
6.0 MiB | 1.85 ms | |
|---|---|---|---|---|
| Input props | [ "openTrigger" => "openPreferredSourcesModal" "closeTrigger" => "closePreferredSourcesModal" "title" => "Manage Preferred Sources" "modalClass" => "w-full max-w-4xl" ] |
|||
| Attributes | [ "openTrigger" => "openPreferredSourcesModal" "closeTrigger" => "closePreferredSourcesModal" "title" => "Manage Preferred Sources" "modalClass" => "w-full max-w-4xl" ] |
|||
| Component | Symfony\UX\TwigComponent\AnonymousComponent {#3272 -props: [ "openTrigger" => "openPreferredSourcesModal" "closeTrigger" => "closePreferredSourcesModal" "title" => "Manage Preferred Sources" "modalClass" => "w-full max-w-4xl" ] } |
|||