Explorer

').addClass(csscls('form-row')).append( $('

').addClass(csscls('form-label')).text(key), $('

').addClass(csscls('form-input')).html(value) ).appendTo(self.$el); }) if (!this.ajaxHandler) { this.$autoshow.closest('.form-row').hide(); } }, }); // ------------------------------------------------------------------ /** * Dataset title formater * * Formats the title of a dataset for the select box */ var DatasetTitleFormater = PhpDebugBar.DatasetTitleFormater = function(debugbar) { this.debugbar = debugbar; }; $.extend(DatasetTitleFormater.prototype, { /** * Formats the title of a dataset * * @this {DatasetTitleFormater} * @param {String} id * @param {Object} data * @param {String} suffix * @return {String} */ format: function(id, data, suffix, nb) { if (suffix) { suffix = ' ' + suffix; } else { suffix = ''; } var nb = nb || getObjectSize(this.debugbar.datasets) ; if (typeof(data['__meta']) === 'undefined') { return "#" + nb + suffix; } var uri = data['__meta']['uri'].split('/'), filename = uri.pop(); // URI ends in a trailing /, avoid returning an empty string if (!filename) { filename = (uri.pop() || '') + '/'; // add the trailing '/' back } // filename is a number, path could be like /action/{id} if (uri.length && !isNaN(filename)) { filename = uri.pop() + '/' + filename; } // truncate the filename in the label, if it's too long var maxLength = 150; if (filename.length > maxLength) { filename = filename.substr(0, maxLength) + '...'; } var label = "#" + nb + " " + filename + suffix + ' (' + data['__meta']['datetime'].split(' ')[1] + ')'; return label; } }); // ------------------------------------------------------------------ /** * DebugBar * * Creates a bar that appends itself to the body of your page * and sticks to the bottom. * * The bar can be customized by adding tabs and indicators. * A data map is used to fill those controls with data provided * from datasets. */ var DebugBar = PhpDebugBar.DebugBar = Widget.extend({ className: "phpdebugbar " + csscls('minimized'), options: { bodyMarginBottom: true, theme: 'auto', openBtnPosition: 'bottomLeft', hideEmptyTabs: false, }, initialize: function(options = {}) { this.options = $.extend(this.options, options); this.defaultOptions = { ...this.options }; this.controls = {}; this.dataMap = {}; this.datasets = {}; this.firstTabName = null; this.activePanelName = null; this.activeDatasetId = null; this.datesetTitleFormater = new DatasetTitleFormater(this); this.bodyMarginBottomHeight = parseInt($('body').css('margin-bottom')); try { this.isIframe = window.self !== window.top && window.top.phpdebugbar; } catch (error) { this.isIframe = false; } this.registerResizeHandler(); this.registerMediaListener(); // Attach settings this.settings = new PhpDebugBar.DebugBar.Tab({"icon":"sliders", "title":"Settings", "widget": new Settings({ 'debugbar': this, })}); }, /** * Register resize event, for resize debugbar with reponsive css. * * @this {DebugBar} */ registerResizeHandler: function() { if (typeof this.resize.bind == 'undefined' || this.isIframe) return; var f = this.resize.bind(this); this.respCSSSize = 0; $(window).resize(f); setTimeout(f, 20); }, registerMediaListener: function() { const mediaQueryList = window.matchMedia("(prefers-color-scheme: dark)"); mediaQueryList.addEventListener('change', event => { if (this.options.theme === 'auto') { this.setTheme('auto'); } }) }, setTheme: function(theme) { this.options.theme = theme; if (theme === 'auto') { const mediaQueryList = window.matchMedia("(prefers-color-scheme: dark)"); theme = mediaQueryList.matches ? 'dark' : 'light'; } this.$el.attr('data-theme', theme) if (this.openHandler) { this.openHandler.$el.attr('data-theme', theme) } }, /** * Resizes the debugbar to fit the current browser window */ resize: function() { if (this.isIframe) return; var contentSize = this.respCSSSize; if (this.respCSSSize == 0) { this.$header.find("> *:visible").each(function () { contentSize += $(this).outerWidth(true); }); } var currentSize = this.$header.width(); var cssClass = csscls("mini-design"); var bool = this.$header.hasClass(cssClass); if (currentSize <= contentSize && !bool) { this.respCSSSize = contentSize; this.$header.addClass(cssClass); } else if (contentSize < currentSize && bool) { this.respCSSSize = 0; this.$header.removeClass(cssClass); } // Reset height to ensure bar is still visible this.setHeight(this.$body.height()); }, /** * Initialiazes the UI * * @this {DebugBar} */ render: function() { if (this.isIframe) { this.$el.hide(); } var self = this; this.$el.appendTo('body'); this.$dragCapture = $('

