Components
5
Twig Components
15
Render Count
54
ms
Render Time
8.0
MiB
Memory Usage
Components
| Name | Metadata | Render Count | Render Time |
|---|---|---|---|
| ToolBarButton |
"App\Twig\Components\ToolBarButton"components/ToolBarButton.html.twig |
8 | 4.98ms |
| Modal |
[Anonymous]
components/Modal.html.twig
|
3 | 28.19ms |
| Divider |
[Anonymous]
components/Divider.html.twig
|
2 | 0.40ms |
| Search |
"App\Twig\Components\Search"components/Search.html.twig |
1 | 1.10ms |
| Toolbar |
[Anonymous]
components/Toolbar.html.twig
|
1 | 24.67ms |
Render calls
| Search | App\Twig\Components\Search | 6.0 MiB | 1.10 ms | |
|---|---|---|---|---|
| Input props | [] |
|||
| Attributes | [] |
|||
| Component | App\Twig\Components\Search {#2842 +query: null -mangaRepository: App\Repository\MangaRepository {#858 …} } |
|||
| Toolbar |
[Anonymous]
|
6.0 MiB | 24.67 ms | |
|---|---|---|---|---|
| Input props | [ "toolbar" => [ "leftGroup" => [ App\Manager\Toolbar\Element\ToolbarButton {#2512 #icon: "arrows-rotate" #text: "Refresh metadata" #action: "toolbar#refreshMetadata" #data: [ "mangaId" => 3 "isMonitored" => 0 ] } App\Manager\Toolbar\Element\ToolbarDivider {#2370 #icon: "divider" #text: "" #action: "" } App\Manager\Toolbar\Element\ToolbarButton {#2378 #icon: "keyboard" #text: "Rename chapters" #action: "toolbar#renameChapters" #data: [] } App\Manager\Toolbar\Element\ToolbarButton {#2720 #icon: "file-zipper" #text: "Manage cbz" #action: "toolbar#manageCbz" #data: [ "mangaId" => 3 "isMonitored" => 0 ] } App\Manager\Toolbar\Element\ToolbarButton {#2721 #icon: "gear" #text: "Preferred Sources" #action: "toolbar#editPreferredSources" #data: [ "mangaId" => 3 "isMonitored" => 0 ] } ] "rightGroup" => [ App\Manager\Toolbar\Element\ToolbarButton {#2722 #icon: "bookmark" #text: "Monitoring" #action: "toolbar#monitoring" #data: [ "mangaId" => 3 "isMonitored" => 0 "buttonClass" => "text-white" ] } App\Manager\Toolbar\Element\ToolbarButton {#2723 #icon: "wrench" #text: "Edit" #action: "toolbar#editManga" #data: [ "mangaId" => 3 "isMonitored" => 0 ] } App\Manager\Toolbar\Element\ToolbarButton {#2724 #icon: "trash-can" #text: "Delete" #action: "toolbar#deleteManga" #data: [ "mangaId" => 3 "isMonitored" => 0 ] } App\Manager\Toolbar\Element\ToolbarDivider {#2725 #icon: "divider" #text: "" #action: "" } App\Manager\Toolbar\Element\ToolbarButton {#2726 #icon: "chevron-down" #text: "Expand all" #action: "toolbar#expandAll" #data: [] } ] ] ] |
|||
| Attributes | [ "toolbar" => [ "leftGroup" => [ App\Manager\Toolbar\Element\ToolbarButton {#2512 #icon: "arrows-rotate" #text: "Refresh metadata" #action: "toolbar#refreshMetadata" #data: [ "mangaId" => 3 "isMonitored" => 0 ] } App\Manager\Toolbar\Element\ToolbarDivider {#2370 #icon: "divider" #text: "" #action: "" } App\Manager\Toolbar\Element\ToolbarButton {#2378 #icon: "keyboard" #text: "Rename chapters" #action: "toolbar#renameChapters" #data: [] } App\Manager\Toolbar\Element\ToolbarButton {#2720 #icon: "file-zipper" #text: "Manage cbz" #action: "toolbar#manageCbz" #data: [ "mangaId" => 3 "isMonitored" => 0 ] } App\Manager\Toolbar\Element\ToolbarButton {#2721 #icon: "gear" #text: "Preferred Sources" #action: "toolbar#editPreferredSources" #data: [ "mangaId" => 3 "isMonitored" => 0 ] } ] "rightGroup" => [ App\Manager\Toolbar\Element\ToolbarButton {#2722 #icon: "bookmark" #text: "Monitoring" #action: "toolbar#monitoring" #data: [ "mangaId" => 3 "isMonitored" => 0 "buttonClass" => "text-white" ] } App\Manager\Toolbar\Element\ToolbarButton {#2723 #icon: "wrench" #text: "Edit" #action: "toolbar#editManga" #data: [ "mangaId" => 3 "isMonitored" => 0 ] } App\Manager\Toolbar\Element\ToolbarButton {#2724 #icon: "trash-can" #text: "Delete" #action: "toolbar#deleteManga" #data: [ "mangaId" => 3 "isMonitored" => 0 ] } App\Manager\Toolbar\Element\ToolbarDivider {#2725 #icon: "divider" #text: "" #action: "" } App\Manager\Toolbar\Element\ToolbarButton {#2726 #icon: "chevron-down" #text: "Expand all" #action: "toolbar#expandAll" #data: [] } ] ] ] |
|||
| Component | Symfony\UX\TwigComponent\AnonymousComponent {#2978 -props: [ "toolbar" => [ "leftGroup" => [ App\Manager\Toolbar\Element\ToolbarButton {#2512 #icon: "arrows-rotate" #text: "Refresh metadata" #action: "toolbar#refreshMetadata" #data: [ "mangaId" => 3 "isMonitored" => 0 ] } App\Manager\Toolbar\Element\ToolbarDivider {#2370 #icon: "divider" #text: "" #action: "" } App\Manager\Toolbar\Element\ToolbarButton {#2378 #icon: "keyboard" #text: "Rename chapters" #action: "toolbar#renameChapters" #data: [] } App\Manager\Toolbar\Element\ToolbarButton {#2720 #icon: "file-zipper" #text: "Manage cbz" #action: "toolbar#manageCbz" #data: [ "mangaId" => 3 "isMonitored" => 0 ] } App\Manager\Toolbar\Element\ToolbarButton {#2721 #icon: "gear" #text: "Preferred Sources" #action: "toolbar#editPreferredSources" #data: [ "mangaId" => 3 "isMonitored" => 0 ] } ] "rightGroup" => [ App\Manager\Toolbar\Element\ToolbarButton {#2722 #icon: "bookmark" #text: "Monitoring" #action: "toolbar#monitoring" #data: [ "mangaId" => 3 "isMonitored" => 0 "buttonClass" => "text-white" ] } App\Manager\Toolbar\Element\ToolbarButton {#2723 #icon: "wrench" #text: "Edit" #action: "toolbar#editManga" #data: [ "mangaId" => 3 "isMonitored" => 0 ] } App\Manager\Toolbar\Element\ToolbarButton {#2724 #icon: "trash-can" #text: "Delete" #action: "toolbar#deleteManga" #data: [ "mangaId" => 3 "isMonitored" => 0 ] } App\Manager\Toolbar\Element\ToolbarDivider {#2725 #icon: "divider" #text: "" #action: "" } App\Manager\Toolbar\Element\ToolbarButton {#2726 #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" => 3 "isMonitored" => 0 ] ] |
|||
| Attributes | [ "icon" => "arrows-rotate" "text" => "Refresh metadata" "action" => "toolbar#refreshMetadata" "controller" => "toolbar" ] |
|||
| Component | App\Twig\Components\ToolBarButton {#3035 +data: [ "mangaId" => 3 "isMonitored" => 0 ] } |
|||
| Divider |
[Anonymous]
|
6.0 MiB | 0.23 ms | |
|---|---|---|---|---|
| Input props | [] |
|||
| Attributes | [] |
|||
| Component | Symfony\UX\TwigComponent\AnonymousComponent {#3119 -props: [] } |
|||
| ToolBarButton | App\Twig\Components\ToolBarButton | 6.0 MiB | 0.57 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 {#3180 +data: [] } |
|||
| ToolBarButton | App\Twig\Components\ToolBarButton | 6.0 MiB | 0.60 ms | |
|---|---|---|---|---|
| Input props | [ "icon" => "file-zipper" "text" => "Manage cbz" "action" => "toolbar#manageCbz" "controller" => "toolbar" "data" => [ "mangaId" => 3 "isMonitored" => 0 ] ] |
|||
| Attributes | [ "icon" => "file-zipper" "text" => "Manage cbz" "action" => "toolbar#manageCbz" "controller" => "toolbar" ] |
|||
| Component | App\Twig\Components\ToolBarButton {#3240 +data: [ "mangaId" => 3 "isMonitored" => 0 ] } |
|||
| ToolBarButton | App\Twig\Components\ToolBarButton | 6.0 MiB | 0.62 ms | |
|---|---|---|---|---|
| Input props | [ "icon" => "gear" "text" => "Preferred Sources" "action" => "toolbar#editPreferredSources" "controller" => "toolbar" "data" => [ "mangaId" => 3 "isMonitored" => 0 ] ] |
|||
| Attributes | [ "icon" => "gear" "text" => "Preferred Sources" "action" => "toolbar#editPreferredSources" "controller" => "toolbar" ] |
|||
| Component | App\Twig\Components\ToolBarButton {#3300 +data: [ "mangaId" => 3 "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" => 3 "isMonitored" => 0 "buttonClass" => "text-white" ] ] |
|||
| Attributes | [ "icon" => "bookmark" "text" => "Monitoring" "action" => "toolbar#monitoring" "controller" => "toolbar" ] |
|||
| Component | App\Twig\Components\ToolBarButton {#3360 +data: [ "mangaId" => 3 "isMonitored" => 0 "buttonClass" => "text-white" ] } |
|||
| ToolBarButton | App\Twig\Components\ToolBarButton | 6.0 MiB | 0.63 ms | |
|---|---|---|---|---|
| Input props | [ "icon" => "wrench" "text" => "Edit" "action" => "toolbar#editManga" "controller" => "toolbar" "data" => [ "mangaId" => 3 "isMonitored" => 0 ] ] |
|||
| Attributes | [ "icon" => "wrench" "text" => "Edit" "action" => "toolbar#editManga" "controller" => "toolbar" ] |
|||
| Component | App\Twig\Components\ToolBarButton {#3420 +data: [ "mangaId" => 3 "isMonitored" => 0 ] } |
|||
| ToolBarButton | App\Twig\Components\ToolBarButton | 6.0 MiB | 0.59 ms | |
|---|---|---|---|---|
| Input props | [ "icon" => "trash-can" "text" => "Delete" "action" => "toolbar#deleteManga" "controller" => "toolbar" "data" => [ "mangaId" => 3 "isMonitored" => 0 ] ] |
|||
| Attributes | [ "icon" => "trash-can" "text" => "Delete" "action" => "toolbar#deleteManga" "controller" => "toolbar" ] |
|||
| Component | App\Twig\Components\ToolBarButton {#3480 +data: [ "mangaId" => 3 "isMonitored" => 0 ] } |
|||
| Divider |
[Anonymous]
|
6.0 MiB | 0.17 ms | |
|---|---|---|---|---|
| Input props | [] |
|||
| Attributes | [] |
|||
| Component | Symfony\UX\TwigComponent\AnonymousComponent {#3540 -props: [] } |
|||
| ToolBarButton | App\Twig\Components\ToolBarButton | 6.0 MiB | 0.62 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 {#3598 +data: [] } |
|||
| Modal |
[Anonymous]
|
8.0 MiB | 10.92 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 {#3682 -props: [ "openTrigger" => "openEditModal" "closeTrigger" => "closeEditModal" "title" => "Edit Manga" "modalClass" => "w-full max-w-4xl" ] } |
|||
| Modal |
[Anonymous]
|
8.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 {#3911 -props: [ "openTrigger" => "openDeleteModal" "closeTrigger" => "closeDeleteModal" "title" => "Delete Manga" ] } |
|||
| Modal |
[Anonymous]
|
8.0 MiB | 16.91 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 {#3975 -props: [ "openTrigger" => "openPreferredSourcesModal" "closeTrigger" => "closePreferredSourcesModal" "title" => "Manage Preferred Sources" "modalClass" => "w-full max-w-4xl" ] } |
|||