@@ -24,10 +24,10 @@ var ciDebugBar = {
24
24
document . getElementById ( 'debug-icon-link' ) . addEventListener ( 'click' , ciDebugBar . toggleToolbar , true ) ;
25
25
26
26
// Allows to highlight the row of the current history request
27
- var btn = document . querySelector ( 'button[data-time="' + localStorage . getItem ( 'debugbar-time' ) + '"]' ) ;
27
+ var btn = this . toolbar . querySelector ( 'button[data-time="' + localStorage . getItem ( 'debugbar-time' ) + '"]' ) ;
28
28
ciDebugBar . addClass ( btn . parentNode . parentNode , 'current' ) ;
29
29
30
- historyLoad = document . getElementsByClassName ( 'ci-history-load' ) ;
30
+ historyLoad = this . toolbar . getElementsByClassName ( 'ci-history-load' ) ;
31
31
32
32
for ( var i = 0 ; i < historyLoad . length ; i ++ )
33
33
{
@@ -52,15 +52,15 @@ var ciDebugBar = {
52
52
} ,
53
53
54
54
createListeners : function ( ) {
55
- var buttons = [ ] . slice . call ( document . querySelectorAll ( '#debug-bar .ci-label a' ) ) ;
55
+ var buttons = [ ] . slice . call ( this . toolbar . querySelectorAll ( '.ci-label a' ) ) ;
56
56
57
57
for ( var i = 0 ; i < buttons . length ; i ++ )
58
58
{
59
59
buttons [ i ] . addEventListener ( 'click' , ciDebugBar . showTab , true ) ;
60
60
}
61
61
62
62
// Hook up generic toggle via data attributes `data-toggle="foo"`
63
- var links = document . querySelectorAll ( '[data-toggle]' ) ;
63
+ var links = this . toolbar . querySelectorAll ( '[data-toggle]' ) ;
64
64
for ( var i = 0 ; i < links . length ; i ++ )
65
65
{
66
66
links [ i ] . addEventListener ( 'click' , ciDebugBar . toggleRows , true ) ;
@@ -84,15 +84,15 @@ var ciDebugBar = {
84
84
var state = tab . style . display ;
85
85
86
86
// Hide all tabs
87
- var tabs = document . querySelectorAll ( '#debug-bar .tab' ) ;
87
+ var tabs = this . toolbar . querySelectorAll ( '.tab' ) ;
88
88
89
89
for ( var i = 0 ; i < tabs . length ; i ++ )
90
90
{
91
91
tabs [ i ] . style . display = 'none' ;
92
92
}
93
93
94
94
// Mark all labels as inactive
95
- var labels = document . querySelectorAll ( '#debug-bar .ci-label' ) ;
95
+ var labels = this . toolbar . querySelectorAll ( '.ci-label' ) ;
96
96
97
97
for ( var i = 0 ; i < labels . length ; i ++ )
98
98
{
@@ -502,7 +502,7 @@ var ciDebugBar = {
502
502
} ,
503
503
504
504
setToolbarPosition : function ( ) {
505
- var btnPosition = document . getElementById ( ' toolbar-position') ;
505
+ var btnPosition = this . toolbar . querySelector ( '# toolbar-position') ;
506
506
507
507
if ( ciDebugBar . readCookie ( 'debug-bar-position' ) === 'top' )
508
508
{
@@ -531,7 +531,7 @@ var ciDebugBar = {
531
531
} ,
532
532
533
533
setToolbarTheme : function ( ) {
534
- var btnTheme = document . getElementById ( ' toolbar-theme') ;
534
+ var btnTheme = this . toolbar . querySelector ( '# toolbar-theme') ;
535
535
var isDarkMode = window . matchMedia ( "(prefers-color-scheme: dark)" ) . matches ;
536
536
var isLightMode = window . matchMedia ( "(prefers-color-scheme: light)" ) . matches ;
537
537
@@ -627,7 +627,7 @@ var ciDebugBar = {
627
627
628
628
routerLink : function ( ) {
629
629
var row , _location ;
630
- var rowGet = document . querySelectorAll ( '#debug-bar td[data-debugbar-route="GET"]' ) ;
630
+ var rowGet = this . toolbar . querySelectorAll ( 'td[data-debugbar-route="GET"]' ) ;
631
631
var patt = / \( (?: [ ^ ) ( ] + | \( (?: [ ^ ) ( ] + | \( [ ^ ) ( ] * \) ) * \) ) * \) / ;
632
632
633
633
for ( var i = 0 ; i < rowGet . length ; i ++ )
@@ -653,7 +653,7 @@ var ciDebugBar = {
653
653
}
654
654
}
655
655
656
- rowGet = document . querySelectorAll ( '#debug-bar td[data-debugbar-route="GET"] form' ) ;
656
+ rowGet = this . toolbar . querySelectorAll ( 'td[data-debugbar-route="GET"] form' ) ;
657
657
for ( var i = 0 ; i < rowGet . length ; i ++ )
658
658
{
659
659
row = rowGet [ i ] ;
0 commit comments