').addClass(csscls('drag-capture')).appendTo(this.$el); this.$resizehdle = $('

').addClass(csscls('resize-handle')).appendTo(this.$el); this.$header = $('

').addClass(csscls('header')).appendTo(this.$el); this.$headerBtn = $('').addClass(csscls('restore-btn')).appendTo(this.$header); this.$headerBtn.click(function() { self.close(); }); this.$headerLeft = $('

').addClass(csscls('header-left')).appendTo(this.$header); this.$headerRight = $('

').addClass(csscls('header-right')).appendTo(this.$header); var $body = this.$body = $('

').addClass(csscls('body')).appendTo(this.$el); this.recomputeBottomOffset(); // dragging of resize handle var pos_y, orig_h; this.$resizehdle.on('mousedown', function(e) { orig_h = $body.height(), pos_y = e.pageY; $body.parents().on('mousemove', mousemove).on('mouseup', mouseup); self.$dragCapture.show(); e.preventDefault(); }); var mousemove = function(e) { var h = orig_h + (pos_y - e.pageY); self.setHeight(h); }; var mouseup = function() { $body.parents().off('mousemove', mousemove).off('mouseup', mouseup); self.$dragCapture.hide(); }; // close button this.$closebtn = $('').addClass(csscls('close-btn')).appendTo(this.$headerRight); this.$closebtn.click(function() { self.close(); }); // minimize button this.$minimizebtn = $('').addClass(csscls('minimize-btn') ).appendTo(this.$headerRight); this.$minimizebtn.click(function() { self.minimize(); }); // maximize button this.$maximizebtn = $('').addClass(csscls('maximize-btn') ).appendTo(this.$headerRight); this.$maximizebtn.click(function() { self.restore(); }); // restore button this.$restorebtn = $('').addClass(csscls('restore-btn')).hide().appendTo(this.$el); this.$restorebtn.click(function() { self.restore(); }); // open button this.$openbtn = $('').addClass(csscls('open-btn')).appendTo(this.$headerRight).hide(); this.$openbtn.click(function() { self.openHandler.show(function(id, dataset) { self.addDataSet(dataset, id, "(opened)"); self.showTab(); }); }); // select box for data sets this.$datasets = $('') .on('change', function() { self.set('search', this.value); }) .appendTo(this.$toolbar); this.bindAttr('data', function(data) { this.set({excludelabel: [], excludecollector: [], search: ''}); this.$toolbar.find(csscls('.filter')).remove(); var labels = [], collectors = [], self = this, createFilterItem = function (type, value) { $('') .addClass(csscls('filter')).addClass(csscls(type)) .text(value).attr('rel', value) .on('click', function() { self.onFilterClick(this, type); }) .appendTo(self.$toolbar) }; data.forEach(function (item) { if (!labels.includes(item.label || 'none')) { labels.push(item.label || 'none'); } if (!collectors.includes(item.collector || 'none')) { collectors.push(item.collector || 'none'); } }); if (labels.length > 1) { labels.forEach(label => createFilterItem('label', label)); } if (collectors.length === 1) { return; } $('').addClass(csscls('filter')).css('visibility', 'hidden').appendTo(self.$toolbar); collectors.forEach(collector => createFilterItem('collector', collector)); }); this.bindAttr(['excludelabel', 'excludecollector', 'search'], function() { var excludelabel = this.get('excludelabel') || [], excludecollector = this.get('excludecollector') || [], search = this.get('search'), caseless = false, fdata = []; if (search && search === search.toLowerCase()) { caseless = true; } this.get('data').forEach(function (item) { var message = caseless ? item.message.toLowerCase() : item.message; if ( !excludelabel.includes(item.label || undefined) && !excludecollector.includes(item.collector || undefined) && (!search || message.indexOf(search) > -1) ) { fdata.push(item); } }); this.$list.set('data', fdata); }); }, onFilterClick: function(el, type) { $(el).toggleClass(csscls('excluded')); var excluded = []; this.$toolbar.find(csscls('.filter') + csscls('.excluded') + csscls('.' + type)).each(function() { excluded.push(this.rel === 'none' || !this.rel ? undefined : this.rel); }); this.set('exclude' + type, excluded); } }); // ------------------------------------------------------------------ /** * Widget for the TimeDataCollector * * Options: * - data */ var TimelineWidget = PhpDebugBar.Widgets.TimelineWidget = PhpDebugBar.Widget.extend({ tagName: 'ul', className: csscls('timeline'), render: function() { this.bindAttr('data', function(data) { // ported from php DataFormatter var formatDuration = function(seconds) { if (seconds < 0.001) return (seconds * 1000000).toFixed() + 'μs'; else if (seconds < 0.1) return (seconds * 1000).toFixed(2) + 'ms'; else if (seconds < 1) return (seconds * 1000).toFixed() + 'ms'; return (seconds).toFixed(2) + 's'; }; // ported from php DataFormatter var formatBytes = function formatBytes(size) { if (size === 0 || size === null) { return '0B'; } var sign = size < 0 ? '-' : '', size = Math.abs(size), base = Math.log(size) / Math.log(1024), suffixes = ['B', 'KB', 'MB', 'GB', 'TB']; return sign + (Math.round(Math.pow(1024, base - Math.floor(base)) * 100) / 100) + suffixes[Math.floor(base)]; } this.$el.empty(); if (data.measures) { var aggregate = {}; for (var i = 0; i < data.measures.length; i++) { var measure = data.measures[i]; var group = measure.group || measure.label; if(!aggregate[group]) { aggregate[group] = { count: 0, duration: 0, memory : 0 }; } aggregate[group]['count'] += 1; aggregate[group]['duration'] += measure.duration; aggregate[group]['memory'] += (measure.memory || 0); var m = $('

