primo commit

media/plg_system_debug/widgets/info/widget.css

@@ -0,0 +1,33 @@
+@charset "UTF-8";
+table.phpdebugbar-widgets-info {
+  width: 75%;
+  margin-top: 5px;
+  margin-left: 5px;
+  font-family: SFMono-Regular, Consolas, Liberation Mono, Menlo, Courier, monospace;
+  line-height: 1.3em;
+}
+
+table.phpdebugbar-widgets-info td {
+  border-bottom: 1px solid silver;
+  padding-right: 10px;
+}
+
+table.phpdebugbar-widgets-info dt {
+  float: left;
+  clear: left;
+  text-align: left;
+  width: 30%;
+  padding: .25em;
+}
+
+table.phpdebugbar-widgets-info dd {
+  float: left;
+  width: 60%;
+  padding: .25em 0;
+}
+
+table.phpdebugbar-widgets-info dl:after {
+  clear: both;
+  content: "";
+  display: table;
+}

media/plg_system_debug/widgets/info/widget.js

@@ -0,0 +1,67 @@
+(function ($) {
+
+    var csscls = PhpDebugBar.utils.makecsscls('phpdebugbar-widgets-')
+    var InfoWidget = PhpDebugBar.Widgets.InfoWidget = PhpDebugBar.Widget.extend({
+
+        tagName: 'table',
+
+        className: csscls('info'),
+
+        render: function () {
+            this.bindAttr('data', function (data) {
+                this.$el.empty()
+                var tr
+
+                /*
+                // @todo enable Info link
+                var link = $('<a />')
+                    .text('Info')
+                    .attr('href', 'index.php?option=com_content&view=debug&id=' + data.requestId)
+                    .attr('target', '_blank');
+
+                tr = $('<tr />')
+                    .append($('<td />').text('Info'))
+                    .append($('<td />').append(link));
+                this.$el.append(tr);
+                */
+
+                tr = $('<tr />')
+                    .append($('<td />').text('Joomla! Version'))
+                    .append($('<td />').text(data.joomlaVersion))
+                this.$el.append(tr)
+
+                tr = $('<tr />')
+                    .append($('<td />').text('PHP Version'))
+                    .append($('<td />').text(data.phpVersion))
+                this.$el.append(tr)
+
+                tr = $('<tr />')
+                    .append($('<td />').text('Identity'))
+                    .append($('<td />').text(data.identity.type))
+                this.$el.append(tr)
+
+                tr = $('<tr />')
+                    .append($('<td />').text('Response'))
+                    .append($('<td />').text(data.response.status_code))
+                this.$el.append(tr)
+
+                tr = $('<tr />')
+                    .append($('<td />').text('Template'))
+                    .append($('<td />').text(data.template.template))
+                this.$el.append(tr)
+
+                tr = $('<tr />')
+                    .append($('<td />').text('Database'))
+                    .append($('<td />').html(
+                        '<dl>'
+                        + '<dt>Server</dt><dd>' + data.database.dbserver + '</dd>'
+                        + '<dt>Version</dt><dd>' + data.database.dbversion + '</dd>'
+                        + '<dt>Collation</dt><dd>' + data.database.dbcollation + '</dd>'
+                        + '<dt>Conn Collation</dt><dd>' + data.database.dbconnectioncollation + '</dd>'
+                        + '</dl>'
+                    ))
+                this.$el.append(tr)
+            })
+        }
+    })
+})(PhpDebugBar.$)

media/plg_system_debug/widgets/info/widget.min.css

@@ -0,0 +1 @@
+@charset "UTF-8";table.phpdebugbar-widgets-info{width:75%;margin-top:5px;margin-left:5px;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace;line-height:1.3em}table.phpdebugbar-widgets-info td{border-bottom:1px solid silver;padding-right:10px}table.phpdebugbar-widgets-info dt{float:left;clear:left;text-align:left;width:30%;padding:.25em}table.phpdebugbar-widgets-info dd{float:left;width:60%;padding:.25em 0}table.phpdebugbar-widgets-info dl:after{clear:both;content:"";display:table}

media/plg_system_debug/widgets/info/widget.min.js

@@ -0,0 +1 @@
+(function(t){var p=PhpDebugBar.utils.makecsscls("phpdebugbar-widgets-"),n=PhpDebugBar.Widgets.InfoWidget=PhpDebugBar.Widget.extend({tagName:"table",className:p("info"),render:function(){this.bindAttr("data",function(d){this.$el.empty();var e;e=t("<tr />").append(t("<td />").text("Joomla! Version")).append(t("<td />").text(d.joomlaVersion)),this.$el.append(e),e=t("<tr />").append(t("<td />").text("PHP Version")).append(t("<td />").text(d.phpVersion)),this.$el.append(e),e=t("<tr />").append(t("<td />").text("Identity")).append(t("<td />").text(d.identity.type)),this.$el.append(e),e=t("<tr />").append(t("<td />").text("Response")).append(t("<td />").text(d.response.status_code)),this.$el.append(e),e=t("<tr />").append(t("<td />").text("Template")).append(t("<td />").text(d.template.template)),this.$el.append(e),e=t("<tr />").append(t("<td />").text("Database")).append(t("<td />").html("<dl><dt>Server</dt><dd>"+d.database.dbserver+"</dd><dt>Version</dt><dd>"+d.database.dbversion+"</dd><dt>Collation</dt><dd>"+d.database.dbcollation+"</dd><dt>Conn Collation</dt><dd>"+d.database.dbconnectioncollation+"</dd></dl>")),this.$el.append(e)})}})})(PhpDebugBar.$);

