markus/finanzen
1
0
Fork 0
Code Issues 1 Pull Requests Packages Projects Releases Wiki Activity

Initial

Browse Source
This commit is contained in:
Markus
2022-04-28 09:40:10 +02:00
commit 795794f992
9586 changed files with 1146991 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

48
system/Debug/Toolbar/Views/_config.tpl Normal file
View File

@@ -0,0 +1,48 @@
<p class="debug-bar-alignRight">
<a href="https://codeigniter4.github.io/CodeIgniter4/index.html" target="_blank" >Read the CodeIgniter docs...</a>
</p>
<table>
<tbody>
<tr>
<td>CodeIgniter Version:</td>
<td>{ ciVersion }</td>
</tr>
<tr>
<td>PHP Version:</td>
<td>{ phpVersion }</td>
</tr>
<tr>
<td>PHP SAPI:</td>
<td>{ phpSAPI }</td>
</tr>
<tr>
<td>Environment:</td>
<td>{ environment }</td>
</tr>
<tr>
<td>Base URL:</td>
<td>
{ if $baseURL == '' }
<div class="warning">
The $baseURL should always be set manually to prevent possible URL personification from external parties.
</div>
{ else }
{ baseURL }
{ endif }
</td>
</tr>
<tr>
<td>Timezone:</td>
<td>{ timezone }</td>
</tr>
<tr>
<td>Locale:</td>
<td>{ locale }</td>
</tr>
<tr>
<td>Content Security Policy Enabled:</td>
<td>{ if $cspEnabled } Yes { else } No { endif }</td>
</tr>
</tbody>
</table>

26
system/Debug/Toolbar/Views/_database.tpl Normal file
View File

@@ -0,0 +1,26 @@
<table>
<thead>
<tr>
<th class="debug-bar-width6r">Time</th>
<th>Query String</th>
</tr>
</thead>
<tbody>
{queries}
<tr class="{class}" title="{hover}" data-toggle="{qid}-trace">
<td class="narrow">{duration}</td>
<td>{! sql !}</td>
<td style="text-align: right"><strong>{trace-file}</strong></td>
</tr>
<tr class="muted" id="{qid}-trace" style="display:none">
<td></td>
<td colspan="2">
{trace}
{index}<strong>{file}</strong><br/>
{function}<br/><br/>
{/trace}
</td>
</tr>
{/queries}
</tbody>
</table>

18
system/Debug/Toolbar/Views/_events.tpl Normal file
View File

@@ -0,0 +1,18 @@
<table>
<thead>
<tr>
<th class="debug-bar-width6r">Time</th>
<th>Event Name</th>
<th>Times Called</th>
</tr>
</thead>
<tbody>
{events}
<tr>
<td class="narrow">{ duration } ms</td>
<td>{event}</td>
<td>{count}</td>
</tr>
{/events}
</tbody>
</table>

16
system/Debug/Toolbar/Views/_files.tpl Normal file
View File

@@ -0,0 +1,16 @@
<table>
<tbody>
{userFiles}
<tr>
<td>{name}</td>
<td>{path}</td>
</tr>
{/userFiles}
{coreFiles}
<tr class="muted">
<td class="debug-bar-width20e">{name}</td>
<td>{path}</td>
</tr>
{/coreFiles}
</tbody>
</table>

28
system/Debug/Toolbar/Views/_history.tpl Normal file
View File

@@ -0,0 +1,28 @@
<table>
<thead>
<tr>
<th>Action</th>
<th>Datetime</th>
<th>Status</th>
<th>Method</th>
<th>URL</th>
<th>Content-Type</th>
<th>Is AJAX?</th>
</tr>
</thead>
<tbody>
{files}
<tr data-active="{active}">
<td class="debug-bar-width70p">
<button class="ci-history-load" data-time="{time}">Load</button>
</td>
<td class="debug-bar-width140p">{datetime}</td>
<td>{status}</td>
<td>{method}</td>
<td>{url}</td>
<td>{contentType}</td>
<td>{isAJAX}</td>
</tr>
{/files}
</tbody>
</table>

20
system/Debug/Toolbar/Views/_logs.tpl Normal file
View File

@@ -0,0 +1,20 @@
{ if $logs == [] }
<p>Nothing was logged. If you were expecting logged items, ensure that LoggerConfig file has the correct threshold set.</p>
{ else }
<table>
<thead>
<tr>
<th>Severity</th>
<th>Message</th>
</tr>
</thead>
<tbody>
{logs}
<tr>
<td>{level}</td>
<td>{msg}</td>
</tr>
{/logs}
</tbody>
</table>
{ endif }

52
system/Debug/Toolbar/Views/_routes.tpl Normal file
View File

@@ -0,0 +1,52 @@
<h3>Matched Route</h3>
<table>
<tbody>
{matchedRoute}
<tr>
<td>Directory:</td>
<td>{directory}</td>
</tr>
<tr>
<td>Controller:</td>
<td>{controller}</td>
</tr>
<tr>
<td>Method:</td>
<td>{method}</td>
</tr>
<tr>
<td>Params:</td>
<td>{paramCount} / {truePCount}</td>
</tr>
{params}
<tr class="route-params-item">
<td>{name}</td>
<td>{value}</td>
</tr>
{/params}
{/matchedRoute}
</tbody>
</table>
<h3>Defined Routes</h3>
<table>
<thead>
<tr>
<th>Method</th>
<th>Route</th>
<th>Handler</th>
</tr>
</thead>
<tbody>
{routes}
<tr>
<td>{method}</td>
<td data-debugbar-route="{method}">{route}</td>
<td>{handler}</td>
</tr>
{/routes}
</tbody>
</table>

653
system/Debug/Toolbar/Views/toolbar.css Normal file
View File