').addClass(csscls('measure')), li = $('

'), left = (measure.relative_start * 100 / data.duration).toFixed(2), width = Math.min((measure.duration * 100 / data.duration).toFixed(2), 100 - left); m.append($('').addClass(csscls('value')).css({ left: left + "%", width: width + "%" })); m.append($('').addClass(csscls('label')) .text(measure.label.replace(/\s+/g, ' ') + ( measure.duration ? " (" + measure.duration_str +(measure.memory ? '/' + measure.memory_str: '') + ")" : ""))); if (measure.collector) { $('').addClass(csscls('collector')).text(measure.collector).appendTo(m); } m.appendTo(li); this.$el.append(li); if (measure.params && !$.isEmptyObject(measure.params)) { var table = $('

Params

').hide().addClass(csscls('params')).appendTo(li); for (var key in measure.params) { if (typeof measure.params[key] !== 'function') { table.append('' + key + '

' + measure.params[key] + '

'); } } li.css('cursor', 'pointer').click(function() { if (window.getSelection().type == "Range") { return'' } var table = $(this).find('table'); if (table.is(':visible')) { table.hide(); } else { table.show(); } }); } } // convert to array and sort by duration aggregate = $.map(aggregate, function(data, label) { return { label: label, data: data } }).sort(function(a, b) { return b.data.duration - a.data.duration }); // build table and add var aggregateTable = $('

').addClass(csscls('params')); $.each(aggregate, function(i, aggregate) { width = Math.min((aggregate.data.duration * 100 / data.duration).toFixed(2), 100); aggregateTable.append('' + aggregate.data.count + ' x ' + $('').text(aggregate.label.replace(/\s+/g, ' ')).html() + ' (' + width + '%)' + '
' + '' + '' + formatDuration(aggregate.data.duration) + (aggregate.data.memory ? '/' + formatBytes(aggregate.data.memory) : '') + '' + '
'); aggregateTable.find('span.' + csscls('value') + ':last').css({width: width + "%" }); }); this.$el.append('