media/plg_system_debug/widgets/languageErrors/widget.css

@@ -0,0 +1,7 @@
+@charset "UTF-8";
+ul.phpdebugbar-widgets-languageErrors {
+  margin-top: 5px;
+  margin-left: 5px;
+  font-family: SFMono-Regular, Consolas, Liberation Mono, Menlo, Courier, monospace;
+  line-height: 1.3em;
+}

media/plg_system_debug/widgets/languageErrors/widget.js

@@ -0,0 +1,35 @@
+(function ($) {
+
+    var csscls = PhpDebugBar.utils.makecsscls('phpdebugbar-widgets-')
+    var languageErrorsWidget = PhpDebugBar.Widgets.languageErrorsWidget = PhpDebugBar.Widget.extend({
+
+        tagName: 'ul',
+
+        className: csscls('languageErrors'),
+
+        render: function () {
+            this.bindAttr('data', function (data) {
+                this.$el.empty()
+
+                for (var file of data.files) {
+                    var relPath = file[0].replace(data.jroot, '')
+                    var li = $('<li />')
+                    if (data.xdebugLink) {
+                        var link = $('<a />')
+                            .text(relPath + ':' + file[1])
+                            .attr(
+                                'href',
+                                data.xdebugLink
+                                    .replace('%f', file[0])
+                                    .replace('%l', file[1])
+                            )
+                        li.append(link)
+                    } else {
+                        li.text(relPath + ':' + file[1])
+                    }
+                    this.$el.append(li)
+                }
+            })
+        }
+    })
+})(PhpDebugBar.$)

media/plg_system_debug/widgets/languageErrors/widget.min.css

@@ -0,0 +1 @@
+@charset "UTF-8";ul.phpdebugbar-widgets-languageErrors{margin-top:5px;margin-left:5px;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace;line-height:1.3em}

media/plg_system_debug/widgets/languageErrors/widget.min.js

@@ -0,0 +1 @@
+(function(t){var s=PhpDebugBar.utils.makecsscls("phpdebugbar-widgets-"),u=PhpDebugBar.Widgets.languageErrorsWidget=PhpDebugBar.Widget.extend({tagName:"ul",className:s("languageErrors"),render:function(){this.bindAttr("data",function(r){this.$el.empty();for(var e of r.files){var g=e[0].replace(r.jroot,""),a=t("<li />");if(r.xdebugLink){var n=t("<a />").text(g+":"+e[1]).attr("href",r.xdebugLink.replace("%f",e[0]).replace("%l",e[1]));a.append(n)}else a.text(g+":"+e[1]);this.$el.append(a)}})}})})(PhpDebugBar.$);

media/plg_system_debug/widgets/languageFiles/widget.css

@@ -0,0 +1,22 @@
+@charset "UTF-8";
+table.phpdebugbar-widgets-languageFiles {
+  margin-top: 5px;
+  margin-left: 5px;
+  font-family: SFMono-Regular, Consolas, Liberation Mono, Menlo, Courier, monospace;
+  line-height: 1.3em;
+}
+
+table.phpdebugbar-widgets-languageFiles tr {
+  border-bottom: 1px solid silver;
+}
+
+table.phpdebugbar-widgets-languageFiles th {
+  padding: 5px;
+  font-weight: bold;
+}
+
+.phpdebugbar-widgets-languageFiles .alert-success, .phpdebugbar-widgets-languageFiles .alert-warning {
+  color: var(--alert-color);
+  background-color: var(--alert-bg);
+  border-color: var(--alert-border-color);
+}

media/plg_system_debug/widgets/languageFiles/widget.js

@@ -0,0 +1,49 @@
+(function ($) {
+
+    var csscls = PhpDebugBar.utils.makecsscls('phpdebugbar-widgets-')
+    var languageFilesWidget = PhpDebugBar.Widgets.languageFilesWidget = PhpDebugBar.Widget.extend({
+
+        tagName: 'table',
+
+        className: csscls('languageFiles'),
+
+        render: function () {
+            this.bindAttr('data', function (data) {
+                this.$el.empty()
+                var head = $('<tr />')
+                    .append($('<th />').text('Extension'))
+                    .append($('<th />').text('File'))
+                this.$el.append(head)
+                for (var extension in data.loaded) {
+                    var ul = $('<ul />')
+                    for (var file in data.loaded[extension]) {
+                        var css = data.loaded[extension][file] ? 'alert-success' : 'alert-warning'
+                        var status = data.loaded[extension][file] ? '+' : '-'
+                        var relPath = status + ' ' + file.replace(data.jroot, '')
+                        var li = $('<li />')
+                            .addClass(css)
+                        if (data.xdebugLink) {
+                            var link = $('<a />')
+                                .text(relPath)
+                                .attr(
+                                    'href',
+                                    data.xdebugLink
+                                        .replace('%f', file)
+                                        .replace('%l', '1')
+                                )
+                            li.append(link)
+                        } else {
+                            li.text(relPath)
+                        }
+
+                        li.appendTo(ul)
+                    }
+                    var tr = $('<tr />')
+                        .append($('<td />').text(extension))
+                        .append($('<td />').append(ul))
+                    this.$el.append(tr)
+                }
+            })
+        }
+    })
+})(PhpDebugBar.$)

media/plg_system_debug/widgets/languageFiles/widget.min.css