@@ -0,0 +1,653 @@
/**
* This file is part of the CodeIgniter 4 framework.
*
* (c) CodeIgniter Foundation <admin@codeigniter.com>
*
* For the full copyright and license information, please view the LICENSE
* file that was distributed with this source code.
*/
#debug-icon {
bottom: 0;
position: fixed;
right: 0;
z-index: 10000;
height: 36px;
width: 36px;
margin: 0px;
padding: 0px;
clear: both;
text-align: center; }
#debug-icon a svg {
margin: 8px;
max-width: 20px;
max-height: 20px; }
#debug-icon.fixed-top {
bottom: auto;
top: 0; }
#debug-icon .debug-bar-ndisplay {
display: none; }
#debug-bar {
bottom: 0;
left: 0;
position: fixed;
right: 0;
z-index: 10000;
height: 36px;
line-height: 36px;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
font-size: 16px;
font-weight: 400; }
#debug-bar h1 {
bottom: 0;
display: inline-block;
font-size: 14px;
font-weight: normal;
margin: 0 16px 0 0;
padding: 0;
position: absolute;
right: 30px;
text-align: left;
top: 0; }
#debug-bar h1 svg {
width: 16px;
margin-right: 5px; }
#debug-bar h2 {
font-size: 16px;
margin: 0;
padding: 5px 0 10px 0; }
#debug-bar h2 span {
font-size: 13px; }
#debug-bar h3 {
font-size: 12px;
font-weight: 200;
margin: 0 0 0 10px;
padding: 0;
text-transform: uppercase; }
#debug-bar p {
font-size: 12px;
margin: 0 0 0 15px;
padding: 0; }
#debug-bar a {
text-decoration: none; }
#debug-bar a:hover {
text-decoration: underline; }
#debug-bar button {
border: 1px solid;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
cursor: pointer;
line-height: 15px; }
#debug-bar button:hover {
text-decoration: underline; }
#debug-bar table {
border-collapse: collapse;
font-size: 14px;
line-height: normal;
margin: 5px 10px 15px 10px;
width: calc(100% - 10px); }
#debug-bar table strong {
font-weight: 500; }
#debug-bar table th {
display: table-cell;
font-weight: 600;
padding-bottom: 0.7em;
text-align: left; }
#debug-bar table tr {
border: none; }
#debug-bar table td {
border: none;
display: table-cell;
margin: 0;
text-align: left; }
#debug-bar table td:first-child {
max-width: 20%; }
#debug-bar table td:first-child.narrow {
width: 7em; }
#debug-bar td[data-debugbar-route] form {
display: none; }
#debug-bar td[data-debugbar-route]:hover form {
display: block; }
#debug-bar td[data-debugbar-route]:hover > div {
display: none; }
#debug-bar td[data-debugbar-route] input[type=text] {
padding: 2px; }
#debug-bar .toolbar {
display: flex;
overflow: hidden;
overflow-y: auto;
padding: 0 12px 0 12px;
white-space: nowrap;
z-index: 10000; }
#debug-bar.fixed-top {
bottom: auto;
top: 0; }
#debug-bar.fixed-top .tab {
bottom: auto;
top: 36px; }
#debug-bar #toolbar-position a,
#debug-bar #toolbar-theme a {
padding: 0 6px;
display: inline-flex;
vertical-align: top; }
#debug-bar #toolbar-position a:hover,
#debug-bar #toolbar-theme a:hover {
text-decoration: none; }
#debug-bar #debug-bar-link {
bottom: 0;
display: inline-block;
font-size: 16px;
line-height: 36px;
padding: 6px;
position: absolute;
right: 10px;
top: 0;
width: 24px; }
#debug-bar .ci-label {
display: inline-flex;
font-size: 14px; }
#debug-bar .ci-label:hover {
cursor: pointer; }
#debug-bar .ci-label a {
color: inherit;
display: flex;
letter-spacing: normal;
padding: 0 10px;
text-decoration: none;
align-items: center; }
#debug-bar .ci-label img {
margin: 6px 3px 6px 0;
width: 16px !important; }
#debug-bar .ci-label .badge {
border-radius: 12px;
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
display: inline-block;
font-size: 75%;
font-weight: bold;
line-height: 12px;
margin-left: 5px;
padding: 2px 5px;
text-align: center;
vertical-align: baseline;
white-space: nowrap; }
#debug-bar .tab {
bottom: 35px;
display: none;
left: 0;
max-height: 62%;
overflow: hidden;
overflow-y: auto;
padding: 1em 2em;
position: fixed;
right: 0;
z-index: 9999; }
#debug-bar .timeline {
margin-left: 0;
width: 100%; }
#debug-bar .timeline th {
border-left: 1px solid;
font-size: 12px;
font-weight: 200;
padding: 5px 5px 10px 5px;
position: relative;
text-align: left; }
#debug-bar .timeline th:first-child {
border-left: 0; }
#debug-bar .timeline td {
border-left: 1px solid;
padding: 5px;
position: relative; }
#debug-bar .timeline td:first-child {
border-left: 0;
max-width: none; }
#debug-bar .timeline td.child-container {
padding: 0px; }
#debug-bar .timeline td.child-container .timeline {
margin: 0px; }
#debug-bar .timeline td.child-container .timeline td:first-child:not(.child-container) {
padding-left: calc(5px + 10px * var(--level)); }
#debug-bar .timeline .timer {
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
display: inline-block;
padding: 5px;
position: absolute;
top: 30%; }
#debug-bar .timeline .timeline-parent {
cursor: pointer; }
#debug-bar .timeline .timeline-parent td:first-child nav {
background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMCAxNTAiPjxwYXRoIGQ9Ik02IDdoMThsLTkgMTV6bTAgMzBoMThsLTkgMTV6bTAgNDVoMThsLTktMTV6bTAgMzBoMThsLTktMTV6bTAgMTJsMTggMThtLTE4IDBsMTgtMTgiIGZpbGw9IiM1NTUiLz48cGF0aCBkPSJNNiAxMjZsMTggMThtLTE4IDBsMTgtMTgiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlPSIjNTU1Ii8+PC9zdmc+") no-repeat scroll 0 0/15px 75px transparent;
background-position: 0 25%;
display: inline-block;
height: 15px;
width: 15px;
margin-right: 3px;
vertical-align: middle; }
#debug-bar .timeline .timeline-parent-open {
background-color: #DFDFDF; }
#debug-bar .timeline .timeline-parent-open td:first-child nav {
background-position: 0 75%; }
#debug-bar .timeline .child-row:hover {
background: transparent; }
#debug-bar .route-params,
#debug-bar .route-params-item {
vertical-align: top; }
#debug-bar .route-params td:first-child,
#debug-bar .route-params-item td:first-child {
font-style: italic;
padding-left: 1em;
text-align: right; }
.debug-view.show-view {
border: 1px solid;
margin: 4px; }
.debug-view-path {
font-family: monospace;
font-size: 12px;
letter-spacing: normal;
min-height: 16px;
padding: 2px;
text-align: left; }
.show-view .debug-view-path {
display: block !important; }
@media screen and (max-width: 1024px) {
#debug-bar .ci-label img {
margin: unset; }
.hide-sm {
display: none !important; } }
#debug-icon {
background-color: #FFFFFF;
box-shadow: 0 0 4px #DFDFDF;
-moz-box-shadow: 0 0 4px #DFDFDF;
-webkit-box-shadow: 0 0 4px #DFDFDF; }
#debug-icon a:active,
#debug-icon a:link,
#debug-icon a:visited {
color: #DD8615; }
#debug-bar {
background-color: #FFFFFF;
color: #434343; }
#debug-bar h1,
#debug-bar h2,
#debug-bar h3,
#debug-bar p,
#debug-bar a,
#debug-bar button,
#debug-bar table,
#debug-bar thead,
#debug-bar tr,
#debug-bar td,
#debug-bar button,
#debug-bar .toolbar {
background-color: transparent;
color: #434343; }
#debug-bar button {
background-color: #FFFFFF; }
#debug-bar table strong {
color: #DD8615; }
#debug-bar table tbody tr:hover {
background-color: #DFDFDF; }
#debug-bar table tbody tr.current {
background-color: #FDC894; }
#debug-bar table tbody tr.current:hover td {
background-color: #DD4814;
color: #FFFFFF; }
#debug-bar .toolbar {
background-color: #FFFFFF;
box-shadow: 0 0 4px #DFDFDF;
-moz-box-shadow: 0 0 4px #DFDFDF;
-webkit-box-shadow: 0 0 4px #DFDFDF; }
#debug-bar .toolbar img {
filter: brightness(0) invert(0.4); }
#debug-bar.fixed-top .toolbar {
box-shadow: 0 0 4px #DFDFDF;
-moz-box-shadow: 0 0 4px #DFDFDF;
-webkit-box-shadow: 0 0 4px #DFDFDF; }
#debug-bar.fixed-top .tab {
box-shadow: 0 1px 4px #DFDFDF;
-moz-box-shadow: 0 1px 4px #DFDFDF;
-webkit-box-shadow: 0 1px 4px #DFDFDF; }
#debug-bar .muted {
color: #434343; }
#debug-bar .muted td {
color: #DFDFDF; }
#debug-bar .muted:hover td {
color: #434343; }
#debug-bar #toolbar-position,
#debug-bar #toolbar-theme {
filter: brightness(0) invert(0.6); }
#debug-bar .ci-label.active {
background-color: #DFDFDF; }
#debug-bar .ci-label:hover {
background-color: #DFDFDF; }
#debug-bar .ci-label .badge {
background-color: #5BC0DE;
color: #FFFFFF; }
#debug-bar .tab {
background-color: #FFFFFF;
box-shadow: 0 -1px 4px #DFDFDF;
-moz-box-shadow: 0 -1px 4px #DFDFDF;
-webkit-box-shadow: 0 -1px 4px #DFDFDF; }
#debug-bar .timeline th,
#debug-bar .timeline td {
border-color: #DFDFDF; }
#debug-bar .timeline .timer {
background-color: #DD8615; }
.debug-view.show-view {
border-color: #DD8615; }
#debug-bar tr[data-toggle] {
cursor: pointer; }
.debug-view-path {
background-color: #FDC894;
color: #434343; }
@media (prefers-color-scheme: dark) {
#debug-icon {
background-color: #252525;
box-shadow: 0 0 4px #DFDFDF;
-moz-box-shadow: 0 0 4px #DFDFDF;
-webkit-box-shadow: 0 0 4px #DFDFDF; }
#debug-icon a:active,
#debug-icon a:link,
#debug-icon a:visited {
color: #DD8615; }
#debug-bar {
background-color: #252525;
color: #DFDFDF; }
#debug-bar h1,
#debug-bar h2,
#debug-bar h3,
#debug-bar p,
#debug-bar a,
#debug-bar button,
#debug-bar table,
#debug-bar thead,
#debug-bar tr,
#debug-bar td,
#debug-bar button,
#debug-bar .toolbar {
background-color: transparent;
color: #DFDFDF; }
#debug-bar button {
background-color: #252525; }
#debug-bar table strong {
color: #DD8615; }
#debug-bar table tbody tr:hover {
background-color: #434343; }
#debug-bar table tbody tr.current {
background-color: #FDC894; }
#debug-bar table tbody tr.current td {
color: #252525; }
#debug-bar table tbody tr.current:hover td {
background-color: #DD4814;
color: #FFFFFF; }
#debug-bar .toolbar {
background-color: #434343;
box-shadow: 0 0 4px #434343;
-moz-box-shadow: 0 0 4px #434343;
-webkit-box-shadow: 0 0 4px #434343; }
#debug-bar .toolbar img {
filter: brightness(0) invert(1); }
#debug-bar.fixed-top .toolbar {
box-shadow: 0 0 4px #434343;
-moz-box-shadow: 0 0 4px #434343;
-webkit-box-shadow: 0 0 4px #434343; }
#debug-bar.fixed-top .tab {
box-shadow: 0 1px 4px #434343;
-moz-box-shadow: 0 1px 4px #434343;
-webkit-box-shadow: 0 1px 4px #434343; }
#debug-bar .muted {
color: #DFDFDF; }
#debug-bar .muted td {
color: #797979; }
#debug-bar .muted:hover td {
color: #DFDFDF; }
#debug-bar #toolbar-position,
#debug-bar #toolbar-theme {
filter: brightness(0) invert(0.6); }
#debug-bar .ci-label.active {
background-color: #252525; }
#debug-bar .ci-label:hover {
background-color: #252525; }
#debug-bar .ci-label .badge {
background-color: #5BC0DE;
color: #DFDFDF; }
#debug-bar .tab {
background-color: #252525;
box-shadow: 0 -1px 4px #434343;
-moz-box-shadow: 0 -1px 4px #434343;
-webkit-box-shadow: 0 -1px 4px #434343; }
#debug-bar .timeline th,
#debug-bar .timeline td {
border-color: #434343; }
#debug-bar .timeline .timer {
background-color: #DD8615; }
.debug-view.show-view {
border-color: #DD8615; }
.debug-view-path {
background-color: #FDC894;
color: #434343; } }
#toolbarContainer.dark #debug-icon {
background-color: #252525;
box-shadow: 0 0 4px #DFDFDF;
-moz-box-shadow: 0 0 4px #DFDFDF;
-webkit-box-shadow: 0 0 4px #DFDFDF; }
#toolbarContainer.dark #debug-icon a:active,
#toolbarContainer.dark #debug-icon a:link,
#toolbarContainer.dark #debug-icon a:visited {
color: #DD8615; }
#toolbarContainer.dark #debug-bar {
background-color: #252525;
color: #DFDFDF; }
#toolbarContainer.dark #debug-bar h1,
#toolbarContainer.dark #debug-bar h2,
#toolbarContainer.dark #debug-bar h3,
#toolbarContainer.dark #debug-bar p,
#toolbarContainer.dark #debug-bar a,
#toolbarContainer.dark #debug-bar button,
#toolbarContainer.dark #debug-bar table,
#toolbarContainer.dark #debug-bar thead,
#toolbarContainer.dark #debug-bar tr,
#toolbarContainer.dark #debug-bar td,
#toolbarContainer.dark #debug-bar button,
#toolbarContainer.dark #debug-bar .toolbar {
background-color: transparent;
color: #DFDFDF; }
#toolbarContainer.dark #debug-bar button {
background-color: #252525; }
#toolbarContainer.dark #debug-bar table strong {
color: #DD8615; }
#toolbarContainer.dark #debug-bar table tbody tr:hover {
background-color: #434343; }
#toolbarContainer.dark #debug-bar table tbody tr.current {
background-color: #FDC894; }
#toolbarContainer.dark #ci-database table tbody tr.duplicate {
background-color: #434343;}
#toolbarContainer.dark #debug-bar table tbody tr.current td {
color: #252525; }
#toolbarContainer.dark #debug-bar table tbody tr.current:hover td {
background-color: #DD4814;
color: #FFFFFF; }
#toolbarContainer.dark #debug-bar .toolbar {
background-color: #434343;
box-shadow: 0 0 4px #434343;
-moz-box-shadow: 0 0 4px #434343;
-webkit-box-shadow: 0 0 4px #434343; }
#toolbarContainer.dark #debug-bar .toolbar img {
filter: brightness(0) invert(1); }
#toolbarContainer.dark #debug-bar.fixed-top .toolbar {
box-shadow: 0 0 4px #434343;
-moz-box-shadow: 0 0 4px #434343;
-webkit-box-shadow: 0 0 4px #434343; }
#toolbarContainer.dark #debug-bar.fixed-top .tab {
box-shadow: 0 1px 4px #434343;
-moz-box-shadow: 0 1px 4px #434343;
-webkit-box-shadow: 0 1px 4px #434343; }
#toolbarContainer.dark #debug-bar .muted {
color: #DFDFDF; }
#toolbarContainer.dark #debug-bar .muted td {
color: #797979; }
#toolbarContainer.dark #debug-bar .muted:hover td {
color: #DFDFDF; }
#toolbarContainer.dark #debug-bar #toolbar-position,
#toolbarContainer.dark #debug-bar #toolbar-theme {
filter: brightness(0) invert(0.6); }
#toolbarContainer.dark #debug-bar .ci-label.active {
background-color: #252525; }
#toolbarContainer.dark #debug-bar .ci-label:hover {
background-color: #252525; }
#toolbarContainer.dark #debug-bar .ci-label .badge {
background-color: #5BC0DE;
color: #DFDFDF; }
#toolbarContainer.dark #debug-bar .tab {
background-color: #252525;
box-shadow: 0 -1px 4px #434343;
-moz-box-shadow: 0 -1px 4px #434343;
-webkit-box-shadow: 0 -1px 4px #434343; }
#toolbarContainer.dark #debug-bar .timeline th,
#toolbarContainer.dark #debug-bar .timeline td {
border-color: #434343; }
#toolbarContainer.dark #debug-bar .timeline .timer {
background-color: #DD8615; }
#toolbarContainer.dark .debug-view.show-view {
border-color: #DD8615; }
#toolbarContainer.dark .debug-view-path {
background-color: #FDC894;
color: #434343; }
#toolbarContainer.dark td[data-debugbar-route] input[type=text] {
background: #000;
color: #fff; }
#toolbarContainer.light #debug-icon {
background-color: #FFFFFF;
box-shadow: 0 0 4px #DFDFDF;
-moz-box-shadow: 0 0 4px #DFDFDF;
-webkit-box-shadow: 0 0 4px #DFDFDF; }
#toolbarContainer.light #debug-icon a:active,
#toolbarContainer.light #debug-icon a:link,
#toolbarContainer.light #debug-icon a:visited {
color: #DD8615; }
#toolbarContainer.light #debug-bar {
background-color: #FFFFFF;
color: #434343; }
#toolbarContainer.light #debug-bar h1,
#toolbarContainer.light #debug-bar h2,
#toolbarContainer.light #debug-bar h3,
#toolbarContainer.light #debug-bar p,
#toolbarContainer.light #debug-bar a,
#toolbarContainer.light #debug-bar button,
#toolbarContainer.light #debug-bar table,
#toolbarContainer.light #debug-bar thead,
#toolbarContainer.light #debug-bar tr,
#toolbarContainer.light #debug-bar td,
#toolbarContainer.light #debug-bar button,
#toolbarContainer.light #debug-bar .toolbar {
background-color: transparent;
color: #434343; }
#toolbarContainer.light #debug-bar button {
background-color: #FFFFFF; }
#toolbarContainer.light #debug-bar table strong {
color: #DD8615; }
#toolbarContainer.light #debug-bar table tbody tr:hover {
background-color: #DFDFDF; }
#toolbarContainer.light #debug-bar table tbody tr.current {
background-color: #FDC894; }
#toolbarContainer.light #ci-database table tbody tr.duplicate {
background-color: #DFDFDF;}
#toolbarContainer.light #debug-bar table tbody tr.current:hover td {
background-color: #DD4814;
color: #FFFFFF; }
#toolbarContainer.light #debug-bar .toolbar {
background-color: #FFFFFF;
box-shadow: 0 0 4px #DFDFDF;
-moz-box-shadow: 0 0 4px #DFDFDF;
-webkit-box-shadow: 0 0 4px #DFDFDF; }
#toolbarContainer.light #debug-bar .toolbar img {
filter: brightness(0) invert(0.4); }
#toolbarContainer.light #debug-bar.fixed-top .toolbar {
box-shadow: 0 0 4px #DFDFDF;
-moz-box-shadow: 0 0 4px #DFDFDF;
-webkit-box-shadow: 0 0 4px #DFDFDF; }
#toolbarContainer.light #debug-bar.fixed-top .tab {
box-shadow: 0 1px 4px #DFDFDF;
-moz-box-shadow: 0 1px 4px #DFDFDF;
-webkit-box-shadow: 0 1px 4px #DFDFDF; }
#toolbarContainer.light #debug-bar .muted {
color: #797979; }
#toolbarContainer.light #debug-bar .muted td {
color: #797979; }
#toolbarContainer.light #debug-bar .muted:hover td {
color: #434343; }
#toolbarContainer.light #debug-bar #toolbar-position,
#toolbarContainer.light #debug-bar #toolbar-theme {
filter: brightness(0) invert(0.6); }
#toolbarContainer.light #debug-bar .ci-label.active {
background-color: #DFDFDF; }
#toolbarContainer.light #debug-bar .ci-label:hover {
background-color: #DFDFDF; }
#toolbarContainer.light #debug-bar .ci-label .badge {
background-color: #5BC0DE;
color: #FFFFFF; }
#toolbarContainer.light #debug-bar .tab {
background-color: #FFFFFF;
box-shadow: 0 -1px 4px #DFDFDF;
-moz-box-shadow: 0 -1px 4px #DFDFDF;
-webkit-box-shadow: 0 -1px 4px #DFDFDF; }
#toolbarContainer.light #debug-bar .timeline th,
#toolbarContainer.light #debug-bar .timeline td {
border-color: #DFDFDF; }
#toolbarContainer.light #debug-bar .timeline .timer {
background-color: #DD8615; }
#toolbarContainer.light .debug-view.show-view {
border-color: #DD8615; }
#toolbarContainer.light .debug-view-path {
background-color: #FDC894;
color: #434343; }
.debug-bar-width30 {
width: 30%; }
.debug-bar-width10 {
width: 10%; }
.debug-bar-width70p {
width: 70px; }
.debug-bar-width140p {
width: 140px; }
.debug-bar-width20e {
width: 20em; }
.debug-bar-width6r {
width: 6rem; }
.debug-bar-ndisplay {
display: none; }
.debug-bar-alignRight {
text-align: right; }
.debug-bar-alignLeft {
text-align: left; }
.debug-bar-noverflow {
overflow: hidden; }