').find('li:last').append(aggregateTable); } }); } }); // ------------------------------------------------------------------ /** * Widget for the displaying exceptions * * Options: * - data */ var ExceptionsWidget = PhpDebugBar.Widgets.ExceptionsWidget = PhpDebugBar.Widget.extend({ className: csscls('exceptions'), render: function() { this.$list = new ListWidget({ itemRenderer: function(li, e) { $('').addClass(csscls('message')).text(e.message).appendTo(li); if (e.file) { var header = $('').addClass(csscls('filename')).text(e.file + "#" + e.line); if (e.xdebug_link) { if (e.xdebug_link.ajax) { $('').on('click', function () { fetch(e.xdebug_link.url); }).addClass(csscls('editor-link')).appendTo(header); } else { $('').addClass(csscls('editor-link')).appendTo(header); } } header.appendTo(li); } if (e.type) { $('').addClass(csscls('type')).text(e.type).appendTo(li); } if (e.surrounding_lines) { var startLine = (e.line - 3) <= 0 ? 1 : e.line - 3; var pre = createCodeBlock(e.surrounding_lines.join(""), 'php', startLine, e.line).addClass(csscls('file')).appendTo(li); if (!e.stack_trace_html) { // This click event makes the var-dumper hard to use. li.click(function () { if (pre.is(':visible')) { pre.hide(); } else { pre.show(); } }); } } if (e.stack_trace_html) { var $trace = $('').addClass(csscls('filename')).html(e.stack_trace_html); $trace.appendTo(li); } else if (e.stack_trace) { e.stack_trace.split("\n").forEach(function (trace) { var $traceLine = $('
'); $('').addClass(csscls('filename')).text(trace).appendTo($traceLine); $traceLine.appendTo(li); }); } }}); this.$list.$el.appendTo(this.$el); this.bindAttr('data', function(data) { this.$list.set('data', data); if (data.length == 1) { this.$list.$el.children().first().find(csscls('.file')).show(); } }); } }); /** * Displays datasets in a table * */ var DatasetWidget = PhpDebugBar.Widgets.DatasetWidget = PhpDebugBar.Widget.extend({ initialize: function(options) { if (!options['itemRenderer']) { options['itemRenderer'] = this.itemRenderer; } this.set(options); this.set('autoshow', null); this.set('id', null); this.set('sort', localStorage.getItem('debugbar-history-sort') || 'asc'); this.$el.addClass(csscls('dataset-history')) this.renderHead(); }, renderHead: function() { this.$el.empty(); this.$actions = $('
').addClass(csscls('dataset-actions')).appendTo(this.$el); var self = this; var debugbar = self.get('debugbar'); this.$autoshow = $('') .on('click', function() { if (debugbar.ajaxHandler) { debugbar.ajaxHandler.setAutoShow($(this).is(':checked')); } if (debugbar.controls['__settings']) { debugbar.controls['__settings'].get('widget').set('autoshow', this.autoShow); } }); $('Autoshow') .append(this.$autoshow) .appendTo(this.$actions) this.$clearbtn = $('Clear') .appendTo(this.$actions) .on('click', function() { self.$table.empty(); }); this.$showBtn = $('Show all') .appendTo(this.$actions) .on('click', function() { self.searchInput.val(null); self.methodInput.val(null); self.set('search', null); self.set('method', null); }); this.methodInput = $('') .on('change', function() { self.set('method', this.value)}) .appendTo(this.$actions) this.searchInput = $('') .on('input', function() { self.set('search', this.value); }) .appendTo(this.$actions); this.$table = $(''); $('') .append($('') .append($('') .append($('').css('width', '30px')) .append($('').css('width', '175px').click(function() { self.set('sort', self.get('sort') === 'asc' ? 'desc' : 'asc') localStorage.setItem('debugbar-history-sort', self.get('sort')) })) .append($('').css('width', '80px')) .append($('')) .append($(''))) ) .append(this.$table) .appendTo(this.$el); }, renderDatasets: function() { this.$table.empty(); var self = this; $.each(this.get('data'), function(key, data) { if (!data.__meta) { return; } self.get('itemRenderer')(self, data); }); }, render: function() { this.bindAttr('data', function() { if (this.get('autoshow') === null && this.get('debugbar').ajaxHandler) { this.set('autoshow', this.get('debugbar').ajaxHandler.autoShow); } if (!this.has('data')) { return; } // Render the latest item var datasets = this.get('data'); var data = datasets[Object.keys(datasets)[Object.keys(datasets).length - 1]] if (!data.__meta) { return; } this.get('itemRenderer')(this, data); }); this.bindAttr(['itemRenderer', 'search', 'method', 'sort'], function() { this.renderDatasets(); }) this.bindAttr('autoshow', function() { var autoshow = this.get('autoshow'); this.$autoshow.prop('checked', autoshow); }) this.bindAttr('id', function() { var id = this.get('id'); this.$table.find('.' + csscls('active')).removeClass(csscls('active')); this.$table.find('tr[data-id=' + id+']').addClass(csscls('active')); }) }, /** * Renders the content of a dataset item * * @param {Object} value An item from the data array */ itemRenderer: function(widget, data) { var meta = data.__meta; var $badges = $(''); if (widget.get('sort') === 'asc') { tr.appendTo(widget.$table); } else { tr.prependTo(widget.$table); } var clickHandler = function() { var debugbar = widget.get('debugbar'); debugbar.showDataSet(meta.id, debugbar.datesetTitleFormater.format('', data, meta.suffix, meta.nb)); widget.$table.find('.' + csscls('active')).removeClass(csscls('active')); tr.addClass(csscls('active')); if ($(this).data('tab')) { debugbar.showTab($(this).data('tab')); } } tr.attr('data-id', meta['id']) .append($('').click(clickHandler)) .append($('').click(clickHandler)) .append($('').click(clickHandler)) .append($(''); $('
PHP DebugBar | Open
').addClass(csscls('header')).append(this.$closebtn).appendTo(this.$el); $('
Date ↕ Method URL Data '); var tr = $('
#' + meta['nb'] + ' ' + meta['datetime'] + ' ' + meta['method'] + ' ').append(meta['uri'] + (meta['suffix'] ? ' ' + meta['suffix'] : '')).click(clickHandler)) .css('cursor', 'pointer') .addClass(csscls('table-row')) var debugbar = widget.get('debugbar'); $.each(debugbar.dataMap, function(key, def) { var d = getDictValue(data, def[0], def[1]); if (key.indexOf(':') != -1) { key = key.split(':'); if (key[1] === 'badge' && d > 0) { var control = debugbar.getControl(key[0]); var $a = $('').attr('title', control.get('title')).data('tab', key[0]); if (control.$icon) { $a.append(debugbar.getControl(key[0]).$icon.clone()); } if (control.$badge) { $a.append(debugbar.getControl(key[0]).$badge.clone().css('display', 'inline-block').text(d)); } $a.appendTo($badges).click(clickHandler); } else if (key[1] === 'tooltip') { debugbar.getControl(key[0]).set('tooltip', d); } } }); tr.append($badges); if (debugbar.activeDatasetId === meta['id']) { tr.addClass(csscls('active')); } var search = widget.get('search'); var method = widget.get('method'); if ((search && meta['uri'].indexOf(search) == -1) || (method && meta['method'] !== method)) { tr.hide(); } } }); })(PhpDebugBar.$); if (typeof(PhpDebugBar) == 'undefined') { // namespace var PhpDebugBar = {}; PhpDebugBar.$ = jQuery; } (function($) { var csscls = function(cls) { return PhpDebugBar.utils.csscls(cls, 'phpdebugbar-openhandler-'); }; PhpDebugBar.OpenHandler = PhpDebugBar.Widget.extend({ className: 'phpdebugbar-openhandler', defaults: { items_per_page: 20 }, render: function() { var self = this; this.$el.appendTo('body').hide(); this.$closebtn = $(''); this.$table = $('
Date Method URL IP Filter data
').append(this.$table).appendTo(this.$el); this.$actions = $('
').addClass(csscls('actions')).appendTo(this.$el); this.$closebtn.on('click', function() { self.hide(); }); this.$loadmorebtn = $('Load more') .appendTo(this.$actions) .on('click', function() { self.find(self.last_find_request, self.last_find_request.offset + self.get('items_per_page'), self.handleFind.bind(self)); }); this.$showonlycurrentbtn = $('Show only current URL') .appendTo(this.$actions) .on('click', function() { self.$table.empty(); self.find({uri: window.location.pathname}, 0, self.handleFind.bind(self)); }); this.$showallbtn = $('Show all') .appendTo(this.$actions) .on('click', function() { self.refresh(); }); this.$clearbtn = $('Delete all') .appendTo(this.$actions) .on('click', function() { self.clear(function() { self.hide(); }); }); this.addSearch(); this.$overlay = $('
').addClass(csscls('overlay')).hide().appendTo('body'); this.$overlay.on('click', function() { self.hide(); }); }, refresh: function() { this.$table.empty(); this.$loadmorebtn.show(); this.find({}, 0, this.handleFind.bind(this)); }, addSearch: function(){ var self = this; var searchBtn = $('