@@ -0,0 +1 @@
+@charset "UTF-8";table.phpdebugbar-widgets-languageFiles{margin-top:5px;margin-left:5px;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace;line-height:1.3em}table.phpdebugbar-widgets-languageFiles tr{border-bottom:1px solid silver}table.phpdebugbar-widgets-languageFiles th{padding:5px;font-weight:700}.phpdebugbar-widgets-languageFiles .alert-success,.phpdebugbar-widgets-languageFiles .alert-warning{color:var(--alert-color);background-color:var(--alert-bg);border-color:var(--alert-border-color)}

media/plg_system_debug/widgets/languageFiles/widget.min.js

@@ -0,0 +1 @@
+(function(e){var l=PhpDebugBar.utils.makecsscls("phpdebugbar-widgets-"),h=PhpDebugBar.Widgets.languageFilesWidget=PhpDebugBar.Widget.extend({tagName:"table",className:l("languageFiles"),render:function(){this.bindAttr("data",function(a){this.$el.empty();var s=e("<tr />").append(e("<th />").text("Extension")).append(e("<th />").text("File"));this.$el.append(s);for(var r in a.loaded){var p=e("<ul />");for(var t in a.loaded[r]){var g=a.loaded[r][t]?"alert-success":"alert-warning",i=a.loaded[r][t]?"+":"-",n=i+" "+t.replace(a.jroot,""),d=e("<li />").addClass(g);if(a.xdebugLink){var u=e("<a />").text(n).attr("href",a.xdebugLink.replace("%f",t).replace("%l","1"));d.append(u)}else d.text(n);d.appendTo(p)}var c=e("<tr />").append(e("<td />").text(r)).append(e("<td />").append(p));this.$el.append(c)}})}})})(PhpDebugBar.$);

media/plg_system_debug/widgets/languageStrings/widget.css

@@ -0,0 +1,56 @@
+@charset "UTF-8";
+table.phpdebugbar-widgets-languageStrings {
+  width: 100%;
+  margin-top: 5px;
+  margin-left: 5px;
+  font-family: SFMono-Regular, Consolas, Liberation Mono, Menlo, Courier, monospace;
+  line-height: 1.3em;
+}
+
+table.phpdebugbar-widgets-languageStrings th {
+  border-bottom: 1px solid #000;
+}
+
+table.phpdebugbar-widgets-languageStrings table.phpdebugbar-widgets-callstack {
+  border-collapse: collapse;
+  border: 1px solid #ddd;
+  width: 100%;
+  margin: 10px;
+  font-family: SFMono-Regular, Consolas, Liberation Mono, Menlo, Courier, monospace;
+  display: none;
+}
+
+table.phpdebugbar-widgets-languageStrings table.phpdebugbar-widgets-callstack tr.caller {
+  background-color: #fff9b6;
+}
+
+table.phpdebugbar-widgets-languageStrings table.phpdebugbar-widgets-callstack tbody tr:hover {
+  background-color: #eee;
+}
+
+table.phpdebugbar-widgets-languageStrings table.phpdebugbar-widgets-callstack th {
+  font-weight: bold;
+}
+
+table.phpdebugbar-widgets-languageStrings span.phpdebugbar-widgets-eye, table.phpdebugbar-widgets-languageStrings span.phpdebugbar-widgets-eye-dash {
+  color: #888;
+  margin-left: 8px;
+}
+
+table.phpdebugbar-widgets-languageStrings span.phpdebugbar-widgets-eye-dash {
+  color: #000;
+  background-color: #eee;
+}
+
+table.phpdebugbar-widgets-languageStrings span.phpdebugbar-widgets-eye:before, table.phpdebugbar-widgets-languageStrings span.phpdebugbar-widgets-eye-dash:before {
+  margin-right: 4px;
+  font-family: "Font Awesome 6 Free";
+}
+
+table.phpdebugbar-widgets-languageStrings span.phpdebugbar-widgets-eye:before {
+  content: "";
+}
+
+table.phpdebugbar-widgets-languageStrings span.phpdebugbar-widgets-eye-dash:before {
+  content: "";
+}

media/plg_system_debug/widgets/languageStrings/widget.js

@@ -0,0 +1,87 @@
+(function ($) {
+
+    var csscls = PhpDebugBar.utils.makecsscls('phpdebugbar-widgets-')
+    var languageStringsWidget = PhpDebugBar.Widgets.languageStringsWidget = PhpDebugBar.Widget.extend({
+
+        tagName: 'table',
+
+        className: csscls('languageStrings'),
+
+        render: function () {
+            this.bindAttr('data', function (data) {
+                this.$el.empty()
+                for (var orphan in data.orphans) {
+                    var tr = $('<tr />')
+                    $('<th valign="top" style="width:10%" />').text(orphan).appendTo(tr)
+                    var td = $('<th />').appendTo(tr)
+
+                    var ul = $('<ul />').appendTo(td)
+
+                    var tableStack
+
+                    for (var oc in data.orphans[orphan]) {
+                        var occurence = data.orphans[orphan][oc]
+                        var relPath = occurence['caller'].replace(data.jroot, '')
+
+                        var li = $('<li />')
+
+                        if (data.xdebugLink) {
+                            var parts = occurence['caller'].split(':')
+                            var link = $('<a />')
+                                .text(relPath)
+                                .attr(
+                                    'href',
+                                    data.xdebugLink
+                                        .replace('%f', parts[0])
+                                        .replace('%l', parts[1])
+                                )
+                            li.append(link)
+                        } else {
+                            li.text(relPath)
+                        }
+
+                        if (occurence['trace'] && !$.isEmptyObject(occurence['trace'])) {
+                            $('<span title="Call Stack" />')
+                                .text('Stack')
+                                .addClass(csscls('eye'))
+                                .css('cursor', 'pointer')
+                                .on('click', function (e) {
+                                    var btn = $(e.target)
+                                    var table = btn.next()
+                                    if (table.is(':visible')) {
+                                        table.hide()
+                                        btn.addClass(csscls('eye'))
+                                        btn.removeClass(csscls('eye-dash'))
+                                    } else {
+                                        table.show()
+                                        btn.addClass(csscls('eye-dash'))
+                                        btn.removeClass(csscls('eye'))
+                                    }
+                                })
+                                .appendTo(li)
+
+                            tableStack = $('<table><thead><tr><th colspan="3">Call Stack</th></tr></thead></table>')
+                                .addClass(csscls('callstack'))
+                                .appendTo(li)
+
+                            for (var i in occurence['trace']) {
+                                var entry = occurence['trace'][i]
+                                var location = entry[3] ? entry[3].replace(data.jroot, '') + ':' + entry[4] : ''
+                                var caller = entry[2].replace(data.jroot, '')
+                                var cssClass = entry[1] ? 'caller' : ''
+                                if (location && data.xdebugLink) {
+                                    location = '<a href="' + data.xdebugLink.replace('%f', entry[3]).replace('%l', entry[4]) + '">' + location + '</a>'
+                                }
+                                tableStack.append('<tr class="' + cssClass + '"><th>' + entry[0] + '</th><td>' + caller + '</td><td>' + location + '</td></tr>')
+                            }
+                        }
+
+                        li.appendTo(ul)
+                    }
+
+                    this.$el.append(tr)
+                }
+            })
+        }
+    })
+})(PhpDebugBar.$)