687
system/Debug/Toolbar/Views/toolbar.js Normal file
View File

@@ -0,0 +1,687 @@
/*
* Functionality for the CodeIgniter Debug Toolbar.
*/
var ciDebugBar = {
toolbarContainer : null,
toolbar : null,
icon : null,
init : function () {
this.toolbarContainer = document.getElementById('toolbarContainer');
this.toolbar = document.getElementById('debug-bar');
this.icon = document.getElementById('debug-icon');
ciDebugBar.createListeners();
ciDebugBar.setToolbarState();
ciDebugBar.setToolbarPosition();
ciDebugBar.setToolbarTheme();
ciDebugBar.toggleViewsHints();
ciDebugBar.routerLink();
document.getElementById('debug-bar-link').addEventListener('click', ciDebugBar.toggleToolbar, true);
document.getElementById('debug-icon-link').addEventListener('click', ciDebugBar.toggleToolbar, true);
// Allows to highlight the row of the current history request
var btn = this.toolbar.querySelector('button[data-time="' + localStorage.getItem('debugbar-time') + '"]');
ciDebugBar.addClass(btn.parentNode.parentNode, 'current');
historyLoad = this.toolbar.getElementsByClassName('ci-history-load');
for (var i = 0; i < historyLoad.length; i++)
{
historyLoad[i].addEventListener('click', function () {
loadDoc(this.getAttribute('data-time'));
}, true);
}
// Display the active Tab on page load
var tab = ciDebugBar.readCookie('debug-bar-tab');
if (document.getElementById(tab))
{
var el = document.getElementById(tab);
el.style.display = 'block';
ciDebugBar.addClass(el, 'active');
tab = document.querySelector('[data-tab=' + tab + ']');
if (tab)
{
ciDebugBar.addClass(tab.parentNode, 'active');
}
}
},
createListeners : function () {
var buttons = [].slice.call(this.toolbar.querySelectorAll('.ci-label a'));
for (var i = 0; i < buttons.length; i++)
{
buttons[i].addEventListener('click', ciDebugBar.showTab, true);
}
// Hook up generic toggle via data attributes `data-toggle="foo"`
var links = this.toolbar.querySelectorAll('[data-toggle]');
for (var i = 0; i < links.length; i++)
{
links[i].addEventListener('click', ciDebugBar.toggleRows, true);
}
},
showTab: function () {
// Get the target tab, if any
var tab = document.getElementById(this.getAttribute('data-tab'));
// If the label have not a tab stops here
if (! tab)
{
return;
}
// Remove debug-bar-tab cookie
ciDebugBar.createCookie('debug-bar-tab', '', -1);
// Check our current state.
var state = tab.style.display;
// Hide all tabs
var tabs = document.querySelectorAll('#debug-bar .tab');
for (var i = 0; i < tabs.length; i++)
{
tabs[i].style.display = 'none';
}
// Mark all labels as inactive
var labels = document.querySelectorAll('#debug-bar .ci-label');
for (var i = 0; i < labels.length; i++)
{
ciDebugBar.removeClass(labels[i], 'active');
}
// Show/hide the selected tab
if (state != 'block')
{
tab.style.display = 'block';
ciDebugBar.addClass(this.parentNode, 'active');
// Create debug-bar-tab cookie to persistent state
ciDebugBar.createCookie('debug-bar-tab', this.getAttribute('data-tab'), 365);
}
},
addClass : function (el, className) {
if (el.classList)
{
el.classList.add(className);
}
else
{
el.className += ' ' + className;
}
},
removeClass : function (el, className) {
if (el.classList)
{
el.classList.remove(className);
}
else
{
el.className = el.className.replace(new RegExp('(^|\\b)' + className.split(' ').join('|') + '(\\b|$)', 'gi'), ' ');
}
},
/**
* Toggle display of another object based on
* the data-toggle value of this object
*
* @param event
*/
toggleRows : function(event) {
if(event.target)
{
let row = event.target.closest('tr');
let target = document.getElementById(row.getAttribute('data-toggle'));
target.style.display = target.style.display === 'none' ? 'table-row' : 'none';
}
},
/**
* Toggle display of a data table
*
* @param obj
*/
toggleDataTable : function (obj) {
if (typeof obj == 'string')
{
obj = document.getElementById(obj + '_table');
}
if (obj)
{
obj.style.display = obj.style.display === 'none' ? 'block' : 'none';
}
},
/**
* Toggle display of timeline child elements
*
* @param obj
*/
toggleChildRows : function (obj) {
if (typeof obj == 'string')
{
par = document.getElementById(obj + '_parent')
obj = document.getElementById(obj + '_children');
}
if (par && obj)
{
obj.style.display = obj.style.display === 'none' ? '' : 'none';
par.classList.toggle('timeline-parent-open');
}
},
//--------------------------------------------------------------------
/**
* Toggle tool bar from full to icon and icon to full
*/
toggleToolbar : function () {
var open = ciDebugBar.toolbar.style.display != 'none';
ciDebugBar.icon.style.display = open == true ? 'inline-block' : 'none';
ciDebugBar.toolbar.style.display = open == false ? 'inline-block' : 'none';
// Remember it for other page loads on this site
ciDebugBar.createCookie('debug-bar-state', '', -1);
ciDebugBar.createCookie('debug-bar-state', open == true ? 'minimized' : 'open' , 365);
},
/**
* Sets the initial state of the toolbar (open or minimized) when
* the page is first loaded to allow it to remember the state between refreshes.
*/
setToolbarState: function () {
var open = ciDebugBar.readCookie('debug-bar-state');
ciDebugBar.icon.style.display = open != 'open' ? 'inline-block' : 'none';
ciDebugBar.toolbar.style.display = open == 'open' ? 'inline-block' : 'none';
},
toggleViewsHints: function () {
// Avoid toggle hints on history requests that are not the initial
if (localStorage.getItem('debugbar-time') != localStorage.getItem('debugbar-time-new'))
{
var a = document.querySelector('a[data-tab="ci-views"]');
a.href = '#';
return;
}
var nodeList = []; // [ Element, NewElement( 1 )/OldElement( 0 ) ]
var sortedComments = [];
var comments = [];
var getComments = function () {
var nodes = [];
var result = [];
var xpathResults = document.evaluate( "//comment()[starts-with(., ' DEBUG-VIEW')]", document, null, XPathResult.ANY_TYPE, null);
var nextNode = xpathResults.iterateNext();
while ( nextNode )
{
nodes.push( nextNode );
nextNode = xpathResults.iterateNext();
}
// sort comment by opening and closing tags
for (var i = 0; i < nodes.length; ++i)
{
// get file path + name to use as key
var path = nodes[i].nodeValue.substring( 18, nodes[i].nodeValue.length - 1 );
if ( nodes[i].nodeValue[12] === 'S' ) // simple check for start comment
{
// create new entry
result[path] = [ nodes[i], null ];
}
else if (result[path])
{
// add to existing entry
result[path][1] = nodes[i];
}
}
return result;
};
// find node that has TargetNode as parentNode
var getParentNode = function ( node, targetNode ) {
if ( node.parentNode === null )
{
return null;
}
if ( node.parentNode !== targetNode )
{
return getParentNode( node.parentNode, targetNode );
}
return node;
};
// define invalid & outer ( also invalid ) elements
const INVALID_ELEMENTS = [ 'NOSCRIPT', 'SCRIPT', 'STYLE' ];
const OUTER_ELEMENTS = [ 'HTML', 'BODY', 'HEAD' ];
var getValidElementInner = function ( node, reverse ) {
// handle invalid tags
if ( OUTER_ELEMENTS.indexOf( node.nodeName ) !== -1 )
{
for (var i = 0; i < document.body.children.length; ++i)
{
var index = reverse ? document.body.children.length - ( i + 1 ) : i;
var element = document.body.children[index];
// skip invalid tags
if ( INVALID_ELEMENTS.indexOf( element.nodeName ) !== -1 )
{
continue;
}
return [ element, reverse ];
}
return null;
}
// get to next valid element
while ( node !== null && INVALID_ELEMENTS.indexOf( node.nodeName ) !== -1 )
{
node = reverse ? node.previousElementSibling : node.nextElementSibling;
}
// return non array if we couldnt find something
if ( node === null )
{
return null;
}
return [ node, reverse ];
};
// get next valid element ( to be safe to add divs )
// @return [ element, skip element ] or null if we couldnt find a valid place
var getValidElement = function ( nodeElement ) {
if (nodeElement)
{
if ( nodeElement.nextElementSibling !== null )
{
return getValidElementInner( nodeElement.nextElementSibling, false )
|| getValidElementInner( nodeElement.previousElementSibling, true );
}
if ( nodeElement.previousElementSibling !== null )
{
return getValidElementInner( nodeElement.previousElementSibling, true );
}
}
// something went wrong! -> element is not in DOM
return null;
};
function showHints()
{
// Had AJAX? Reset view blocks
sortedComments = getComments();
for (var key in sortedComments)
{
var startElement = getValidElement( sortedComments[key][0] );
var endElement = getValidElement( sortedComments[key][1] );
// skip if we couldnt get a valid element
if ( startElement === null || endElement === null )
{
continue;
}
// find element which has same parent as startelement
var jointParent = getParentNode( endElement[0], startElement[0].parentNode );
if ( jointParent === null )
{
// find element which has same parent as endelement
jointParent = getParentNode( startElement[0], endElement[0].parentNode );
if ( jointParent === null )
{
// both tries failed
continue;
}
else
{
startElement[0] = jointParent;
}
}
else
{
endElement[0] = jointParent;
}
var debugDiv = document.createElement( 'div' ); // holder
var debugPath = document.createElement( 'div' ); // path
var childArray = startElement[0].parentNode.childNodes; // target child array
var parent = startElement[0].parentNode;
var start, end;
// setup container
debugDiv.classList.add( 'debug-view' );
debugDiv.classList.add( 'show-view' );
debugPath.classList.add( 'debug-view-path' );
debugPath.innerText = key;
debugDiv.appendChild( debugPath );
// calc distance between them
// start
for (var i = 0; i < childArray.length; ++i)
{
// check for comment ( start & end ) -> if its before valid start element
if ( childArray[i] === sortedComments[key][1] ||
childArray[i] === sortedComments[key][0] ||
childArray[i] === startElement[0] )
{
start = i;
if ( childArray[i] === sortedComments[key][0] )
{
start++; // increase to skip the start comment
}
break;
}
}
// adjust if we want to skip the start element
if ( startElement[1] )
{
start++;
}
// end
for (var i = start; i < childArray.length; ++i)
{
if ( childArray[i] === endElement[0] )
{
end = i;
// dont break to check for end comment after end valid element
}
else if ( childArray[i] === sortedComments[key][1] )
{
// if we found the end comment, we can break
end = i;
break;
}
}
// move elements
var number = end - start;
if ( endElement[1] )
{
number++;
}
for (var i = 0; i < number; ++i)
{
if ( INVALID_ELEMENTS.indexOf( childArray[start] ) !== -1 )
{
// skip invalid childs that can cause problems if moved
start++;
continue;
}
debugDiv.appendChild( childArray[start] );
}
// add container to DOM
nodeList.push( parent.insertBefore( debugDiv, childArray[start] ) );
}
ciDebugBar.createCookie('debug-view', 'show', 365);
ciDebugBar.addClass(btn, 'active');
}
function hideHints()
{
for (var i = 0; i < nodeList.length; ++i)
{
var index;
// find index
for (var j = 0; j < nodeList[i].parentNode.childNodes.length; ++j)
{
if ( nodeList[i].parentNode.childNodes[j] === nodeList[i] )
{
index = j;
break;
}
}
// move child back
while ( nodeList[i].childNodes.length !== 1 )
{
nodeList[i].parentNode.insertBefore( nodeList[i].childNodes[1], nodeList[i].parentNode.childNodes[index].nextSibling );
index++;
}
nodeList[i].parentNode.removeChild( nodeList[i] );
}
nodeList.length = 0;
ciDebugBar.createCookie('debug-view', '', -1);
ciDebugBar.removeClass(btn, 'active');
}
var btn = document.querySelector('[data-tab=ci-views]');
// If the Views Collector is inactive stops here
if (! btn)
{
return;
}
btn.parentNode.onclick = function () {
if (ciDebugBar.readCookie('debug-view'))
{
hideHints();
}
else
{
showHints();
}
};
// Determine Hints state on page load
if (ciDebugBar.readCookie('debug-view'))
{
showHints();
}
},
setToolbarPosition: function () {
var btnPosition = this.toolbar.querySelector('#toolbar-position');
if (ciDebugBar.readCookie('debug-bar-position') === 'top')
{
ciDebugBar.addClass(ciDebugBar.icon, 'fixed-top');
ciDebugBar.addClass(ciDebugBar.toolbar, 'fixed-top');
}
btnPosition.addEventListener('click', function () {
var position = ciDebugBar.readCookie('debug-bar-position');
ciDebugBar.createCookie('debug-bar-position', '', -1);
if (!position || position === 'bottom')
{
ciDebugBar.createCookie('debug-bar-position', 'top', 365);
ciDebugBar.addClass(ciDebugBar.icon, 'fixed-top');
ciDebugBar.addClass(ciDebugBar.toolbar, 'fixed-top');
}
else
{
ciDebugBar.createCookie('debug-bar-position', 'bottom', 365);
ciDebugBar.removeClass(ciDebugBar.icon, 'fixed-top');
ciDebugBar.removeClass(ciDebugBar.toolbar, 'fixed-top');
}
}, true);
},
setToolbarTheme: function () {
var btnTheme = this.toolbar.querySelector('#toolbar-theme');
var isDarkMode = window.matchMedia("(prefers-color-scheme: dark)").matches;
var isLightMode = window.matchMedia("(prefers-color-scheme: light)").matches;
// If a cookie is set with a value, we force the color scheme
if (ciDebugBar.readCookie('debug-bar-theme') === 'dark')
{
ciDebugBar.removeClass(ciDebugBar.toolbarContainer, 'light');
ciDebugBar.addClass(ciDebugBar.toolbarContainer, 'dark');
}
else if (ciDebugBar.readCookie('debug-bar-theme') === 'light')
{
ciDebugBar.removeClass(ciDebugBar.toolbarContainer, 'dark');
ciDebugBar.addClass(ciDebugBar.toolbarContainer, 'light');
}
btnTheme.addEventListener('click', function () {
var theme = ciDebugBar.readCookie('debug-bar-theme');
if (!theme && window.matchMedia("(prefers-color-scheme: dark)").matches)
{
// If there is no cookie, and "prefers-color-scheme" is set to "dark"
// It means that the user wants to switch to light mode
ciDebugBar.createCookie('debug-bar-theme', 'light', 365);
ciDebugBar.removeClass(ciDebugBar.toolbarContainer, 'dark');
ciDebugBar.addClass(ciDebugBar.toolbarContainer, 'light');
}
else
{
if (theme === 'dark')
{
ciDebugBar.createCookie('debug-bar-theme', 'light', 365);
ciDebugBar.removeClass(ciDebugBar.toolbarContainer, 'dark');
ciDebugBar.addClass(ciDebugBar.toolbarContainer, 'light');
}
else
{
// In any other cases: if there is no cookie, or the cookie is set to
// "light", or the "prefers-color-scheme" is "light"...
ciDebugBar.createCookie('debug-bar-theme', 'dark', 365);
ciDebugBar.removeClass(ciDebugBar.toolbarContainer, 'light');
ciDebugBar.addClass(ciDebugBar.toolbarContainer, 'dark');
}
}
}, true);
},
/**
* Helper to create a cookie.
*
* @param name
* @param value
* @param days
*/
createCookie : function (name,value,days) {
if (days)
{
var date = new Date();
date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
var expires = "; expires=" + date.toGMTString();
}
else
{
var expires = "";
}
document.cookie = name + "=" + value + expires + "; path=/; samesite=Lax";
},
readCookie : function (name) {
var nameEQ = name + "=";
var ca = document.cookie.split(';');
for (var i = 0; i < ca.length; i++)
{
var c = ca[i];
while (c.charAt(0) == ' ')
{
c = c.substring(1,c.length);
}
if (c.indexOf(nameEQ) == 0)
{
return c.substring(nameEQ.length,c.length);
}
}
return null;
},
trimSlash: function (text) {
return text.replace(/^\/|\/$/g, '');
},
routerLink: function () {
var row, _location;
var rowGet = this.toolbar.querySelectorAll('td[data-debugbar-route="GET"]');
var patt = /\((?:[^)(]+|\((?:[^)(]+|\([^)(]*\))*\))*\)/;
for (var i = 0; i < rowGet.length; i++)
{
row = rowGet[i];
if (!/\/\(.+?\)/.test(rowGet[i].innerText))
{
row.style = 'cursor: pointer;';
row.setAttribute('title', location.origin + '/' + ciDebugBar.trimSlash(row.innerText));
row.addEventListener('click', function (ev) {
_location = location.origin + '/' + ciDebugBar.trimSlash(ev.target.innerText);
var redirectWindow = window.open(_location, '_blank');
redirectWindow.location;
});
}
else
{
row.innerHTML = '<div>' + row.innerText + '</div>'
+ '<form data-debugbar-route-tpl="' + ciDebugBar.trimSlash(row.innerText.replace(patt, '?')) + '">'
+ row.innerText.replace(patt, '<input type="text" placeholder="$1">')
+ '<input type="submit" value="Go" style="margin-left: 4px;">'
+ '</form>';
}
}
rowGet = this.toolbar.querySelectorAll('td[data-debugbar-route="GET"] form');
for (var i = 0; i < rowGet.length; i++)
{
row = rowGet[i];
row.addEventListener('submit', function (event) {
event.preventDefault()
var inputArray = [], t = 0;
var input = event.target.querySelectorAll('input[type=text]');
var tpl = event.target.getAttribute('data-debugbar-route-tpl');
for (var n = 0; n < input.length; n++)
{
if (input[n].value.length > 0)
{
inputArray.push(input[n].value);
}
}
if (inputArray.length > 0)
{
_location = location.origin + '/' + tpl.replace(/\?/g, function () {
return inputArray[t++]
});
var redirectWindow = window.open(_location, '_blank');
redirectWindow.location;
}
})
}
}
};