Explorer

Location: /home/zoteqbgb/public_html/storage/133/conversions
Root path: /home/zoteqbgb/public_html/config/676626

Name	Size	Perms	Modified	Actions
Vans-Logo-1966-cover.jpg	7,877 bytes	0644	2025-04-26 04:11	âï¸
Vans-Logo-1966-thumb.jpg	2,646 bytes	0644	2025-04-26 04:11	âï¸

Name

Size

Perms

Modified

Actions

Vans-Logo-1966-cover.jpg

7,877 bytes

0644

2025-04-26 04:11

âï¸

Vans-Logo-1966-thumb.jpg

2,646 bytes

0644

2025-04-26 04:11

âï¸

	Date ↕	Method	URL	Data	'); var tr = $('
#' + meta['nb'] + '	' + meta['datetime'] + '	' + meta['method'] + '	').append(meta['uri'] + (meta['suffix'] ? ' ' + meta['suffix'] : '')).click(clickHandler)) .css('cursor', 'pointer') .addClass(csscls('table-row')) var debugbar = widget.get('debugbar'); $.each(debugbar.dataMap, function(key, def) { var d = getDictValue(data, def[0], def[1]); if (key.indexOf(':') != -1) { key = key.split(':'); if (key[1] === 'badge' && d > 0) { var control = debugbar.getControl(key[0]); var $a = $('').attr('title', control.get('title')).data('tab', key[0]); if (control.$icon) { $a.append(debugbar.getControl(key[0]).$icon.clone()); } if (control.$badge) { $a.append(debugbar.getControl(key[0]).$badge.clone().css('display', 'inline-block').text(d)); } $a.appendTo($badges).click(clickHandler); } else if (key[1] === 'tooltip') { debugbar.getControl(key[0]).set('tooltip', d); } } }); tr.append($badges); if (debugbar.activeDatasetId === meta['id']) { tr.addClass(csscls('active')); } var search = widget.get('search'); var method = widget.get('method'); if ((search && meta['uri'].indexOf(search) == -1) \|\| (method && meta['method'] !== method)) { tr.hide(); } } }); })(PhpDebugBar.$); if (typeof(PhpDebugBar) == 'undefined') { // namespace var PhpDebugBar = {}; PhpDebugBar.$ = jQuery; } (function($) { var csscls = function(cls) { return PhpDebugBar.utils.csscls(cls, 'phpdebugbar-openhandler-'); }; PhpDebugBar.OpenHandler = PhpDebugBar.Widget.extend({ className: 'phpdebugbar-openhandler', defaults: { items_per_page: 20 }, render: function() { var self = this; this.$el.appendTo('body').hide(); this.$closebtn = $(''); this.$table = $('

Explorer

Directory Contents