@ng-log/log4a
Version:
A powerful and customizable logging library for Angular application.
47 lines • 14.2 kB
JavaScript
import { Component } from '@angular/core';
import { Log4a, LogLevel } from '../log4a.service';
import * as i0 from "@angular/core";
import * as i1 from "../log4a.service";
export class LogConfigComponent {
constructor(logger) {
this.logger = logger;
this.isChecked = true;
}
ngOnInit() { }
enableLog() {
this.isChecked = !this.isChecked;
this.logger.level = this.isChecked ? LogLevel.All : LogLevel.Off;
}
enableDate() {
this.logger.logWithDate = !this.logger.logWithDate;
}
setLogLevel(level) {
switch (level) {
case 'Debug':
this.logger.level = (this.logger.level === LogLevel.Off) ? LogLevel.Off : LogLevel.Debug;
break;
case 'Info':
this.logger.level = (this.logger.level === LogLevel.Off) ? LogLevel.Off : LogLevel.Info;
break;
case 'Warn':
this.logger.level = (this.logger.level === LogLevel.Off) ? LogLevel.Off : LogLevel.Warn;
break;
case 'Error':
this.logger.level = (this.logger.level === LogLevel.Off) ? LogLevel.Off : LogLevel.Error;
break;
default:
this.logger.level = (this.logger.level === LogLevel.Off) ? LogLevel.Off : LogLevel.All;
break;
}
}
logmsg() {
this.logger.debug('test');
}
}
/** @nocollapse */ LogConfigComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LogConfigComponent, deps: [{ token: i1.Log4a }], target: i0.ɵɵFactoryTarget.Component });
/** @nocollapse */ LogConfigComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: LogConfigComponent, selector: "log-config", ngImport: i0, template: "<form (ngSubmit) = \"false\">\n <h1>Enable/Disable Log :</h1>\n <label class=\"switch\">\n\n <input type=\"checkbox\" [checked]='isChecked' (click) = \"enableLog()\">\n <span class=\"slider round\" ></span>\n </label>\n\n <!-- Rounded switch -->\n <h1>Enable Date :</h1>\n <label class=\"switch\">\n\n <input type=\"checkbox\" checked (click) = \"enableDate()\">\n <span class=\"slider round\"></span>\n </label>\n\n\n<br>\n<br>\n<br>\n<fieldset >\n <legend>Log Level :</legend>\n\n <div>\n <input type=\"radio\" id=\"debug\" name=\"log\" value=\"Debug\" checked (change) = \"setLogLevel('Debug')\"/>\n <label for=\"debug\">Debug</label>\n </div>\n\n <div>\n <input type=\"radio\" id=\"info\" name=\"log\" value=\"Info\" (change) = \"setLogLevel('Info')\"/>\n <label for=\"info\">Info</label>\n </div>\n\n <div>\n <input type=\"radio\" id=\"warn\" name=\"log\" value=\"warn\" (change) = \"setLogLevel('Warn')\"/>\n <label for=\"warn\">Warn</label>\n </div>\n\n <div>\n <input type=\"radio\" id=\"error\" name=\"log\" value=\"Error\" (change) = \"setLogLevel('Error')\"/>\n <label for=\"error\">Error</label>\n </div>\n\n <div>\n <input type=\"radio\" id=\"all\" name=\"log\" value=\"All\" (change) = \"setLogLevel('All')\"/>\n <label for=\"all\">All</label>\n </div>\n</fieldset>\n\n\n<br>\n\n<input type=\"button\" (click) = \"logger.debug('test')\" value=\"Debug Test\"/><br><br>\n<input type=\"button\" (click) = \"logger.info('test')\" value=\"Info Test\"/><br><br>\n<input type=\"button\" (click) = \"logger.warn('test')\" value=\"Warn Test\"/><br><br>\n<input type=\"button\" (click) = \"logger.error('test')\" value=\"Error Test\"/><br><br>\n<input type=\"button\" (click) = \"logger.log('test')\" value=\"All Test\"/><br><br>\n\n\n\n", styles: [".switch{position:relative;display:inline-block;width:60px;height:34px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:#ccc;transition:.4s}.slider:before{position:absolute;content:\"\";height:26px;width:26px;left:4px;bottom:4px;background-color:#fff;transition:.4s}input:checked+.slider{background-color:#2196f3}input:focus+.slider{box-shadow:0 0 1px #2196f3}input:checked+.slider:before{transform:translate(26px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.btn{border:none;background-color:inherit;padding:14px 28px;font-size:16px;cursor:pointer;display:inline-block}.btn:hover{background:#eee}.success{color:green}.info{color:#1e90ff}.warning{color:orange}.danger{color:red}.default{color:#000}\n"] });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LogConfigComponent, decorators: [{
type: Component,
args: [{ selector: 'log-config', template: "<form (ngSubmit) = \"false\">\n <h1>Enable/Disable Log :</h1>\n <label class=\"switch\">\n\n <input type=\"checkbox\" [checked]='isChecked' (click) = \"enableLog()\">\n <span class=\"slider round\" ></span>\n </label>\n\n <!-- Rounded switch -->\n <h1>Enable Date :</h1>\n <label class=\"switch\">\n\n <input type=\"checkbox\" checked (click) = \"enableDate()\">\n <span class=\"slider round\"></span>\n </label>\n\n\n<br>\n<br>\n<br>\n<fieldset >\n <legend>Log Level :</legend>\n\n <div>\n <input type=\"radio\" id=\"debug\" name=\"log\" value=\"Debug\" checked (change) = \"setLogLevel('Debug')\"/>\n <label for=\"debug\">Debug</label>\n </div>\n\n <div>\n <input type=\"radio\" id=\"info\" name=\"log\" value=\"Info\" (change) = \"setLogLevel('Info')\"/>\n <label for=\"info\">Info</label>\n </div>\n\n <div>\n <input type=\"radio\" id=\"warn\" name=\"log\" value=\"warn\" (change) = \"setLogLevel('Warn')\"/>\n <label for=\"warn\">Warn</label>\n </div>\n\n <div>\n <input type=\"radio\" id=\"error\" name=\"log\" value=\"Error\" (change) = \"setLogLevel('Error')\"/>\n <label for=\"error\">Error</label>\n </div>\n\n <div>\n <input type=\"radio\" id=\"all\" name=\"log\" value=\"All\" (change) = \"setLogLevel('All')\"/>\n <label for=\"all\">All</label>\n </div>\n</fieldset>\n\n\n<br>\n\n<input type=\"button\" (click) = \"logger.debug('test')\" value=\"Debug Test\"/><br><br>\n<input type=\"button\" (click) = \"logger.info('test')\" value=\"Info Test\"/><br><br>\n<input type=\"button\" (click) = \"logger.warn('test')\" value=\"Warn Test\"/><br><br>\n<input type=\"button\" (click) = \"logger.error('test')\" value=\"Error Test\"/><br><br>\n<input type=\"button\" (click) = \"logger.log('test')\" value=\"All Test\"/><br><br>\n\n\n\n", styles: [".switch{position:relative;display:inline-block;width:60px;height:34px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:#ccc;transition:.4s}.slider:before{position:absolute;content:\"\";height:26px;width:26px;left:4px;bottom:4px;background-color:#fff;transition:.4s}input:checked+.slider{background-color:#2196f3}input:focus+.slider{box-shadow:0 0 1px #2196f3}input:checked+.slider:before{transform:translate(26px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.btn{border:none;background-color:inherit;padding:14px 28px;font-size:16px;cursor:pointer;display:inline-block}.btn:hover{background:#eee}.success{color:green}.info{color:#1e90ff}.warning{color:orange}.danger{color:red}.default{color:#000}\n"] }]
}], ctorParameters: function () { return [{ type: i1.Log4a }]; } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibG9nLWNvbmZpZy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZy1sb2cvbG9nNGEvc3JjL2xpYi9sb2ctY29uZmlnL2xvZy1jb25maWcuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmctbG9nL2xvZzRhL3NyYy9saWIvbG9nLWNvbmZpZy9sb2ctY29uZmlnLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxTQUFTLEVBQVMsTUFBTSxlQUFlLENBQUM7QUFDaEQsT0FBTyxFQUFFLEtBQUssRUFBRSxRQUFRLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQzs7O0FBT25ELE1BQU0sT0FBTyxrQkFBa0I7SUFHN0IsWUFBbUIsTUFBYTtRQUFiLFdBQU0sR0FBTixNQUFNLENBQU87UUFGaEMsY0FBUyxHQUFHLElBQUksQ0FBQztJQUVrQixDQUFDO0lBRXBDLFFBQVEsS0FBSSxDQUFDO0lBRWIsU0FBUztRQUNQLElBQUksQ0FBQyxTQUFTLEdBQUcsQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDO1FBQ2pDLElBQUksQ0FBQyxNQUFNLENBQUMsS0FBSyxHQUFHLElBQUksQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFFLFFBQVEsQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxHQUFHLENBQUE7SUFDbkUsQ0FBQztJQUVELFVBQVU7UUFDUixJQUFJLENBQUMsTUFBTSxDQUFDLFdBQVcsR0FBRyxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsV0FBVyxDQUFDO0lBQ3JELENBQUM7SUFFRCxXQUFXLENBQUMsS0FBYTtRQUN2QixRQUFRLEtBQUssRUFBRTtZQUNiLEtBQUssT0FBTztnQkFDVixJQUFJLENBQUMsTUFBTSxDQUFDLEtBQUssR0FBRyxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsS0FBSyxLQUFLLFFBQVEsQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDLENBQUMsUUFBUSxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUMsUUFBUSxDQUFDLEtBQUssQ0FBQztnQkFDekYsTUFBTTtZQUNSLEtBQUssTUFBTTtnQkFDVCxJQUFJLENBQUMsTUFBTSxDQUFDLEtBQUssR0FBRyxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsS0FBSyxLQUFLLFFBQVEsQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDLENBQUMsUUFBUSxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQztnQkFDeEYsTUFBTTtZQUNSLEtBQUssTUFBTTtnQkFDVCxJQUFJLENBQUMsTUFBTSxDQUFDLEtBQUssR0FBRyxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsS0FBSyxLQUFLLFFBQVEsQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDLENBQUMsUUFBUSxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQztnQkFDeEYsTUFBTTtZQUNSLEtBQUssT0FBTztnQkFDVixJQUFJLENBQUMsTUFBTSxDQUFDLEtBQUssR0FBRyxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsS0FBSyxLQUFLLFFBQVEsQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDLENBQUMsUUFBUSxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUMsUUFBUSxDQUFDLEtBQUssQ0FBQztnQkFDekYsTUFBTTtZQUNSO2dCQUNFLElBQUksQ0FBQyxNQUFNLENBQUMsS0FBSyxHQUFHLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxLQUFLLEtBQUssUUFBUSxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUMsQ0FBQyxRQUFRLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQyxRQUFRLENBQUMsR0FBRyxDQUFDO2dCQUN2RixNQUFNO1NBQ1Q7SUFDSCxDQUFDO0lBRUQsTUFBTTtRQUNKLElBQUksQ0FBQyxNQUFNLENBQUMsS0FBSyxDQUFDLE1BQU0sQ0FBQyxDQUFBO0lBQzNCLENBQUM7O21JQXRDVSxrQkFBa0I7dUhBQWxCLGtCQUFrQixrRENSL0IsK3dEQTREQTs0RkRwRGEsa0JBQWtCO2tCQUw5QixTQUFTOytCQUNFLFlBQVkiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NvbXBvbmVudCwgT25Jbml0fSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IExvZzRhLCBMb2dMZXZlbCB9IGZyb20gJy4uL2xvZzRhLnNlcnZpY2UnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdsb2ctY29uZmlnJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2xvZy1jb25maWcuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9sb2ctY29uZmlnLmNvbXBvbmVudC5jc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBMb2dDb25maWdDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuICBpc0NoZWNrZWQgPSB0cnVlO1xuXG4gIGNvbnN0cnVjdG9yKHB1YmxpYyBsb2dnZXI6IExvZzRhKSB7fVxuXG4gIG5nT25Jbml0KCkge31cblxuICBlbmFibGVMb2coKTogdm9pZCB7XG4gICAgdGhpcy5pc0NoZWNrZWQgPSAhdGhpcy5pc0NoZWNrZWQ7XG4gICAgdGhpcy5sb2dnZXIubGV2ZWwgPSB0aGlzLmlzQ2hlY2tlZCA/ICBMb2dMZXZlbC5BbGwgOiBMb2dMZXZlbC5PZmZcbiAgfVxuXG4gIGVuYWJsZURhdGUoKTogdm9pZCB7XG4gICAgdGhpcy5sb2dnZXIubG9nV2l0aERhdGUgPSAhdGhpcy5sb2dnZXIubG9nV2l0aERhdGU7XG4gIH1cblxuICBzZXRMb2dMZXZlbChsZXZlbDogc3RyaW5nKTogdm9pZCB7XG4gICAgc3dpdGNoIChsZXZlbCkge1xuICAgICAgY2FzZSAnRGVidWcnOlxuICAgICAgICB0aGlzLmxvZ2dlci5sZXZlbCA9ICh0aGlzLmxvZ2dlci5sZXZlbCA9PT0gTG9nTGV2ZWwuT2ZmKSA/IExvZ0xldmVsLk9mZiA6IExvZ0xldmVsLkRlYnVnO1xuICAgICAgICBicmVhaztcbiAgICAgIGNhc2UgJ0luZm8nOlxuICAgICAgICB0aGlzLmxvZ2dlci5sZXZlbCA9ICh0aGlzLmxvZ2dlci5sZXZlbCA9PT0gTG9nTGV2ZWwuT2ZmKSA/IExvZ0xldmVsLk9mZiA6IExvZ0xldmVsLkluZm87XG4gICAgICAgIGJyZWFrO1xuICAgICAgY2FzZSAnV2Fybic6XG4gICAgICAgIHRoaXMubG9nZ2VyLmxldmVsID0gKHRoaXMubG9nZ2VyLmxldmVsID09PSBMb2dMZXZlbC5PZmYpID8gTG9nTGV2ZWwuT2ZmIDogTG9nTGV2ZWwuV2FybjtcbiAgICAgICAgYnJlYWs7XG4gICAgICBjYXNlICdFcnJvcic6XG4gICAgICAgIHRoaXMubG9nZ2VyLmxldmVsID0gKHRoaXMubG9nZ2VyLmxldmVsID09PSBMb2dMZXZlbC5PZmYpID8gTG9nTGV2ZWwuT2ZmIDogTG9nTGV2ZWwuRXJyb3I7XG4gICAgICAgIGJyZWFrO1xuICAgICAgZGVmYXVsdDpcbiAgICAgICAgdGhpcy5sb2dnZXIubGV2ZWwgPSAodGhpcy5sb2dnZXIubGV2ZWwgPT09IExvZ0xldmVsLk9mZikgPyBMb2dMZXZlbC5PZmYgOiBMb2dMZXZlbC5BbGw7XG4gICAgICAgIGJyZWFrO1xuICAgIH1cbiAgfVxuXG4gIGxvZ21zZygpe1xuICAgIHRoaXMubG9nZ2VyLmRlYnVnKCd0ZXN0JylcbiAgfVxufVxuIiwiPGZvcm0gKG5nU3VibWl0KSA9IFwiZmFsc2VcIj5cbiAgPGgxPkVuYWJsZS9EaXNhYmxlIExvZyA6PC9oMT5cbiAgPGxhYmVsIGNsYXNzPVwic3dpdGNoXCI+XG5cbiAgICA8aW5wdXQgdHlwZT1cImNoZWNrYm94XCIgW2NoZWNrZWRdPSdpc0NoZWNrZWQnIChjbGljaykgPSBcImVuYWJsZUxvZygpXCI+XG4gICAgPHNwYW4gY2xhc3M9XCJzbGlkZXIgcm91bmRcIiA+PC9zcGFuPlxuICA8L2xhYmVsPlxuXG4gIDwhLS0gUm91bmRlZCBzd2l0Y2ggLS0+XG4gIDxoMT5FbmFibGUgRGF0ZSA6PC9oMT5cbiAgPGxhYmVsIGNsYXNzPVwic3dpdGNoXCI+XG5cbiAgICA8aW5wdXQgdHlwZT1cImNoZWNrYm94XCIgY2hlY2tlZCAoY2xpY2spID0gXCJlbmFibGVEYXRlKClcIj5cbiAgICA8c3BhbiBjbGFzcz1cInNsaWRlciByb3VuZFwiPjwvc3Bhbj5cbiAgPC9sYWJlbD5cblxuXG48YnI+XG48YnI+XG48YnI+XG48ZmllbGRzZXQgPlxuICA8bGVnZW5kPkxvZyBMZXZlbCA6PC9sZWdlbmQ+XG5cbiAgPGRpdj5cbiAgICA8aW5wdXQgdHlwZT1cInJhZGlvXCIgaWQ9XCJkZWJ1Z1wiIG5hbWU9XCJsb2dcIiB2YWx1ZT1cIkRlYnVnXCIgY2hlY2tlZCAoY2hhbmdlKSA9IFwic2V0TG9nTGV2ZWwoJ0RlYnVnJylcIi8+XG4gICAgPGxhYmVsIGZvcj1cImRlYnVnXCI+RGVidWc8L2xhYmVsPlxuICA8L2Rpdj5cblxuICA8ZGl2PlxuICAgIDxpbnB1dCB0eXBlPVwicmFkaW9cIiBpZD1cImluZm9cIiBuYW1lPVwibG9nXCIgdmFsdWU9XCJJbmZvXCIgIChjaGFuZ2UpID0gXCJzZXRMb2dMZXZlbCgnSW5mbycpXCIvPlxuICAgIDxsYWJlbCBmb3I9XCJpbmZvXCI+SW5mbzwvbGFiZWw+XG4gIDwvZGl2PlxuXG4gIDxkaXY+XG4gICAgPGlucHV0IHR5cGU9XCJyYWRpb1wiIGlkPVwid2FyblwiIG5hbWU9XCJsb2dcIiB2YWx1ZT1cIndhcm5cIiAgKGNoYW5nZSkgPSBcInNldExvZ0xldmVsKCdXYXJuJylcIi8+XG4gICAgPGxhYmVsIGZvcj1cIndhcm5cIj5XYXJuPC9sYWJlbD5cbiAgPC9kaXY+XG5cbiAgPGRpdj5cbiAgICA8aW5wdXQgdHlwZT1cInJhZGlvXCIgaWQ9XCJlcnJvclwiIG5hbWU9XCJsb2dcIiB2YWx1ZT1cIkVycm9yXCIgIChjaGFuZ2UpID0gXCJzZXRMb2dMZXZlbCgnRXJyb3InKVwiLz5cbiAgICA8bGFiZWwgZm9yPVwiZXJyb3JcIj5FcnJvcjwvbGFiZWw+XG4gIDwvZGl2PlxuXG4gIDxkaXY+XG4gICAgPGlucHV0IHR5cGU9XCJyYWRpb1wiIGlkPVwiYWxsXCIgbmFtZT1cImxvZ1wiIHZhbHVlPVwiQWxsXCIgIChjaGFuZ2UpID0gXCJzZXRMb2dMZXZlbCgnQWxsJylcIi8+XG4gICAgPGxhYmVsIGZvcj1cImFsbFwiPkFsbDwvbGFiZWw+XG4gIDwvZGl2PlxuPC9maWVsZHNldD5cblxuXG48YnI+XG5cbjxpbnB1dCB0eXBlPVwiYnV0dG9uXCIgKGNsaWNrKSA9IFwibG9nZ2VyLmRlYnVnKCd0ZXN0JylcIiB2YWx1ZT1cIkRlYnVnIFRlc3RcIi8+PGJyPjxicj5cbjxpbnB1dCB0eXBlPVwiYnV0dG9uXCIgKGNsaWNrKSA9IFwibG9nZ2VyLmluZm8oJ3Rlc3QnKVwiIHZhbHVlPVwiSW5mbyBUZXN0XCIvPjxicj48YnI+XG48aW5wdXQgdHlwZT1cImJ1dHRvblwiIChjbGljaykgPSBcImxvZ2dlci53YXJuKCd0ZXN0JylcIiB2YWx1ZT1cIldhcm4gVGVzdFwiLz48YnI+PGJyPlxuPGlucHV0IHR5cGU9XCJidXR0b25cIiAoY2xpY2spID0gXCJsb2dnZXIuZXJyb3IoJ3Rlc3QnKVwiIHZhbHVlPVwiRXJyb3IgVGVzdFwiLz48YnI+PGJyPlxuPGlucHV0IHR5cGU9XCJidXR0b25cIiAoY2xpY2spID0gXCJsb2dnZXIubG9nKCd0ZXN0JylcIiB2YWx1ZT1cIkFsbCBUZXN0XCIvPjxicj48YnI+XG5cblxuXG4iXX0=