271
system/Debug/Toolbar/Views/toolbar.tpl.php Normal file
View File

@@ -0,0 +1,271 @@
<?php
/**
* @var \CodeIgniter\Debug\Toolbar $this
* @var int $totalTime
* @var int $totalMemory
* @var string $url
* @var string $method
* @var bool $isAJAX
* @var int $startTime
* @var int $totalTime
* @var int $totalMemory
* @var float $segmentDuration
* @var int $segmentCount
* @var string $CI_VERSION
* @var array $collectors
* @var array $vars
* @var array $styles
* @var \CodeIgniter\View\Parser $parser
*/
?>
<style type="text/css">
<?= preg_replace('#[\r\n\t ]+#', ' ', file_get_contents(__DIR__ . '/toolbar.css')) ?>
</style>
<script id="toolbar_js" type="text/javascript">
<?= file_get_contents(__DIR__ . '/toolbar.js') ?>
</script>
<div id="debug-icon" class="debug-bar-ndisplay">
<a id="debug-icon-link" href="javascript:void(0)">
<svg xmlns="http://www.w3.org/2000/svg" version="1.0" viewBox="0 0 155 200"><defs/><path fill="#dd4814" d="M73.7 3.7c2.2 7.9-.7 18.5-7.8 29-1.8 2.6-10.7 12.2-19.7 21.3-23.9 24-33.6 37.1-40.3 54.4-7.9 20.6-7.8 40.8.5 58.2C12.8 180 27.6 193 42.5 198l6 2-3-2.2c-21-15.2-22.9-38.7-4.8-58.8 2.5-2.7 4.8-5 5.1-5 .4 0 .7 2.7.7 6.1 0 5.7.2 6.2 3.7 9.5 3 2.7 4.6 3.4 7.8 3.4 5.6 0 9.9-2.4 11.6-6.5 2.9-6.9 1.6-12-5-20.5-10.5-13.4-11.7-23.3-4.3-34.7l3.1-4.8.7 4.7c1.3 8.2 5.8 12.9 25 25.8 20.9 14.1 30.6 26.1 32.8 40.5 1.1 7.2-.1 16.1-3.1 21.8-2.7 5.3-11.2 14.3-16.5 17.4-2.4 1.4-4.3 2.6-4.3 2.8 0 .2 2.4-.4 5.3-1.4 24.1-8.3 42.7-27.1 48.2-48.6 1.9-7.6 1.9-20.2-.1-28.5-3.5-15.2-14.6-30.5-29.9-41.2l-7-4.9-.6 3.3c-.8 4.8-2.6 7.6-5.9 9.3-4.5 2.3-10.3 1.9-13.8-1-6.7-5.7-7.8-14.6-3.7-30.5 3-11.6 3.2-20.6.5-29.1C88.3 18 80.6 6.3 74.8 2.2 73.1.9 73 1 73.7 3.7z"/></svg>
</a>
</div>
<div id="debug-bar">
<div class="toolbar">
<span id="toolbar-position"><a href="javascript: void(0)">&#8597;</a></span>
<span id="toolbar-theme"><a href="javascript: void(0)">&#128261;</a></span>
<span class="ci-label">
<a href="javascript: void(0)" data-tab="ci-timeline">
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAD7SURBVEhLY6ArSEtLK09NTbWHcvGC9PR0BaDaQiAdUl9fzwQVxg+AFvwHamqHcnGCpKQkeaDa9yD1UD09UCn8AKaBWJySkmIApFehi0ONwwRQBceBLurAh4FqFoHUAtkrgPgREN+ByYEw1DhMANVEMIhAYQ5U1wtU/wmILwLZRlAp/IBYC8gGw88CaFj3A/FnIL4ETDXGUCnyANSC/UC6HIpnQMXAqQXIvo0khxNDjcMEQEmU9AzDuNI7Lgw1DhOAJIEuhQcRKMcC+e+QNHdDpcgD6BaAANSSQqBcENFlDi6AzQKqgkFlwWhxjVI8o2OgmkFaXI8CTMDAAAAxd1O4FzLMaAAAAABJRU5ErkJggg==">
<span class="hide-sm"><?= $totalTime ?> ms &nbsp; <?= $totalMemory ?> MB</span>
</a>
</span>
<?php foreach ($collectors as $c) : ?>
<?php if (! $c['isEmpty'] && ($c['hasTabContent'] || $c['hasLabel'])) : ?>
<span class="ci-label">
<a href="javascript: void(0)" data-tab="ci-<?= $c['titleSafe'] ?>">
<img src="<?= $c['icon'] ?>">
<span class="hide-sm">
<?= $c['title'] ?>
<?php if ($c['badgeValue'] !== null) : ?>
<span class="badge"><?= $c['badgeValue'] ?></span>
<?php endif ?>
</span>
</a>
</span>
<?php endif ?>
<?php endforeach ?>
<span class="ci-label">
<a href="javascript: void(0)" data-tab="ci-vars">
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAACLSURBVEhLYxgFJIHU1NSraWlp/6H4T0pKSjRUijoAyXAwBlrYDpViAFpmARQrJwZDtWACoCROC4D8CnR5XBiqBRMADfyNprgRKkUdAApzoCUdUNwE5MtApYYIALp6NBWBMVQLJgAaOJqK8AOgq+mSio6DggjEBtLUT0UwQ5HZIADkj6aiUTAggIEBANAEDa/lkCRlAAAAAElFTkSuQmCC">
<span class="hide-sm">Vars</span>
</a>
</span>
<h1>
<span class="ci-label">
<a href="javascript: void(0)" data-tab="ci-config">
<svg xmlns="http://www.w3.org/2000/svg" version="1.0" viewBox="0 0 155 200"><defs/><path fill="#dd4814" d="M73.7 3.7c2.2 7.9-.7 18.5-7.8 29-1.8 2.6-10.7 12.2-19.7 21.3-23.9 24-33.6 37.1-40.3 54.4-7.9 20.6-7.8 40.8.5 58.2C12.8 180 27.6 193 42.5 198l6 2-3-2.2c-21-15.2-22.9-38.7-4.8-58.8 2.5-2.7 4.8-5 5.1-5 .4 0 .7 2.7.7 6.1 0 5.7.2 6.2 3.7 9.5 3 2.7 4.6 3.4 7.8 3.4 5.6 0 9.9-2.4 11.6-6.5 2.9-6.9 1.6-12-5-20.5-10.5-13.4-11.7-23.3-4.3-34.7l3.1-4.8.7 4.7c1.3 8.2 5.8 12.9 25 25.8 20.9 14.1 30.6 26.1 32.8 40.5 1.1 7.2-.1 16.1-3.1 21.8-2.7 5.3-11.2 14.3-16.5 17.4-2.4 1.4-4.3 2.6-4.3 2.8 0 .2 2.4-.4 5.3-1.4 24.1-8.3 42.7-27.1 48.2-48.6 1.9-7.6 1.9-20.2-.1-28.5-3.5-15.2-14.6-30.5-29.9-41.2l-7-4.9-.6 3.3c-.8 4.8-2.6 7.6-5.9 9.3-4.5 2.3-10.3 1.9-13.8-1-6.7-5.7-7.8-14.6-3.7-30.5 3-11.6 3.2-20.6.5-29.1C88.3 18 80.6 6.3 74.8 2.2 73.1.9 73 1 73.7 3.7z"/></svg>
<?= $CI_VERSION ?>
</a>
</span>
</h1>
<!-- Open/Close Toggle -->
<a id="debug-bar-link" href="javascript:void(0)" title="Open/Close">
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAEPSURBVEhL7ZVLDoJAEEThRuoGDwSEG+jCuFU34s3AK3APP1VDDSGMqI1xx0s6M/2rnlHEaMZElmWrPM+vsDvsYbQ7+us0TReSC2EBrEHxCevRYuppYLXkQpC8sVCuGfTvqSE3hFdFwUGuGfRvqSE35NUAfKZrbQNQm2jrMA+gOK+M+FmhDsRL5voHMA8gFGecq0JOXLWlQg7E7AMIxZnjOiZOEJ82gFCcedUE4gS56QP8yf8ywItz7e+RituKlkkDBoIOH4Nd4HZD4NsGYJ/Abn1xEVOcuZ8f0zc/tHiYmzTAwscBvDIK/veyQ9K/rnewjdF26q0kF1IUxZIFPAVW98x/a+qp8L2M/+HMhETRE6S8TxpZ7KGXAAAAAElFTkSuQmCC">
</a>
</div>
<!-- Timeline -->
<div id="ci-timeline" class="tab">
<table class="timeline">
<thead>
<tr>
<th class="debug-bar-width30">NAME</th>
<th class="debug-bar-width10">COMPONENT</th>
<th class="debug-bar-width10">DURATION</th>
<?php for ($i = 0; $i < $segmentCount; $i++) : ?>
<th><?= $i * $segmentDuration ?> ms</th>
<?php endfor ?>
</tr>
</thead>
<tbody>
<?= $this->renderTimeline($collectors, $startTime, $segmentCount, $segmentDuration, $styles) ?>
</tbody>
</table>
</div>
<!-- Collector-provided Tabs -->
<?php foreach ($collectors as $c) : ?>
<?php if (! $c['isEmpty']) : ?>
<?php if ($c['hasTabContent']) : ?>
<div id="ci-<?= $c['titleSafe'] ?>" class="tab">
<h2><?= $c['title'] ?> <span><?= $c['titleDetails'] ?></span></h2>
<?= is_string($c['display']) ? $c['display'] : $parser->setData($c['display'])->render("_{$c['titleSafe']}.tpl") ?>
</div>
<?php endif ?>
<?php endif ?>
<?php endforeach ?>
<!-- In & Out -->
<div id="ci-vars" class="tab">
<!-- VarData from Collectors -->
<?php if (isset($vars['varData'])) : ?>
<?php foreach ($vars['varData'] as $heading => $items) : ?>
<a href="javascript:void(0)" onclick="ciDebugBar.toggleDataTable('<?= strtolower(str_replace(' ', '-', $heading)) ?>'); return false;">
<h2><?= $heading ?></h2>
</a>
<?php if (is_array($items)) : ?>
<table id="<?= strtolower(str_replace(' ', '-', $heading . '_table')) ?>">
<tbody>
<?php foreach ($items as $key => $value) : ?>
<tr>
<td><?= $key ?></td>
<td><?= $value ?></td>
</tr>
<?php endforeach ?>
</tbody>
</table>
<?php else: ?>
<p class="muted">No data to display.</p>
<?php endif ?>
<?php endforeach ?>
<?php endif ?>
<!-- Session -->
<a href="javascript:void(0)" onclick="ciDebugBar.toggleDataTable('session'); return false;">
<h2>Session User Data</h2>
</a>
<?php if (isset($vars['session'])) : ?>
<?php if (! empty($vars['session'])) : ?>
<table id="session_table">
<tbody>
<?php foreach ($vars['session'] as $key => $value) : ?>
<tr>
<td><?= $key ?></td>
<td><?= $value ?></td>
</tr>
<?php endforeach ?>
</tbody>
</table>
<?php else : ?>
<p class="muted">No data to display.</p>
<?php endif ?>
<?php else : ?>
<p class="muted">Session doesn't seem to be active.</p>
<?php endif ?>
<h2>Request <span>( <?= $vars['request'] ?> )</span></h2>
<?php if (isset($vars['get']) && $get = $vars['get']) : ?>
<a href="javascript:void(0)" onclick="ciDebugBar.toggleDataTable('get'); return false;">
<h3>$_GET</h3>
</a>
<table id="get_table">
<tbody>
<?php foreach ($get as $name => $value) : ?>
<tr>
<td><?= $name ?></td>
<td><?= $value ?></td>
</tr>
<?php endforeach ?>
</tbody>
</table>
<?php endif ?>
<?php if (isset($vars['post']) && $post = $vars['post']) : ?>
<a href="javascript:void(0)" onclick="ciDebugBar.toggleDataTable('post'); return false;">
<h3>$_POST</h3>
</a>
<table id="post_table">
<tbody>
<?php foreach ($post as $name => $value) : ?>
<tr>
<td><?= $name ?></td>
<td><?= $value ?></td>
</tr>
<?php endforeach ?>
</tbody>
</table>
<?php endif ?>
<?php if (isset($vars['headers']) && $headers = $vars['headers']) : ?>
<a href="javascript:void(0)" onclick="ciDebugBar.toggleDataTable('request_headers'); return false;">
<h3>Headers</h3>
</a>
<table id="request_headers_table">
<tbody>
<?php foreach ($headers as $header => $value) : ?>
<tr>
<td><?= $header ?></td>
<td><?= $value ?></td>
</tr>
<?php endforeach ?>
</tbody>
</table>
<?php endif ?>
<?php if (isset($vars['cookies']) && $cookies = $vars['cookies']) : ?>
<a href="javascript:void(0)" onclick="ciDebugBar.toggleDataTable('cookie'); return false;">
<h3>Cookies</h3>
</a>
<table id="cookie_table">
<tbody>
<?php foreach ($cookies as $name => $value) : ?>
<tr>
<td><?= $name ?></td>
<td><?= is_array($value) ? print_r($value, true) : $value ?></td>
</tr>
<?php endforeach ?>
</tbody>
</table>
<?php endif ?>
<h2>Response
<span>( <?= $vars['response']['statusCode'] . ' - ' . $vars['response']['reason'] ?> )</span>
</h2>
<?php if (isset($vars['headers']) && $headers = $vars['headers']) : ?>
<a href="javascript:void(0)" onclick="ciDebugBar.toggleDataTable('response_headers'); return false;">
<h3>Headers</h3>
</a>
<table id="response_headers_table">
<tbody>
<?php foreach ($headers as $header => $value) : ?>
<tr>
<td><?= $header ?></td>
<td><?= $value ?></td>
</tr>
<?php endforeach ?>
</tbody>
</table>
<?php endif ?>
</div>
<!-- Config Values -->
<div id="ci-config" class="tab">
<h2>System Configuration</h2>
<?= $parser->setData($config)->render('_config.tpl') ?>
</div>
</div>
<style type="text/css">
<?php foreach ($styles as $name => $style): ?>
<?= sprintf(".%s { %s }\n", $name, $style) ?>
<?php endforeach ?>
</style>

