Components
5
Twig Components
15
Render Count
75
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.93ms |
| Modal |
[Anonymous]
components/Modal.html.twig
|
3 | 34.95ms |
| Divider |
[Anonymous]
components/Divider.html.twig
|
2 | 0.46ms |
| Search |
"App\Twig\Components\Search"components/Search.html.twig |
1 | 3.14ms |
| Toolbar |
[Anonymous]
components/Toolbar.html.twig
|
1 | 36.61ms |
Render calls
| Search | App\Twig\Components\Search | 6.0 MiB | 3.14 ms | |
|---|---|---|---|---|
| Input props | [] |
|||
| Attributes | [] |
|||
| Component | App\Twig\Components\Search {#2358 +query: null -mangaRepository: App\Repository\MangaRepository {#858 …} } |
|||
| Toolbar |
[Anonymous]
|
6.0 MiB | 36.61 ms | |
|---|---|---|---|---|
| Input props | [ "toolbar" => [ "leftGroup" => [ App\Manager\Toolbar\Element\ToolbarButton {#2073 #icon: "arrows-rotate" #text: "Refresh metadata" #action: "toolbar#refreshMetadata" #data: [ "mangaId" => 1 "isMonitored" => 0 ] } App\Manager\Toolbar\Element\ToolbarDivider {#1931 #icon: "divider" #text: "" #action: "" } App\Manager\Toolbar\Element\ToolbarButton {#1939 #icon: "keyboard" #text: "Rename chapters" #action: "toolbar#renameChapters" #data: [] } App\Manager\Toolbar\Element\ToolbarButton {#2242 #icon: "file-zipper" #text: "Manage cbz" #action: "toolbar#manageCbz" #data: [ "mangaId" => 1 "isMonitored" => 0 ] } App\Manager\Toolbar\Element\ToolbarButton {#2243 #icon: "gear" #text: "Preferred Sources" #action: "toolbar#editPreferredSources" #data: [ "mangaId" => 1 "isMonitored" => 0 ] } ] "rightGroup" => [ App\Manager\Toolbar\Element\ToolbarButton {#2244 #icon: "bookmark" #text: "Monitoring" #action: "toolbar#monitoring" #data: [ "mangaId" => 1 "isMonitored" => 0 "buttonClass" => "text-white" ] } App\Manager\Toolbar\Element\ToolbarButton {#2245 #icon: "wrench" #text: "Edit" #action: "toolbar#editManga" #data: [ "mangaId" => 1 "isMonitored" => 0 ] } App\Manager\Toolbar\Element\ToolbarButton {#2246 #icon: "trash-can" #text: "Delete" #action: "toolbar#deleteManga" #data: [ "mangaId" => 1 "isMonitored" => 0 ] } App\Manager\Toolbar\Element\ToolbarDivider {#2247 #icon: "divider" #text: "" #action: "" } App\Manager\Toolbar\Element\ToolbarButton {#2248 #icon: "chevron-down" #text: "Expand all" #action: "toolbar#expandAll" #data: [] } ] ] ] |
|||
| Attributes | [ "toolbar" => [ "leftGroup" => [ App\Manager\Toolbar\Element\ToolbarButton {#2073 #icon: "arrows-rotate" #text: "Refresh metadata" #action: "toolbar#refreshMetadata" #data: [ "mangaId" => 1 "isMonitored" => 0 ] } App\Manager\Toolbar\Element\ToolbarDivider {#1931 #icon: "divider" #text: "" #action: "" } App\Manager\Toolbar\Element\ToolbarButton {#1939 #icon: "keyboard" #text: "Rename chapters" #action: "toolbar#renameChapters" #data: [] } App\Manager\Toolbar\Element\ToolbarButton {#2242 #icon: "file-zipper" #text: "Manage cbz" #action: "toolbar#manageCbz" #data: [ "mangaId" => 1 "isMonitored" => 0 ] } App\Manager\Toolbar\Element\ToolbarButton {#2243 #icon: "gear" #text: "Preferred Sources" #action: "toolbar#editPreferredSources" #data: [ "mangaId" => 1 "isMonitored" => 0 ] } ] "rightGroup" => [ App\Manager\Toolbar\Element\ToolbarButton {#2244 #icon: "bookmark" #text: "Monitoring" #action: "toolbar#monitoring" #data: [ "mangaId" => 1 "isMonitored" => 0 "buttonClass" => "text-white" ] } App\Manager\Toolbar\Element\ToolbarButton {#2245 #icon: "wrench" #text: "Edit" #action: "toolbar#editManga" #data: [ "mangaId" => 1 "isMonitored" => 0 ] } App\Manager\Toolbar\Element\ToolbarButton {#2246 #icon: "trash-can" #text: "Delete" #action: "toolbar#deleteManga" #data: [ "mangaId" => 1 "isMonitored" => 0 ] } App\Manager\Toolbar\Element\ToolbarDivider {#2247 #icon: "divider" #text: "" #action: "" } App\Manager\Toolbar\Element\ToolbarButton {#2248 #icon: "chevron-down" #text: "Expand all" #action: "toolbar#expandAll" #data: [] } ] ] ] |
|||
| Component | Symfony\UX\TwigComponent\AnonymousComponent {#2494 -props: [ "toolbar" => [ "leftGroup" => [ App\Manager\Toolbar\Element\ToolbarButton {#2073 #icon: "arrows-rotate" #text: "Refresh metadata" #action: "toolbar#refreshMetadata" #data: [ "mangaId" => 1 "isMonitored" => 0 ] } App\Manager\Toolbar\Element\ToolbarDivider {#1931 #icon: "divider" #text: "" #action: "" } App\Manager\Toolbar\Element\ToolbarButton {#1939 #icon: "keyboard" #text: "Rename chapters" #action: "toolbar#renameChapters" #data: [] } App\Manager\Toolbar\Element\ToolbarButton {#2242 #icon: "file-zipper" #text: "Manage cbz" #action: "toolbar#manageCbz" #data: [ "mangaId" => 1 "isMonitored" => 0 ] } App\Manager\Toolbar\Element\ToolbarButton {#2243 #icon: "gear" #text: "Preferred Sources" #action: "toolbar#editPreferredSources" #data: [ "mangaId" => 1 "isMonitored" => 0 ] } ] "rightGroup" => [ App\Manager\Toolbar\Element\ToolbarButton {#2244 #icon: "bookmark" #text: "Monitoring" #action: "toolbar#monitoring" #data: [ "mangaId" => 1 "isMonitored" => 0 "buttonClass" => "text-white" ] } App\Manager\Toolbar\Element\ToolbarButton {#2245 #icon: "wrench" #text: "Edit" #action: "toolbar#editManga" #data: [ "mangaId" => 1 "isMonitored" => 0 ] } App\Manager\Toolbar\Element\ToolbarButton {#2246 #icon: "trash-can" #text: "Delete" #action: "toolbar#deleteManga" #data: [ "mangaId" => 1 "isMonitored" => 0 ] } App\Manager\Toolbar\Element\ToolbarDivider {#2247 #icon: "divider" #text: "" #action: "" } App\Manager\Toolbar\Element\ToolbarButton {#2248 #icon: "chevron-down" #text: "Expand all" #action: "toolbar#expandAll" #data: [] } ] ] ] } |
|||
| ToolBarButton | App\Twig\Components\ToolBarButton | 6.0 MiB | 1.03 ms | |
|---|---|---|---|---|
| Input props | [ "icon" => "arrows-rotate" "text" => "Refresh metadata" "action" => "toolbar#refreshMetadata" "controller" => "toolbar" "data" => [ "mangaId" => 1 "isMonitored" => 0 ] ] |
|||
| Attributes | [ "icon" => "arrows-rotate" "text" => "Refresh metadata" "action" => "toolbar#refreshMetadata" "controller" => "toolbar" ] |
|||
| Component | App\Twig\Components\ToolBarButton {#2551 +data: [ "mangaId" => 1 "isMonitored" => 0 ] } |
|||
| Divider |
[Anonymous]
|
6.0 MiB | 0.29 ms | |
|---|---|---|---|---|
| Input props | [] |
|||
| Attributes | [] |
|||
| Component | Symfony\UX\TwigComponent\AnonymousComponent {#2635 -props: [] } |
|||
| ToolBarButton | App\Twig\Components\ToolBarButton | 6.0 MiB | 0.79 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 {#2696 +data: [] } |
|||
| ToolBarButton | App\Twig\Components\ToolBarButton | 6.0 MiB | 0.75 ms | |
|---|---|---|---|---|
| Input props | [ "icon" => "file-zipper" "text" => "Manage cbz" "action" => "toolbar#manageCbz" "controller" => "toolbar" "data" => [ "mangaId" => 1 "isMonitored" => 0 ] ] |
|||
| Attributes | [ "icon" => "file-zipper" "text" => "Manage cbz" "action" => "toolbar#manageCbz" "controller" => "toolbar" ] |
|||
| Component | App\Twig\Components\ToolBarButton {#2756 +data: [ "mangaId" => 1 "isMonitored" => 0 ] } |
|||
| ToolBarButton | App\Twig\Components\ToolBarButton | 6.0 MiB | 0.76 ms | |
|---|---|---|---|---|
| Input props | [ "icon" => "gear" "text" => "Preferred Sources" "action" => "toolbar#editPreferredSources" "controller" => "toolbar" "data" => [ "mangaId" => 1 "isMonitored" => 0 ] ] |
|||
| Attributes | [ "icon" => "gear" "text" => "Preferred Sources" "action" => "toolbar#editPreferredSources" "controller" => "toolbar" ] |
|||
| Component | App\Twig\Components\ToolBarButton {#2816 +data: [ "mangaId" => 1 "isMonitored" => 0 ] } |
|||
| ToolBarButton | App\Twig\Components\ToolBarButton | 6.0 MiB | 0.67 ms | |
|---|---|---|---|---|
| Input props | [ "icon" => "bookmark" "text" => "Monitoring" "action" => "toolbar#monitoring" "controller" => "toolbar" "data" => [ "mangaId" => 1 "isMonitored" => 0 "buttonClass" => "text-white" ] ] |
|||
| Attributes | [ "icon" => "bookmark" "text" => "Monitoring" "action" => "toolbar#monitoring" "controller" => "toolbar" ] |
|||
| Component | App\Twig\Components\ToolBarButton {#2876 +data: [ "mangaId" => 1 "isMonitored" => 0 "buttonClass" => "text-white" ] } |
|||
| ToolBarButton | App\Twig\Components\ToolBarButton | 6.0 MiB | 0.65 ms | |
|---|---|---|---|---|
| Input props | [ "icon" => "wrench" "text" => "Edit" "action" => "toolbar#editManga" "controller" => "toolbar" "data" => [ "mangaId" => 1 "isMonitored" => 0 ] ] |
|||
| Attributes | [ "icon" => "wrench" "text" => "Edit" "action" => "toolbar#editManga" "controller" => "toolbar" ] |
|||
| Component | App\Twig\Components\ToolBarButton {#2936 +data: [ "mangaId" => 1 "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" => 1 "isMonitored" => 0 ] ] |
|||
| Attributes | [ "icon" => "trash-can" "text" => "Delete" "action" => "toolbar#deleteManga" "controller" => "toolbar" ] |
|||
| Component | App\Twig\Components\ToolBarButton {#2996 +data: [ "mangaId" => 1 "isMonitored" => 0 ] } |
|||
| Divider |
[Anonymous]
|
6.0 MiB | 0.17 ms | |
|---|---|---|---|---|
| Input props | [] |
|||
| Attributes | [] |
|||
| Component | Symfony\UX\TwigComponent\AnonymousComponent {#3056 -props: [] } |
|||
| ToolBarButton | App\Twig\Components\ToolBarButton | 6.0 MiB | 0.63 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 {#3114 +data: [] } |
|||
| Modal |
[Anonymous]
|
6.0 MiB | 3.83 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 {#3198 -props: [ "openTrigger" => "openEditModal" "closeTrigger" => "closeEditModal" "title" => "Edit Manga" "modalClass" => "w-full max-w-4xl" ] } |
|||
| Modal |
[Anonymous]
|
6.0 MiB | 0.35 ms | |
|---|---|---|---|---|
| Input props | [ "openTrigger" => "openDeleteModal" "closeTrigger" => "closeDeleteModal" "title" => "Delete Manga" ] |
|||
| Attributes | [ "openTrigger" => "openDeleteModal" "closeTrigger" => "closeDeleteModal" "title" => "Delete Manga" ] |
|||
| Component | Symfony\UX\TwigComponent\AnonymousComponent {#3415 -props: [ "openTrigger" => "openDeleteModal" "closeTrigger" => "closeDeleteModal" "title" => "Delete Manga" ] } |
|||
| Modal |
[Anonymous]
|
6.0 MiB | 30.77 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 {#3479 -props: [ "openTrigger" => "openPreferredSourcesModal" "closeTrigger" => "closePreferredSourcesModal" "title" => "Manage Preferred Sources" "modalClass" => "w-full max-w-4xl" ] } |
|||