media/plg_system_debug/widgets/languageStrings/widget.min.css

@@ -0,0 +1 @@
+@charset "UTF-8";table.phpdebugbar-widgets-languageStrings{width:100%;margin-top:5px;margin-left:5px;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace;line-height:1.3em}table.phpdebugbar-widgets-languageStrings th{border-bottom:1px solid #000}table.phpdebugbar-widgets-languageStrings table.phpdebugbar-widgets-callstack{border-collapse:collapse;border:1px solid #ddd;width:100%;margin:10px;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace;display:none}table.phpdebugbar-widgets-languageStrings table.phpdebugbar-widgets-callstack tr.caller{background-color:#fff9b6}table.phpdebugbar-widgets-languageStrings table.phpdebugbar-widgets-callstack tbody tr:hover{background-color:#eee}table.phpdebugbar-widgets-languageStrings table.phpdebugbar-widgets-callstack th{font-weight:700}table.phpdebugbar-widgets-languageStrings span.phpdebugbar-widgets-eye,table.phpdebugbar-widgets-languageStrings span.phpdebugbar-widgets-eye-dash{color:#888;margin-left:8px}table.phpdebugbar-widgets-languageStrings span.phpdebugbar-widgets-eye-dash{color:#000;background-color:#eee}table.phpdebugbar-widgets-languageStrings span.phpdebugbar-widgets-eye:before,table.phpdebugbar-widgets-languageStrings span.phpdebugbar-widgets-eye-dash:before{margin-right:4px;font-family:"Font Awesome 6 Free"}table.phpdebugbar-widgets-languageStrings span.phpdebugbar-widgets-eye:before{content:""}table.phpdebugbar-widgets-languageStrings span.phpdebugbar-widgets-eye-dash:before{content:""}

media/plg_system_debug/widgets/languageStrings/widget.min.js

@@ -0,0 +1 @@
+(function(e){var r=PhpDebugBar.utils.makecsscls("phpdebugbar-widgets-"),T=PhpDebugBar.Widgets.languageStringsWidget=PhpDebugBar.Widget.extend({tagName:"table",className:r("languageStrings"),render:function(){this.bindAttr("data",function(a){this.$el.empty();for(var d in a.orphans){var g=e("<tr />");e('<th valign="top" style="width:10%" />').text(d).appendTo(g);var o=e("<th />").appendTo(g),c=e("<ul />").appendTo(o),v;for(var f in a.orphans[d]){var s=a.orphans[d][f],h=s.caller.replace(a.jroot,""),l=e("<li />");if(a.xdebugLink){var b=s.caller.split(":"),u=e("<a />").text(h).attr("href",a.xdebugLink.replace("%f",b[0]).replace("%l",b[1]));l.append(u)}else l.text(h);if(s.trace&&!e.isEmptyObject(s.trace)){e('<span title="Call Stack" />').text("Stack").addClass(r("eye")).css("cursor","pointer").on("click",function(m){var p=e(m.target),n=p.next();n.is(":visible")?(n.hide(),p.addClass(r("eye")),p.removeClass(r("eye-dash"))):(n.show(),p.addClass(r("eye-dash")),p.removeClass(r("eye")))}).appendTo(l),v=e('<table><thead><tr><th colspan="3">Call Stack</th></tr></thead></table>').addClass(r("callstack")).appendTo(l);for(var x in s.trace){var t=s.trace[x],i=t[3]?t[3].replace(a.jroot,"")+":"+t[4]:"",k=t[2].replace(a.jroot,""),C=t[1]?"caller":"";i&&a.xdebugLink&&(i='<a href="'+a.xdebugLink.replace("%f",t[3]).replace("%l",t[4])+'">'+i+"</a>"),v.append('<tr class="'+C+'"><th>'+t[0]+"</th><td>"+k+"</td><td>"+i+"</td></tr>")}}l.appendTo(c)}this.$el.append(g)}})}})})(PhpDebugBar.$);

media/plg_system_debug/widgets/sqlqueries/widget.css

@@ -0,0 +1,167 @@
+@charset "UTF-8";
+div.phpdebugbar-widgets-sqlqueries .phpdebugbar-widgets-status {
+  color: #555;
+  background: #fafafa;
+  border-bottom: 1px solid #ddd;
+  padding: 6px;
+  font-family: SFMono-Regular, Consolas, Liberation Mono, Menlo, Courier, monospace;
+  font-weight: bold;
+}
+
+div.phpdebugbar-widgets-sqlqueries li.phpdebugbar-widgets-list-item.phpdebugbar-widgets-error {
+  color: red;
+}
+
+div.phpdebugbar-widgets-sqlqueries span.phpdebugbar-widgets-database, div.phpdebugbar-widgets-sqlqueries span.phpdebugbar-widgets-duration, div.phpdebugbar-widgets-sqlqueries span.phpdebugbar-widgets-memory, div.phpdebugbar-widgets-sqlqueries span.phpdebugbar-widgets-row-count, div.phpdebugbar-widgets-sqlqueries span.phpdebugbar-widgets-copy-clipboard, div.phpdebugbar-widgets-sqlqueries span.phpdebugbar-widgets-eye, div.phpdebugbar-widgets-sqlqueries span.phpdebugbar-widgets-eye-dash, div.phpdebugbar-widgets-sqlqueries span.phpdebugbar-widgets-stmt-id {
+  float: right;
+  color: #888;
+  margin-left: 8px;
+}
+
+div.phpdebugbar-widgets-sqlqueries a.phpdebugbar-widgets-editor-link {
+  float: right;
+  margin-left: 8px;
+}
+
+div.phpdebugbar-widgets-sqlqueries div.phpdebugbar-widgets-status span.phpdebugbar-widgets-database, div.phpdebugbar-widgets-sqlqueries div.phpdebugbar-widgets-status span.phpdebugbar-widgets-duration, div.phpdebugbar-widgets-sqlqueries div.phpdebugbar-widgets-status span.phpdebugbar-widgets-memory, div.phpdebugbar-widgets-sqlqueries div.phpdebugbar-widgets-status span.phpdebugbar-widgets-row-count, div.phpdebugbar-widgets-sqlqueries div.phpdebugbar-widgets-status span.phpdebugbar-widgets-copy-clipboard, div.phpdebugbar-widgets-sqlqueries div.phpdebugbar-widgets-status span.phpdebugbar-widgets-eye, div.phpdebugbar-widgets-sqlqueries div.phpdebugbar-widgets-status span.phpdebugbar-widgets-eye-dash, div.phpdebugbar-widgets-sqlqueries div.phpdebugbar-widgets-status span.phpdebugbar-widgets-stmt-id {
+  color: #555;
+}
+
+div.phpdebugbar-widgets-sqlqueries span.phpdebugbar-widgets-database:before, div.phpdebugbar-widgets-sqlqueries span.phpdebugbar-widgets-duration:before, div.phpdebugbar-widgets-sqlqueries span.phpdebugbar-widgets-memory:before, div.phpdebugbar-widgets-sqlqueries span.phpdebugbar-widgets-row-count:before, div.phpdebugbar-widgets-sqlqueries span.phpdebugbar-widgets-copy-clipboard:before, div.phpdebugbar-widgets-sqlqueries span.phpdebugbar-widgets-eye:before, div.phpdebugbar-widgets-sqlqueries span.phpdebugbar-widgets-eye-dash:before, div.phpdebugbar-widgets-sqlqueries span.phpdebugbar-widgets-stmt-id:before, div.phpdebugbar-widgets-sqlqueries a.phpdebugbar-widgets-editor-link:before {
+  margin-right: 4px;
+  font-family: "Font Awesome 6 Free";
+  font-size: 12px;
+  font-weight: 900;
+}
+
+div.phpdebugbar-widgets-sqlqueries span.phpdebugbar-widgets-database:before {
+  content: "";
+}
+
+div.phpdebugbar-widgets-sqlqueries span.phpdebugbar-widgets-duration:before {
+  content: "";
+}
+
+div.phpdebugbar-widgets-sqlqueries span.phpdebugbar-widgets-memory:before {
+  content: "";
+}
+
+div.phpdebugbar-widgets-sqlqueries span.phpdebugbar-widgets-row-count:before {
+  content: "";
+}
+
+div.phpdebugbar-widgets-sqlqueries span.phpdebugbar-widgets-stmt-id:before {
+  content: "";
+}
+
+div.phpdebugbar-widgets-sqlqueries span.phpdebugbar-widgets-copy-clipboard:before {
+  content: "";
+}
+
+div.phpdebugbar-widgets-sqlqueries span.phpdebugbar-widgets-eye:before {
+  content: "";
+}
+
+div.phpdebugbar-widgets-sqlqueries span.phpdebugbar-widgets-eye-dash:before {
+  content: "";
+}
+
+div.phpdebugbar-widgets-sqlqueries a.phpdebugbar-widgets-editor-link:before {
+  content: "";
+  margin-left: 4px;
+}
+
+div.phpdebugbar-widgets-sqlqueries span.phpdebugbar-widgets-eye-dash {
+  background-color: #eee;
+  padding: 2px;
+}
+
+div.phpdebugbar-widgets-sqlqueries table.phpdebugbar-widgets-params {
+  border-collapse: collapse;
+  border: 1px solid #ddd;
+  width: 70%;
+  margin: 10px 0;
+  font-family: SFMono-Regular, Consolas, Liberation Mono, Menlo, Courier, monospace;
+  display: none;
+}
+
+div.phpdebugbar-widgets-sqlqueries table.phpdebugbar-widgets-params td, div.phpdebugbar-widgets-sqlqueries table.phpdebugbar-widgets-explain td {
+  border: 1px solid #ddd;
+  padding: 3px;
+}
+
+div.phpdebugbar-widgets-sqlqueries table.phpdebugbar-widgets-params .phpdebugbar-widgets-name {
+  width: 20%;
+  font-weight: bold;
+}
+
+div.phpdebugbar-widgets-sqlqueries table.phpdebugbar-widgets-callstack, div.phpdebugbar-widgets-sqlqueries table.phpdebugbar-widgets-explain {
+  border-collapse: collapse;
+  border: 1px solid #ddd;
+  width: 100%;
+  margin: 10px 0;
+  font-family: SFMono-Regular, Consolas, Liberation Mono, Menlo, Courier, monospace;
+  display: none;
+}
+
+div.phpdebugbar-widgets-sqlqueries table.phpdebugbar-widgets-callstack tr.caller {
+  background-color: #fff9b6;
+}
+
+div.phpdebugbar-widgets-sqlqueries table.phpdebugbar-widgets-callstack tbody tr:hover {
+  background-color: #eee;
+}
+
+div.phpdebugbar-widgets-sqlqueries table.phpdebugbar-widgets-callstack th, div.phpdebugbar-widgets-sqlqueries table.phpdebugbar-widgets-explain th, div.phpdebugbar-widgets-sqlqueries table.phpdebugbar-widgets-params th {
+  padding: 3px;
+  font-weight: bold;
+}
+
+div.phpdebugbar-widgets-sqlqueries li.phpdebugbar-widgets-list-item {
+  border-bottom: 1px solid #00f;
+  padding: 10px 6px;
+}
+
+div.phpdebugbar-widgets-sqlqueries li.phpdebugbar-widgets-list-item span.phpdebugbar-widgets-error {
+  font-weight: bold;
+  display: block;
+}
+
+code.phpdebugbar-widgets-sql {
+  word-wrap: break-word;
+  overflow-wrap: break-word;
+  white-space: pre-wrap;
+}
+
+div.phpdebugbar-widgets-sqlqueries li.phpdebugbar-widgets-list-item.phpdebugbar-widgets-sql-duplicate {
+  background-color: #edeff0;
+}
+
+div.phpdebugbar-widgets-sqlqueries li.phpdebugbar-widgets-list-item.phpdebugbar-widgets-sql-duplicate:hover {
+  background-color: #ffc;
+}
+
+div.phpdebugbar-widgets-sqlqueries div.phpdebugbar-widgets-toolbar {
+  z-index: 1;
+  background: #fff;
+  width: 100%;
+  display: none;
+  position: fixed;
+  bottom: 0;
+}
+
+div.phpdebugbar-widgets-sqlqueries div.phpdebugbar-widgets-toolbar a.phpdebugbar-widgets-filter {
+  float: right;
+  color: #fff;
+  background: #7cacd5;
+  border-radius: 4px;
+  margin: 0 2px;
+  padding: 2px 4px;
+  font-size: 12px;
+  text-decoration: none;
+}
+
+div.phpdebugbar-widgets-sqlqueries div.phpdebugbar-widgets-toolbar a.phpdebugbar-widgets-filter.phpdebugbar-widgets-excluded {
+  color: #888;
+  background: #eee;
+}

media/plg_system_debug/widgets/sqlqueries/widget.js

@@ -0,0 +1,348 @@
+(function ($) {
+
+    var csscls = PhpDebugBar.utils.makecsscls('phpdebugbar-widgets-')
+
+    /**
+     * Widget for the displaying sql queries
+     *
+     * Options:
+     *  - data
+     */
+    var SQLQueriesWidget = PhpDebugBar.Widgets.SQLQueriesWidget = PhpDebugBar.Widget.extend({
+
+        className: csscls('sqlqueries'),
+
+        onFilterClick: function (el) {
+            $(el).toggleClass(csscls('excluded'))
+
+            var excludedLabels = []
+            this.$toolbar.find(csscls('.filter') + csscls('.excluded')).each(function () {
+                excludedLabels.push(this.rel)
+            })
+
+            this.$list.$el.find('li[connection=' + $(el).attr('rel') + ']').toggle()
+
+            this.set('exclude', excludedLabels)
+        },
+        onFilterDupesClick: function (el) {
+            $(el).toggleClass(csscls('excluded'))
+
+            var excludedLabels = []
+            this.$toolbar.find(csscls('.filter') + csscls('.excluded')).each(function () {
+                excludedLabels.push(this.rel)
+            })
+
+            this.$list.$el.find('li[dupeindex=' + $(el).attr('rel') + ']').toggle()
+
+            this.set('exclude', excludedLabels)
+        },
+        onCopyToClipboard: function (el) {
+            var code = $(el).parent('li').find('code').get(0)
+            var copy = function () {
+                try {
+                    document.execCommand('copy')
+                    alert('Query copied to the clipboard')
+                } catch (err) {
+                    console.log('Oops, unable to copy')
+                }
+            }
+            var select = function (node) {
+                if (document.selection) {
+                    var range = document.body.createTextRange()
+                    range.moveToElementText(node)
+                    range.select()
+                } else if (window.getSelection) {
+                    var range = document.createRange()
+                    range.selectNodeContents(node)
+                    window.getSelection().removeAllRanges()
+                    window.getSelection().addRange(range)
+                }
+                copy()
+                window.getSelection().removeAllRanges()
+            }
+            select(code)
+        },
+        render: function () {
+            this.$status = $('<div />').addClass(csscls('status')).appendTo(this.$el)
+
+            this.$toolbar = $('<div></div>').addClass(csscls('toolbar')).appendTo(this.$el)
+
+            var filters = [], self = this
+
+            this.$list = new PhpDebugBar.Widgets.ListWidget({
+                itemRenderer: function (li, stmt) {
+                    $('<code />').addClass(csscls('sql')).html(PhpDebugBar.Widgets.highlight(stmt.sql, 'sql')).appendTo(li)
+                    if (stmt.duration_str) {
+                        $('<span title="Duration" />').addClass(csscls('duration')).text(stmt.duration_str).appendTo(li)
+                    }
+                    if (stmt.memory_str) {
+                        $('<span title="Memory usage" />').addClass(csscls('memory')).text(stmt.memory_str).appendTo(li)
+                    }
+                    if (typeof(stmt.row_count) != 'undefined') {
+                        $('<span title="Row count" />').addClass(csscls('row-count')).text(stmt.row_count).appendTo(li)
+                    }
+                    if (typeof(stmt.stmt_id) != 'undefined' && stmt.stmt_id) {
+                        $('<span title="Prepared statement ID" />').addClass(csscls('stmt-id')).text(stmt.stmt_id).appendTo(li)
+                    }
+                    if (stmt.connection) {
+                        $('<span title="Connection" />').addClass(csscls('database')).text(stmt.connection).appendTo(li)
+                        li.attr('connection', stmt.connection)
+                        if ($.inArray(stmt.connection, filters) == -1) {
+                            filters.push(stmt.connection)
+                            $('<a />')
+                                .addClass(csscls('filter'))
+                                .text(stmt.connection)
+                                .attr('rel', stmt.connection)
+                                .on('click', function () {
+                                    self.onFilterClick(this)
+                                })
+                                .appendTo(self.$toolbar)
+                            if (filters.length > 1) {
+                                self.$toolbar.show()
+                                self.$list.$el.css('margin-bottom', '20px')
+                            }
+                        }
+                    }
+                    if (typeof(stmt.is_success) != 'undefined' && !stmt.is_success) {
+                        li.addClass(csscls('error'))
+                        li.append($('<span />').addClass(csscls('error')).text('[' + stmt.error_code + '] ' + stmt.error_message))
+                    }
+
+                    var tableParams;
+
+                    function showTableParams() {
+                        if (tableParams) {
+                            tableParams.show();
+                            return;
+                        }
+
+                        // Render table
+                        tableParams = $('<table>').addClass(csscls('params')).appendTo(li);
+                        tableParams.append('<tr><th colspan="3">Query Parameters</th></tr>');
+                        tableParams.append('<tr><td>ID</td><td>Value</td><td>Data Type</td></tr>');
+
+                        var pRow;
+                        for (var key in stmt.params) {
+                            pRow = stmt.params[key];
+                            tableParams.append('<tr><td>' + key + '</td><td>' + pRow.value + '</td><td>'
+                              + pRow.dataType + '</td></tr>');
+                        }
+
+                        tableParams.show();
+                    }
+
+                    if (stmt.params && !$.isEmptyObject(stmt.params)) {
+                        var btnParams = $('<span title="Params" />')
+                          .text('Params')
+                          .addClass(csscls('eye'))
+                          .css('cursor', 'pointer')
+                          .on('click', function () {
+                              if (tableParams && tableParams.is(':visible')) {
+                                  tableParams.hide()
+                                  btnParams.addClass(csscls('eye'))
+                                  btnParams.removeClass(csscls('eye-dash'))
+                              } else {
+                                  showTableParams();
+                                  btnParams.addClass(csscls('eye-dash'))
+                                  btnParams.removeClass(csscls('eye'))
+                              }
+                          })
+                          .appendTo(li)
+                    }
+
+                    var tableExplain;
+
+                    function showTableExplain() {
+                        if (tableExplain) {
+                            tableExplain.show();
+                            return;
+                        }
+
+                        // Render table
+                        tableExplain = $('<table>').addClass(csscls('explain')).appendTo(li);
+                        tableExplain.append('<tr><th>' + stmt.explain_col.join('</th><th>') + '</th></tr>');
+
+                        var i, entry, cols;
+                        for (i in stmt.explain) {
+                            cols  = []
+                            entry = stmt.explain[i];
+
+                            stmt.explain_col.forEach(function (key){
+                                cols.push(entry[key]);
+                            });
+
+                            tableExplain.append('<tr><td>' + cols.join('</td><td>') + '</td></tr>');
+                        }
+
+                        tableExplain.show();
+                    }
+
+                    if (stmt.explain && !$.isEmptyObject(stmt.explain)) {
+                        var btnExplain = $('<span title="Explain" />')
+                          .text('Explain')
+                          .addClass(csscls('eye'))
+                          .css('cursor', 'pointer')
+                          .on('click', function () {
+                              if (tableExplain && tableExplain.is(':visible')) {
+                                  tableExplain.hide()
+                                  btnExplain.addClass(csscls('eye'))
+                                  btnExplain.removeClass(csscls('eye-dash'))
+                              } else {
+                                  showTableExplain();
+                                  btnExplain.addClass(csscls('eye-dash'))
+                                  btnExplain.removeClass(csscls('eye'))
+                              }
+                          })
+                          .appendTo(li)
+                    }
+
+                    var tableStack;
+
+                    function showTableStack() {
+                        if (tableStack) {
+                            tableStack.show();
+                            return;
+                        }
+
+                        // Render table
+                        tableStack = $('<table><tr><th colspan="3">Call Stack</th></tr></table>')
+                          .addClass(csscls('callstack')).appendTo(li);
+
+                        var i, entry, location, caller, cssClass;
+                        for (i in stmt.callstack) {
+                            entry = stmt.callstack[i]
+                            location = entry[3] ? entry[3].replace(self.root_path, '') + ':' + entry[4] : ''
+                            caller = entry[2].replace(self.root_path, '')
+                            cssClass = entry[1] ? 'caller' : ''
+
+                            if (location && self.xdebug_link) {
+                                location = '<a href="' + self.xdebug_link.replace('%f', entry[3]).replace('%l', entry[4]) + '">' + location + '</a>'
+                            }
+                            tableStack.append('<tr class="' + cssClass + '"><th>' + entry[0] + '</th><td>' + caller + '</td><td>' + location + '</td></tr>')
+                        }
+
+                        tableStack.show();
+                    }
+
+                    if (stmt.callstack && !$.isEmptyObject(stmt.callstack)) {
+                        var btnStack = $('<span title="Call Stack" />')
+                            .text('Stack')
+                            .addClass(csscls('eye'))
+                            .css('cursor', 'pointer')
+                            .on('click', function () {
+                                if (tableStack && tableStack.is(':visible')) {
+                                    tableStack.hide()
+                                    btnStack.addClass(csscls('eye'))
+                                    btnStack.removeClass(csscls('eye-dash'))
+                                } else {
+                                    showTableStack();
+                                    btnStack.addClass(csscls('eye-dash'))
+                                    btnStack.removeClass(csscls('eye'))
+                                }
+                            })
+                            .appendTo(li)
+                    }
+
+                    if (typeof(stmt.caller) != 'undefined' && stmt.caller) {
+                        var caller = stmt.caller.replace(self.root_path, '')
+                        if (self.xdebug_link) {
+                            var parts = stmt.caller.split(':')
+                            $('<a />')
+                                .text(caller)
+                                .addClass(csscls('editor-link'))
+                                .attr('href', self.xdebug_link.replace('%f', parts[0]).replace('%l', parts[1]))
+                                .appendTo(li)
+                        } else {
+                            $('<span title="Caller" />')
+                                .text(caller)
+                                .addClass(csscls('stmt-id'))
+                                .appendTo(li)
+                        }
+                    }
+
+                    $('<span title="Copy to clipboard" />')
+                        .text('Copy')
+                        .addClass(csscls('copy-clipboard'))
+                        .css('cursor', 'pointer')
+                        .on('click', function (event) {
+                            self.onCopyToClipboard(this)
+                            event.stopPropagation()
+                        })
+                        .appendTo(li)
+
+                    li.attr('dupeindex', 'dupe-0')
+                }
+            })
+            this.$list.$el.appendTo(this.$el)
+
+            this.bindAttr('data', function (data) {
+                // the collector maybe is empty
+                if (data.length <= 0) {
+                    return false
+                }
+
+                this.root_path = data.root_path
+                this.xdebug_link = data.xdebug_link
+                this.$list.set('data', data.statements)
+                this.$status.empty()
+
+                // Search for duplicate statements.
+                for (var sql = {}, unique = 0, duplicate = 0, i = 0; i < data.statements.length; i++) {
+                    var stmt = data.statements[i].sql
+                    if (data.statements[i].params && !$.isEmptyObject(data.statements[i].params)) {
+                        stmt += ' {' + $.param(data.statements[i].params, false) + '}'
+                    }
+                    sql[stmt] = sql[stmt] || {keys: []}
+                    sql[stmt].keys.push(i)
+                }
+                // Add classes to all duplicate SQL statements.
+                var cnt = 0
+                for (var stmt in sql) {
+                    if (sql[stmt].keys.length > 1) {
+                        duplicate += sql[stmt].keys.length
+                        cnt++
+                        for (var i = 0; i < sql[stmt].keys.length; i++) {
+                            this.$list.$el.find('.' + csscls('list-item')).eq(sql[stmt].keys[i])
+                                .addClass(csscls('sql-duplicate'))
+                                .attr('dupeindex', 'dupe-' + cnt)
+                        }
+                    } else {
+                        unique++
+                    }
+                }
+
+                if (duplicate) {
+                    for (i = 0; i <= cnt; i++) {
+                        $('<a />')
+                            .addClass(csscls('filter'))
+                            .text(i ? 'Duplicates ' + i : 'Uniques')
+                            .attr('rel', 'dupe-' + i)
+                            .on('click', function () {
+                                self.onFilterDupesClick(this)
+                            })
+                            .appendTo(self.$toolbar)
+                    }
+                    self.$toolbar.show()
+                    self.$list.$el.css('margin-bottom', '20px')
+                }
+
+                var t = $('<span />').text(data.nb_statements + ' statements were executed').appendTo(this.$status)
+                if (data.nb_failed_statements) {
+                    t.append(', ' + data.nb_failed_statements + ' of which failed')
+                }
+                if (duplicate) {
+                    t.append(', ' + duplicate + ' of which were duplicates')
+                    t.append(', ' + unique + ' unique')
+                }
+                if (data.accumulated_duration_str) {
+                    this.$status.append($('<span title="Accumulated duration" />').addClass(csscls('duration')).text(data.accumulated_duration_str))
+                }
+                if (data.memory_usage_str) {
+                    this.$status.append($('<span title="Memory usage" />').addClass(csscls('memory')).text(data.memory_usage_str))
+                }
+            })
+        }
+
+    })
+
+})(PhpDebugBar.$)