87
system/Debug/Toolbar/Views/toolbarloader.js Normal file
View File

@@ -0,0 +1,87 @@
document.addEventListener('DOMContentLoaded', loadDoc, false);
function loadDoc(time) {
if (isNaN(time)) {
time = document.getElementById("debugbar_loader").getAttribute("data-time");
localStorage.setItem('debugbar-time', time);
}
localStorage.setItem('debugbar-time-new', time);
let url = '{url}';
let xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (this.readyState === 4 && this.status === 200) {
let toolbar = document.getElementById("toolbarContainer");
if (! toolbar) {
toolbar = document.createElement('div');
toolbar.setAttribute('id', 'toolbarContainer');
document.body.appendChild(toolbar);
}
let responseText = this.responseText;
let dynamicStyle = document.getElementById('debugbar_dynamic_style');
let dynamicScript = document.getElementById('debugbar_dynamic_script');
// get the first style block, copy contents to dynamic_style, then remove here
let start = responseText.indexOf('>', responseText.indexOf('<style')) + 1;
let end = responseText.indexOf('</style>', start);
dynamicStyle.innerHTML = responseText.substr(start, end - start);
responseText = responseText.substr(end + 8);
// get the first script after the first style, copy contents to dynamic_script, then remove here
start = responseText.indexOf('>', responseText.indexOf('<script')) + 1;
end = responseText.indexOf('\<\/script>', start);
dynamicScript.innerHTML = responseText.substr(start, end - start);
responseText = responseText.substr(end + 9);
// check for last style block, append contents to dynamic_style, then remove here
start = responseText.indexOf('>', responseText.indexOf('<style')) + 1;
end = responseText.indexOf('</style>', start);
dynamicStyle.innerHTML += responseText.substr(start, end - start);
responseText = responseText.substr(0, start - 8);
toolbar.innerHTML = responseText;
if (typeof ciDebugBar === 'object') {
ciDebugBar.init();
}
} else if (this.readyState === 4 && this.status === 404) {
console.log('CodeIgniter DebugBar: File "WRITEPATH/debugbar/debugbar_' + time + '" not found.');
}
};
xhttp.open("GET", url + "?debugbar_time=" + time, true);
xhttp.send();
}
window.oldXHR = window.ActiveXObject
? new ActiveXObject('Microsoft.XMLHTTP')
: window.XMLHttpRequest;
function newXHR() {
const realXHR = new window.oldXHR();
realXHR.addEventListener("readystatechange", function() {
// Only success responses and URLs that do not contains "debugbar_time" are tracked
if (realXHR.readyState === 4 && realXHR.status.toString()[0] === '2' && realXHR.responseURL.indexOf('debugbar_time') === -1) {
if (realXHR.getAllResponseHeaders().indexOf("Debugbar-Time") >= 0) {
let debugbarTime = realXHR.getResponseHeader('Debugbar-Time');
if (debugbarTime) {
let h2 = document.querySelector('#ci-history > h2');
if (h2) {
h2.innerHTML = 'History <small>You have new debug data.</small> <button onclick="loadDoc(' + debugbarTime + ')">Update</button>';
document.querySelector('a[data-tab="ci-history"] > span > .badge').className += ' active';
}
}
}
}
}, false);
return realXHR;
}
window.XMLHttpRequest = newXHR;