mirror of
https://bitbucket.org/bellord13/kit.git
synced 2026-11-13 19:06:11 +03:00
fix
This commit is contained in:
@@ -0,0 +1,99 @@
|
||||
:root {
|
||||
--logger-color-emergency: hsl(0, 100%, 55%);
|
||||
--logger-color-alert: hsl(192, 100%, 98%);
|
||||
--logger-color-critical: hsl(0, 100%, 55%);
|
||||
--logger-color-error: hsl(0, 100%, 55%);
|
||||
--logger-color-warning: hsl(31, 100%, 55%);
|
||||
--logger-color-notice: #909090;
|
||||
--logger-color-info: hsl(205, 100%, 61%);
|
||||
--logger-color-debug: #909090;
|
||||
--logger-color-success: #8bc34a;
|
||||
}
|
||||
.kit-logger, #kit-logger {
|
||||
margin: 0;
|
||||
padding: 5px;
|
||||
font-family: monospace;
|
||||
background: hsla(0, 0%, 11%, 1);
|
||||
color: #909090;
|
||||
height: 100%;
|
||||
overflow-y: scroll !important;
|
||||
word-break: break-all;
|
||||
display: block;
|
||||
}
|
||||
.kit-logger--fixed {
|
||||
position: sticky;
|
||||
bottom: 0;
|
||||
height: 30vh;
|
||||
}
|
||||
bx_kit_log {
|
||||
margin: 0;
|
||||
display: -ms-flexbox;
|
||||
display: -webkit-flex;
|
||||
display: flex;
|
||||
-webkit-flex-direction: row;
|
||||
-ms-flex-direction: row;
|
||||
flex-direction: row;
|
||||
-webkit-flex-wrap: nowrap;
|
||||
-ms-flex-wrap: nowrap;
|
||||
flex-wrap: nowrap;
|
||||
-webkit-justify-content: flex-start;
|
||||
-ms-flex-pack: start;
|
||||
justify-content: flex-start;
|
||||
-webkit-align-content: flex-start;
|
||||
-ms-flex-line-pack: start;
|
||||
align-content: flex-start;
|
||||
-webkit-align-items: flex-start;
|
||||
-ms-flex-align: start;
|
||||
align-items: flex-start;
|
||||
white-space: pre-line;
|
||||
|
||||
font-size: 12px !important;
|
||||
line-height: 14px !important;
|
||||
}
|
||||
bx_kit_log_value * {
|
||||
color: inherit;
|
||||
}
|
||||
bx_kit_log_msg {
|
||||
|
||||
}
|
||||
bx_kit_log_key {
|
||||
min-width: 25px;
|
||||
padding-right: 5px;
|
||||
white-space: nowrap;
|
||||
color: var(--logger-color-key, #909090);
|
||||
}
|
||||
bx_kit_log_key:empty {
|
||||
display: none;
|
||||
}
|
||||
bx_kit_log_lvl {
|
||||
min-width: 25px;
|
||||
}
|
||||
bx_kit_log_value {
|
||||
flex: 1 0 0;
|
||||
white-space: pre-wrap;
|
||||
color: var(--logger-color-value, #c1c1c1);
|
||||
}
|
||||
bx_kit_log_value * {
|
||||
font-size: inherit !important;
|
||||
line-height: inherit !important;
|
||||
color: inherit !important;
|
||||
white-space: inherit !important;
|
||||
}
|
||||
|
||||
|
||||
.kit-logger-row--error {
|
||||
--logger-color-key: var(--logger-color-error);
|
||||
--logger-color-value: var(--logger-color-error);
|
||||
}
|
||||
.kit-logger-row--info {
|
||||
--logger-color-key: var(--logger-color-info);
|
||||
--logger-color-value: var(--logger-color-info);
|
||||
}
|
||||
.kit-logger-row--warning {
|
||||
--logger-color-key: var(--logger-color-warning);
|
||||
--logger-color-value: var(--logger-color-warning);
|
||||
}
|
||||
.kit-logger-row--success {
|
||||
--logger-color-key: var(--logger-color-success);
|
||||
--logger-color-value: var(--logger-color-success);
|
||||
}
|
||||
@@ -0,0 +1,159 @@
|
||||
/** @module logger */
|
||||
__PluginManager__.register('Logger', function(module, exports, require, global){
|
||||
|
||||
function makeNode(html = '') {
|
||||
var nodeWrap = document.createElement('div');
|
||||
nodeWrap.innerHTML = html;
|
||||
var r = nodeWrap.firstElementChild;
|
||||
r.remove();
|
||||
return r;
|
||||
}
|
||||
var lightMap = [
|
||||
{class: '', keys: []},
|
||||
{class: 'text-danger', keys: []},
|
||||
{class: 'text-secondary', keys: []},
|
||||
];
|
||||
var getLightClass = function(key) {
|
||||
var addClass = '', ar;
|
||||
for(var i=0; i < lightMap.length; i++){
|
||||
ar = lightMap[i]['keys'];
|
||||
addClass = ar.includes(String(key))?lightMap[i]['class']:addClass;
|
||||
}
|
||||
return addClass;
|
||||
};
|
||||
var collectionTemplater = '<div class="kit-logger kit-logger--fixed"></div>';
|
||||
// function dump(value) {
|
||||
// var rArray = [];
|
||||
// if(value === null) {
|
||||
// rArray[0] = 'null';
|
||||
// } else {
|
||||
// rArray[0] = String(typeof value);
|
||||
// rArray[1] = emptyPHP(value)?'empty':'';
|
||||
// }
|
||||
// return rArray.join(' ');
|
||||
// };
|
||||
function getRowNode(level, key, value, opClass){
|
||||
if(opClass) {
|
||||
opClass = ' kit-logger-row--'+opClass;
|
||||
}
|
||||
var i = 0, lvlTemplate = '', setStyle = '';
|
||||
level = Number(level);
|
||||
key = String(key);
|
||||
value = String(value);
|
||||
for(i = 0; i < level; i++){
|
||||
lvlTemplate += '<bx_kit_log_lvl></bx_kit_log_lvl>';
|
||||
}
|
||||
var result = '<bx_kit_log class="'+getLightClass(key)+opClass+'" style="'+setStyle+'">'+lvlTemplate+'<bx_kit_log_key class="">'+key+'</bx_kit_log_key><bx_kit_log_value class="text-log-value">'+value+'</bx_kit_log_value></bx_kit_log>';
|
||||
|
||||
return makeNode(result);
|
||||
}
|
||||
|
||||
function args2array(arguments) {
|
||||
var args = [];
|
||||
for (var i = 0; i < arguments.length; i++) {
|
||||
args.push(arguments[i]);
|
||||
}
|
||||
return args;
|
||||
}
|
||||
|
||||
/**
|
||||
* @class Logger
|
||||
* @memberOf kit
|
||||
*/
|
||||
var Logger = function() {
|
||||
this.collection = undefined;
|
||||
};
|
||||
/**
|
||||
* @param node {HTMLElement}
|
||||
*/
|
||||
Logger.prototype.setCollection = function (node) {
|
||||
/**
|
||||
* @type {HTMLElement}
|
||||
*/
|
||||
this.collection = node || document.getElementById('kit-logger') || document.querySelector('.kit-logger') || makeNode(collectionTemplater);
|
||||
|
||||
if(!this.collection.parentElement) {
|
||||
document.body.appendChild(this.collection)
|
||||
}
|
||||
};
|
||||
Logger.prototype.__row = function(message, lvl = 0, opClass = '') {
|
||||
if (!this.collection) {
|
||||
this.setCollection();
|
||||
}
|
||||
var log = this.collection;
|
||||
var k = 0, j = 0, i = 0, m = 0, rowNode;
|
||||
|
||||
if(typeof message == 'object') {
|
||||
for(k in message) {
|
||||
log.appendChild(getRowNode(lvl, k, message[k], opClass));
|
||||
if(typeof message[k] == 'object') {
|
||||
for(j in message[k]) {
|
||||
log.appendChild(getRowNode(lvl+1, j, message[k][j]));
|
||||
if(typeof message[k][j] == 'object') {
|
||||
for(i in message[k][j]) {
|
||||
log.appendChild(getRowNode(lvl+2, i, message[k][j][i]));
|
||||
if(typeof message[k][j][i] == 'object') {
|
||||
for(m in message[k][j][i]) {
|
||||
log.appendChild(getRowNode(lvl+3, m, message[k][j][i][m]));
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
} else {
|
||||
log.appendChild(getRowNode(lvl, '', message, opClass));
|
||||
}
|
||||
log.scrollTop = log.scrollHeight;
|
||||
};
|
||||
|
||||
Logger.prototype.__log = function(lvl, type, message, context){
|
||||
lvl = Number(lvl);
|
||||
var opClass = '';
|
||||
if(arguments.length >= 2) opClass = type;
|
||||
if(arguments.length >= 3)
|
||||
this.__row(message, lvl, opClass);
|
||||
if(arguments.length >= 4)
|
||||
this.__row(context, lvl+1);
|
||||
};
|
||||
|
||||
Logger.prototype.emergency = function (message, context) {
|
||||
this.__log.apply(this, [0, 'emergency'].concat(args2array(arguments)));
|
||||
};
|
||||
Logger.prototype.alert = function (message, context) {
|
||||
this.__log.apply(this, [0, 'alert'].concat(args2array(arguments)));
|
||||
};
|
||||
Logger.prototype.critical = function (message, context) {
|
||||
this.__log.apply(this, [0, 'critical'].concat(args2array(arguments)));
|
||||
};
|
||||
Logger.prototype.error = function (message, context) {
|
||||
this.__log.apply(this, [0, 'error'].concat(args2array(arguments)));
|
||||
};
|
||||
Logger.prototype.warning = function (message, context) {
|
||||
this.__log.apply(this, [0, 'warning'].concat(args2array(arguments)));
|
||||
};
|
||||
Logger.prototype.notice = function (message, context) {
|
||||
this.__log.apply(this, [0, 'notice'].concat(args2array(arguments)));
|
||||
};
|
||||
Logger.prototype.info = function (message, context) {
|
||||
this.__log.apply(this, [0, 'info'].concat(args2array(arguments)));
|
||||
};
|
||||
Logger.prototype.debug = function (message, context) {
|
||||
this.__log.apply(this, [0, 'debug'].concat(args2array(arguments)));
|
||||
};
|
||||
Logger.prototype.success = function (message, context) {
|
||||
this.__log.apply(this, [0, 'success'].concat(args2array(arguments)));
|
||||
};
|
||||
Logger.prototype.log = function (lvl = 0, message = '', context, type) {
|
||||
lvl = Number(lvl);
|
||||
var opClass = '';
|
||||
if(arguments.length >= 4) opClass = type;
|
||||
if(arguments.length >= 2)
|
||||
this.__row(message, lvl, opClass);
|
||||
if(arguments.length >= 3)
|
||||
this.__row(context, lvl+1, opClass);
|
||||
};
|
||||
|
||||
return module.exports = Logger;
|
||||
});
|
||||
Reference in New Issue
Block a user