GET https://mangarr.test.nestor-server.fr/manga/chapters/versus

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 4.91ms
Modal
[Anonymous]
components/Modal.html.twig
3 6.10ms
Divider
[Anonymous]
components/Divider.html.twig
2 0.37ms
Search
"App\Twig\Components\Search"
components/Search.html.twig
1 0.81ms
Toolbar
[Anonymous]
components/Toolbar.html.twig
1 22.64ms

Render calls

Search App\Twig\Components\Search 6.0 MiB 0.81 ms
Input props
[]
Attributes
[]
Component
App\Twig\Components\Search {#1715
  +query: null
  -mangaRepository: App\Repository\MangaRepository {#858 …}
}
Toolbar
[Anonymous]
6.0 MiB 22.64 ms
Input props
[
  "toolbar" => [
    "leftGroup" => [
      App\Manager\Toolbar\Element\ToolbarButton {#1400
        #icon: "arrows-rotate"
        #text: "Refresh metadata"
        #action: "toolbar#refreshMetadata"
        #data: [
          "mangaId" => 2
          "isMonitored" => 0
        ]
      }
      App\Manager\Toolbar\Element\ToolbarDivider {#1258
        #icon: "divider"
        #text: ""
        #action: ""
      }
      App\Manager\Toolbar\Element\ToolbarButton {#1266
        #icon: "keyboard"
        #text: "Rename chapters"
        #action: "toolbar#renameChapters"
        #data: []
      }
      App\Manager\Toolbar\Element\ToolbarButton {#1595
        #icon: "file-zipper"
        #text: "Manage cbz"
        #action: "toolbar#manageCbz"
        #data: [
          "mangaId" => 2
          "isMonitored" => 0
        ]
      }
      App\Manager\Toolbar\Element\ToolbarButton {#1596
        #icon: "gear"
        #text: "Preferred Sources"
        #action: "toolbar#editPreferredSources"
        #data: [
          "mangaId" => 2
          "isMonitored" => 0
        ]
      }
    ]
    "rightGroup" => [
      App\Manager\Toolbar\Element\ToolbarButton {#1597
        #icon: "bookmark"
        #text: "Monitoring"
        #action: "toolbar#monitoring"
        #data: [
          "mangaId" => 2
          "isMonitored" => 0
          "buttonClass" => "text-white"
        ]
      }
      App\Manager\Toolbar\Element\ToolbarButton {#1598
        #icon: "wrench"
        #text: "Edit"
        #action: "toolbar#editManga"
        #data: [
          "mangaId" => 2
          "isMonitored" => 0
        ]
      }
      App\Manager\Toolbar\Element\ToolbarButton {#1599
        #icon: "trash-can"
        #text: "Delete"
        #action: "toolbar#deleteManga"
        #data: [
          "mangaId" => 2
          "isMonitored" => 0
        ]
      }
      App\Manager\Toolbar\Element\ToolbarDivider {#1600
        #icon: "divider"
        #text: ""
        #action: ""
      }
      App\Manager\Toolbar\Element\ToolbarButton {#1601
        #icon: "chevron-down"
        #text: "Expand all"
        #action: "toolbar#expandAll"
        #data: []
      }
    ]
  ]
]
Attributes
[
  "toolbar" => [
    "leftGroup" => [
      App\Manager\Toolbar\Element\ToolbarButton {#1400
        #icon: "arrows-rotate"
        #text: "Refresh metadata"
        #action: "toolbar#refreshMetadata"
        #data: [
          "mangaId" => 2
          "isMonitored" => 0
        ]
      }
      App\Manager\Toolbar\Element\ToolbarDivider {#1258
        #icon: "divider"
        #text: ""
        #action: ""
      }
      App\Manager\Toolbar\Element\ToolbarButton {#1266
        #icon: "keyboard"
        #text: "Rename chapters"
        #action: "toolbar#renameChapters"
        #data: []
      }
      App\Manager\Toolbar\Element\ToolbarButton {#1595
        #icon: "file-zipper"
        #text: "Manage cbz"
        #action: "toolbar#manageCbz"
        #data: [
          "mangaId" => 2
          "isMonitored" => 0
        ]
      }
      App\Manager\Toolbar\Element\ToolbarButton {#1596
        #icon: "gear"
        #text: "Preferred Sources"
        #action: "toolbar#editPreferredSources"
        #data: [
          "mangaId" => 2
          "isMonitored" => 0
        ]
      }
    ]
    "rightGroup" => [
      App\Manager\Toolbar\Element\ToolbarButton {#1597
        #icon: "bookmark"
        #text: "Monitoring"
        #action: "toolbar#monitoring"
        #data: [
          "mangaId" => 2
          "isMonitored" => 0
          "buttonClass" => "text-white"
        ]
      }
      App\Manager\Toolbar\Element\ToolbarButton {#1598
        #icon: "wrench"
        #text: "Edit"
        #action: "toolbar#editManga"
        #data: [
          "mangaId" => 2
          "isMonitored" => 0
        ]
      }
      App\Manager\Toolbar\Element\ToolbarButton {#1599
        #icon: "trash-can"
        #text: "Delete"
        #action: "toolbar#deleteManga"
        #data: [
          "mangaId" => 2
          "isMonitored" => 0
        ]
      }
      App\Manager\Toolbar\Element\ToolbarDivider {#1600
        #icon: "divider"
        #text: ""
        #action: ""
      }
      App\Manager\Toolbar\Element\ToolbarButton {#1601
        #icon: "chevron-down"
        #text: "Expand all"
        #action: "toolbar#expandAll"
        #data: []
      }
    ]
  ]
]
Component
Symfony\UX\TwigComponent\AnonymousComponent {#1851
  -props: [
    "toolbar" => [
      "leftGroup" => [
        App\Manager\Toolbar\Element\ToolbarButton {#1400
          #icon: "arrows-rotate"
          #text: "Refresh metadata"
          #action: "toolbar#refreshMetadata"
          #data: [
            "mangaId" => 2
            "isMonitored" => 0
          ]
        }
        App\Manager\Toolbar\Element\ToolbarDivider {#1258
          #icon: "divider"
          #text: ""
          #action: ""
        }
        App\Manager\Toolbar\Element\ToolbarButton {#1266
          #icon: "keyboard"
          #text: "Rename chapters"
          #action: "toolbar#renameChapters"
          #data: []
        }
        App\Manager\Toolbar\Element\ToolbarButton {#1595
          #icon: "file-zipper"
          #text: "Manage cbz"
          #action: "toolbar#manageCbz"
          #data: [
            "mangaId" => 2
            "isMonitored" => 0
          ]
        }
        App\Manager\Toolbar\Element\ToolbarButton {#1596
          #icon: "gear"
          #text: "Preferred Sources"
          #action: "toolbar#editPreferredSources"
          #data: [
            "mangaId" => 2
            "isMonitored" => 0
          ]
        }
      ]
      "rightGroup" => [
        App\Manager\Toolbar\Element\ToolbarButton {#1597
          #icon: "bookmark"
          #text: "Monitoring"
          #action: "toolbar#monitoring"
          #data: [
            "mangaId" => 2
            "isMonitored" => 0
            "buttonClass" => "text-white"
          ]
        }
        App\Manager\Toolbar\Element\ToolbarButton {#1598
          #icon: "wrench"
          #text: "Edit"
          #action: "toolbar#editManga"
          #data: [
            "mangaId" => 2
            "isMonitored" => 0
          ]
        }
        App\Manager\Toolbar\Element\ToolbarButton {#1599
          #icon: "trash-can"
          #text: "Delete"
          #action: "toolbar#deleteManga"
          #data: [
            "mangaId" => 2
            "isMonitored" => 0
          ]
        }
        App\Manager\Toolbar\Element\ToolbarDivider {#1600
          #icon: "divider"
          #text: ""
          #action: ""
        }
        App\Manager\Toolbar\Element\ToolbarButton {#1601
          #icon: "chevron-down"
          #text: "Expand all"
          #action: "toolbar#expandAll"
          #data: []
        }
      ]
    ]
  ]
}
ToolBarButton App\Twig\Components\ToolBarButton 6.0 MiB 0.68 ms
Input props
[
  "icon" => "arrows-rotate"
  "text" => "Refresh metadata"
  "action" => "toolbar#refreshMetadata"
  "controller" => "toolbar"
  "data" => [
    "mangaId" => 2
    "isMonitored" => 0
  ]
]
Attributes
[
  "icon" => "arrows-rotate"
  "text" => "Refresh metadata"
  "action" => "toolbar#refreshMetadata"
  "controller" => "toolbar"
]
Component
App\Twig\Components\ToolBarButton {#1908
  +data: [
    "mangaId" => 2
    "isMonitored" => 0
  ]
}
Divider
[Anonymous]
6.0 MiB 0.20 ms
Input props
[]
Attributes
[]
Component
Symfony\UX\TwigComponent\AnonymousComponent {#1992
  -props: []
}
ToolBarButton App\Twig\Components\ToolBarButton 6.0 MiB 0.63 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 {#2053
  +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" => 2
    "isMonitored" => 0
  ]
]
Attributes
[
  "icon" => "file-zipper"
  "text" => "Manage cbz"
  "action" => "toolbar#manageCbz"
  "controller" => "toolbar"
]
Component
App\Twig\Components\ToolBarButton {#2113
  +data: [
    "mangaId" => 2
    "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" => 2
    "isMonitored" => 0
  ]
]
Attributes
[
  "icon" => "gear"
  "text" => "Preferred Sources"
  "action" => "toolbar#editPreferredSources"
  "controller" => "toolbar"
]
Component
App\Twig\Components\ToolBarButton {#2173
  +data: [
    "mangaId" => 2
    "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" => 2
    "isMonitored" => 0
    "buttonClass" => "text-white"
  ]
]
Attributes
[
  "icon" => "bookmark"
  "text" => "Monitoring"
  "action" => "toolbar#monitoring"
  "controller" => "toolbar"
]
Component
App\Twig\Components\ToolBarButton {#2233
  +data: [
    "mangaId" => 2
    "isMonitored" => 0
    "buttonClass" => "text-white"
  ]
}
ToolBarButton App\Twig\Components\ToolBarButton 6.0 MiB 0.62 ms
Input props
[
  "icon" => "wrench"
  "text" => "Edit"
  "action" => "toolbar#editManga"
  "controller" => "toolbar"
  "data" => [
    "mangaId" => 2
    "isMonitored" => 0
  ]
]
Attributes
[
  "icon" => "wrench"
  "text" => "Edit"
  "action" => "toolbar#editManga"
  "controller" => "toolbar"
]
Component
App\Twig\Components\ToolBarButton {#2293
  +data: [
    "mangaId" => 2
    "isMonitored" => 0
  ]
}
ToolBarButton App\Twig\Components\ToolBarButton 6.0 MiB 0.60 ms
Input props
[
  "icon" => "trash-can"
  "text" => "Delete"
  "action" => "toolbar#deleteManga"
  "controller" => "toolbar"
  "data" => [
    "mangaId" => 2
    "isMonitored" => 0
  ]
]
Attributes
[
  "icon" => "trash-can"
  "text" => "Delete"
  "action" => "toolbar#deleteManga"
  "controller" => "toolbar"
]
Component
App\Twig\Components\ToolBarButton {#2353
  +data: [
    "mangaId" => 2
    "isMonitored" => 0
  ]
}
Divider
[Anonymous]
6.0 MiB 0.17 ms
Input props
[]
Attributes
[]
Component
Symfony\UX\TwigComponent\AnonymousComponent {#2413
  -props: []
}
ToolBarButton App\Twig\Components\ToolBarButton 6.0 MiB 0.57 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 {#2471
  +data: []
}
Modal
[Anonymous]
6.0 MiB 3.87 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 {#2555
  -props: [
    "openTrigger" => "openEditModal"
    "closeTrigger" => "closeEditModal"
    "title" => "Edit Manga"
    "modalClass" => "w-full max-w-4xl"
  ]
}
Modal
[Anonymous]
6.0 MiB 0.37 ms
Input props
[
  "openTrigger" => "openDeleteModal"
  "closeTrigger" => "closeDeleteModal"
  "title" => "Delete Manga"
]
Attributes
[
  "openTrigger" => "openDeleteModal"
  "closeTrigger" => "closeDeleteModal"
  "title" => "Delete Manga"
]
Component
Symfony\UX\TwigComponent\AnonymousComponent {#2780
  -props: [
    "openTrigger" => "openDeleteModal"
    "closeTrigger" => "closeDeleteModal"
    "title" => "Delete Manga"
  ]
}
Modal
[Anonymous]
6.0 MiB 1.86 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 {#2844
  -props: [
    "openTrigger" => "openPreferredSourcesModal"
    "closeTrigger" => "closePreferredSourcesModal"
    "title" => "Manage Preferred Sources"
    "modalClass" => "w-full max-w-4xl"
  ]
}