GET https://mangarr.test.nestor-server.fr/

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
}