100 lines
3.1 KiB
JavaScript
100 lines
3.1 KiB
JavaScript
|
(function ($) {
|
||
|
|
|
||
|
|
var csscls = PhpDebugBar.utils.makecsscls('phpdebugbar-');
|
||
|
|
|
||
|
|
/**
|
||
|
|
* TooltipIndicator
|
||
|
|
*
|
||
|
|
* A customised indicator class that will provide a better tooltip.
|
||
|
|
*
|
||
|
|
* Options:
|
||
|
|
* - icon
|
||
|
|
* - title
|
||
|
|
* - tooltip: array('html' => '', 'class' => '')
|
||
|
|
* - data: alias of title
|
||
|
|
*/
|
||
|
|
var TooltipIndicator = PhpDebugBar.DebugBar.TooltipIndicator = PhpDebugBar.DebugBar.Indicator.extend({
|
||
|
|
|
||
|
|
render: function() {
|
||
|
|
this.$icon = $('<i />').appendTo(this.$el);
|
||
|
|
this.bindAttr('icon', function(icon) {
|
||
|
|
if (icon) {
|
||
|
|
this.$icon.attr('class', 'fa fa-' + icon);
|
||
|
|
} else {
|
||
|
|
this.$icon.attr('class', '');
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
this.bindAttr(['title', 'data'], $('<span />').addClass(csscls('text')).appendTo(this.$el));
|
||
|
|
|
||
|
|
this.$tooltip = $('<span />').addClass(csscls('tooltip disabled')).appendTo(this.$el);
|
||
|
|
this.bindAttr('tooltip', function(tooltip) {
|
||
|
|
if (tooltip['html']) {
|
||
|
|
tooltipHTML = $('<span />').html(tooltip['html']).addClass(csscls('tooltip-html'));
|
||
|
|
this.$tooltip.html(tooltipHTML).removeClass(csscls('disabled'));
|
||
|
|
if (tooltip['class']) {
|
||
|
|
this.$tooltip.addClass(csscls(tooltip['class']));
|
||
|
|
}
|
||
|
|
} else {
|
||
|
|
this.$tooltip.addClass(csscls('disabled'));
|
||
|
|
}
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
});
|
||
|
|
|
||
|
|
/**
|
||
|
|
* LinkIndicator
|
||
|
|
*
|
||
|
|
* A customised indicator class that will allow "click" behaviour.
|
||
|
|
*
|
||
|
|
* Options:
|
||
|
|
* - icon
|
||
|
|
* - title
|
||
|
|
* - tooltip
|
||
|
|
* - data: alias of title
|
||
|
|
* - href
|
||
|
|
* - target
|
||
|
|
*/
|
||
|
|
var LinkIndicator = PhpDebugBar.DebugBar.LinkIndicator = PhpDebugBar.DebugBar.Indicator.extend({
|
||
|
|
|
||
|
|
tagName: 'a',
|
||
|
|
|
||
|
|
render: function() {
|
||
|
|
LinkIndicator.__super__.render.apply(this);
|
||
|
|
this.bindAttr('href', function(href) {
|
||
|
|
this.$el.attr('href', href);
|
||
|
|
});
|
||
|
|
this.bindAttr('target', function(target) {
|
||
|
|
this.$el.attr('target', target);
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
});
|
||
|
|
|
||
|
|
/**
|
||
|
|
* An extension of KVListWidget where the data represents a list
|
||
|
|
* of variables
|
||
|
|
*
|
||
|
|
* Options:
|
||
|
|
* - data
|
||
|
|
*/
|
||
|
|
var HookListWidget = PhpDebugBar.Widgets.HookListWidget = PhpDebugBar.Widgets.KVListWidget.extend({
|
||
|
|
className: csscls('widgets-kvlist widgets-hooklist'),
|
||
|
|
|
||
|
|
itemRenderer: function(dt, dd, key, object) {
|
||
|
|
$('<span />').attr('title', key).text(key).appendTo(dt);
|
||
|
|
|
||
|
|
|
||
|
|
dd.html('<span><strong>File: </strong> ' + object.file
|
||
|
|
+ '</span><span><strong>Line: </strong>' + object.line
|
||
|
|
+ '</span><span><strong>Count: </strong>' + object.count
|
||
|
|
+ '</span><span><strong>Contexts: </strong>' + (object.contexts === null || object.contexts === '' ? 'Not set' : object.contexts)
|
||
|
|
+ '</span>'
|
||
|
|
);
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
|
||
|
|
})(PhpDebugBar.$);
|