All Downloads are FREE. Search and download functionalities are using the official Maven repository.
Please wait. This can take some minutes ...
Many resources are needed to download a project. Please understand that we have to compensate our server costs. Thank you in advance.
Project price only 1 $
You can buy this project and download/modify it how often you want.
META-INF.resources.primefaces.log.log.js Maven / Gradle / Ivy
/**
* PrimeFaces Log Widget
*/
PrimeFaces.widget.Log = PrimeFaces.widget.BaseWidget.extend({
init: function(cfg) {
this._super(cfg);
this.header = this.jq.children('.ui-log-header');
this.content = this.jq.children('.ui-log-content');
this.itemsContainer = this.content.find('.ui-log-items');
this.filters = this.header.children('.ui-log-button');
this.severity = 'all';
var _self = this;
//make draggable
this.jq.draggable({handle:this.header});
//z-index
this.jq.zIndex(++PrimeFaces.zindex);
this.header.mousedown(function() {
_self.jq.zIndex(++PrimeFaces.zindex);
});
//attach events
this.bindEvents();
//append to body
this.jq.appendTo('body');
//attach
PrimeFaces.logger = this;
},
bindEvents: function() {
var _self = this;
//visuals
this.header.children('.ui-log-button').mouseover(function() {
var el = $(this);
if(!el.hasClass('ui-state-active'))
$(this).addClass('ui-state-hover');
}).mouseout(function() {
$(this).removeClass('ui-state-hover');
});
//clear
this.header.children('.ui-log-clear').click(function(e) {
_self.itemsContainer.html('');
_self.filters.filter('.ui-state-active').removeClass('ui-state-active');
_self.filters.filter('.ui-log-all').addClass('ui-state-active');
_self.severity = 'all';
e.preventDefault();
});
//all
this.header.children('.ui-log-all').click(function(e) {
_self.itemsContainer.children().show();
_self.filters.filter('.ui-state-active').removeClass('ui-state-active');
$(this).addClass('ui-state-active').removeClass('ui-state-hover');
_self.severity = 'all';
e.preventDefault();
});
//info
this.header.children('.ui-log-info').click(function(e) {
_self.handleFilterClick(e, '.ui-log-item-info', 'info', $(this));
});
//warn
this.header.children('.ui-log-warn').click(function(e) {
_self.handleFilterClick(e, '.ui-log-item-warn', 'warn', $(this));
});
//debug
this.header.children('.ui-log-debug').click(function(e) {
_self.handleFilterClick(e, '.ui-log-item-debug', 'debug', $(this));
});
//error
this.header.children('.ui-log-error').click(function(e) {
_self.handleFilterClick(e, '.ui-log-item-error', 'error', $(this));
});
},
info: function(msg) {
this.add(msg, 'info', 'ui-icon-info');
},
warn: function(msg) {
this.add(msg, 'warn', 'ui-icon-notice');
},
debug: function(msg) {
this.add(msg, 'debug', 'ui-icon-search');
},
error: function(msg) {
this.add(msg, 'error', 'ui-icon-alert');
},
add: function(msg, severity, icon) {
var visible = this.severity == severity || this.severity == 'all',
style = visible ? 'display:block' : 'display:none';
var item = ' ' + new Date().toLocaleString() + ' : ' + msg + ' ';
this.itemsContainer.append(item);
},
filter: function(severity) {
this.itemsContainer.children().hide().filter(severity).show();
},
handleFilterClick: function(event, severityClass, severity, button) {
this.filter(severityClass);
this.filters.filter('.ui-state-active').removeClass('ui-state-active');
button.addClass('ui-state-active').removeClass('ui-state-hover');
this.severity = severity;
event.preventDefault();
},
show: function() {
this.jq.show();
},
hide: function() {
this.jq.hide();
}
});