How to use ngx-logger - 10 common examples

export class LoggerFormComponent implements OnInit {
  @Output() logToConsole: EventEmitter = new EventEmitter();

  loggerForm = this.fb.group({
    logMessage: ['', Validators.required],
    logType: ['', Validators.required]
  });

  /* Used in the mat-select on the form */
  logTypes: LoggerSelectionOption[] = [
    {value: NgxLoggerLevel.TRACE, viewValue: 'Trace'},
    {value: NgxLoggerLevel.DEBUG, viewValue: 'Debug'},
    {value: NgxLoggerLevel.INFO, viewValue: 'Info'},
    {value: NgxLoggerLevel.LOG, viewValue: 'Log'},
    {value: NgxLoggerLevel.WARN, viewValue: 'Warn'},
    {value: NgxLoggerLevel.ERROR, viewValue: 'Error'}
  ];

  constructor(private fb: FormBuilder) {
  }

  ngOnInit() {
  }

  /**
   * Take the message and type of logging to be performed and emits it to the parent component.
   */
  handleFormSubmission() {
    this.logToConsole.emit(this.loggerForm.value);
  }
}

* The LoggerComponent allows a user to enter a message and log it using ngx-logger. The user can select the type of log message.
 * This component emits an event to the parent of the message and log type so the parent can perform the logging operation.
 */
export class LoggerFormComponent implements OnInit {
  @Output() logToConsole: EventEmitter = new EventEmitter();

  loggerForm = this.fb.group({
    logMessage: ['', Validators.required],
    logType: ['', Validators.required]
  });

  /* Used in the mat-select on the form */
  logTypes: LoggerSelectionOption[] = [
    {value: NgxLoggerLevel.TRACE, viewValue: 'Trace'},
    {value: NgxLoggerLevel.DEBUG, viewValue: 'Debug'},
    {value: NgxLoggerLevel.INFO, viewValue: 'Info'},
    {value: NgxLoggerLevel.LOG, viewValue: 'Log'},
    {value: NgxLoggerLevel.WARN, viewValue: 'Warn'},
    {value: NgxLoggerLevel.ERROR, viewValue: 'Error'}
  ];

  constructor(private fb: FormBuilder) {
  }

  ngOnInit() {
  }

  /**
   * Take the message and type of logging to be performed and emits it to the parent component.
   */
  handleFormSubmission() {
    this.logToConsole.emit(this.loggerForm.value);

*/
export class LoggerFormComponent implements OnInit {
  @Output() logToConsole: EventEmitter = new EventEmitter();

  loggerForm = this.fb.group({
    logMessage: ['', Validators.required],
    logType: ['', Validators.required]
  });

  /* Used in the mat-select on the form */
  logTypes: LoggerSelectionOption[] = [
    {value: NgxLoggerLevel.TRACE, viewValue: 'Trace'},
    {value: NgxLoggerLevel.DEBUG, viewValue: 'Debug'},
    {value: NgxLoggerLevel.INFO, viewValue: 'Info'},
    {value: NgxLoggerLevel.LOG, viewValue: 'Log'},
    {value: NgxLoggerLevel.WARN, viewValue: 'Warn'},
    {value: NgxLoggerLevel.ERROR, viewValue: 'Error'}
  ];

  constructor(private fb: FormBuilder) {
  }

  ngOnInit() {
  }

  /**
   * Take the message and type of logging to be performed and emits it to the parent component.
   */
  handleFormSubmission() {
    this.logToConsole.emit(this.loggerForm.value);
  }
}

})
/**
 * The LoggerComponent allows a user to enter a message and log it using ngx-logger. The user can select the type of log message.
 * This component emits an event to the parent of the message and log type so the parent can perform the logging operation.
 */
export class LoggerFormComponent implements OnInit {
  @Output() logToConsole: EventEmitter = new EventEmitter();

  loggerForm = this.fb.group({
    logMessage: ['', Validators.required],
    logType: ['', Validators.required]
  });

  /* Used in the mat-select on the form */
  logTypes: LoggerSelectionOption[] = [
    {value: NgxLoggerLevel.TRACE, viewValue: 'Trace'},
    {value: NgxLoggerLevel.DEBUG, viewValue: 'Debug'},
    {value: NgxLoggerLevel.INFO, viewValue: 'Info'},
    {value: NgxLoggerLevel.LOG, viewValue: 'Log'},
    {value: NgxLoggerLevel.WARN, viewValue: 'Warn'},
    {value: NgxLoggerLevel.ERROR, viewValue: 'Error'}
  ];

  constructor(private fb: FormBuilder) {
  }

  ngOnInit() {
  }

  /**
   * Take the message and type of logging to be performed and emits it to the parent component.
   */

* This component emits an event to the parent of the message and log type so the parent can perform the logging operation.
 */
export class LoggerFormComponent implements OnInit {
  @Output() logToConsole: EventEmitter = new EventEmitter();

  loggerForm = this.fb.group({
    logMessage: ['', Validators.required],
    logType: ['', Validators.required]
  });

  /* Used in the mat-select on the form */
  logTypes: LoggerSelectionOption[] = [
    {value: NgxLoggerLevel.TRACE, viewValue: 'Trace'},
    {value: NgxLoggerLevel.DEBUG, viewValue: 'Debug'},
    {value: NgxLoggerLevel.INFO, viewValue: 'Info'},
    {value: NgxLoggerLevel.LOG, viewValue: 'Log'},
    {value: NgxLoggerLevel.WARN, viewValue: 'Warn'},
    {value: NgxLoggerLevel.ERROR, viewValue: 'Error'}
  ];

  constructor(private fb: FormBuilder) {
  }

  ngOnInit() {
  }

  /**
   * Take the message and type of logging to be performed and emits it to the parent component.
   */
  handleFormSubmission() {
    this.logToConsole.emit(this.loggerForm.value);
  }

// The file contents for the current environment will overwrite these during build.
// The build system defaults to the dev environment which uses `environment.ts`, but if you do
// `ng build --env=prod` then `environment.prod.ts` will be used instead.
// The list of which env maps to which file can be found in `.angular-cli.json`.
import { NgxLoggerLevel } from 'ngx-logger';

export const environment = {
  production: false,
  ngxLoggerConfig: {
    level: NgxLoggerLevel.DEBUG,
    disableConsoleLogging: false
  },
  xsrf: {
    headerName: 'ATLASMAP-XSRF-TOKEN',
    cookieName: 'ATLASMAP-XSRF-COOKIE',
    defaultTokenValue: 'awesome',
  },
  backendUrls: {
    atlasServiceUrl: 'http://localhost:8585/v2/atlas/',
    javaInspectionServiceUrl: 'http://localhost:8585/v2/atlas/java/',
    xmlInspectionServiceUrl: 'http://localhost:8585/v2/atlas/xml/',
    jsonInspectionServiceUrl: 'http://localhost:8585/v2/atlas/json/',
  },
};

],
  imports: [
    ChatModule,
    BrowserModule,
    HttpClientModule,
    AppRoutingModule,
    MatCardModule,
    MatButtonModule,
    MatIconModule,
    BrowserAnimationsModule,
    MatProgressButtonsModule.forRoot(),
    SharedModule,
    NgxsStoreModule,
    LoggerModule.forRoot({
      serverLoggingUrl: '',
      level: environment.production ? NgxLoggerLevel.OFF : NgxLoggerLevel.DEBUG,
      serverLogLevel: NgxLoggerLevel.OFF
    }),
    ToastrModule.forRoot(),
    ClipboardModule,

    // Portal Module Sections
    CoreModule.forRoot(),

    EmojiPickerModule.forRoot(),
    TranslateModule.forRoot(
      {
        defaultLanguage: environment.localization.defaultLanguage,
        loader: {
          provide: TranslateLoader,
          useFactory: HttpLoaderFactory,
          deps: [HttpClient]

export { MappingModel } from './models/mapping.model';
export { MappingSerializer } from './services/mapping-serializer.service';

import { ToErrorIconClassPipe } from './common/to-error-icon-class.pipe';
import { ApiXsrfInterceptor, ApiHttpXsrfTokenExtractor } from './services/api-xsrf.service';
import { FieldActionService } from './services/field-action.service';
import { FileManagementService } from './services/file-management.service';

export { DataMapperAppComponent } from './components/data-mapper-app.component';

export const typeaheadModuleForRoot: ModuleWithProviders = TypeaheadModule.forRoot();
export const tooltipModuleForRoot: ModuleWithProviders = TooltipModule.forRoot();
export const bsDropdownModuleForRoot: ModuleWithProviders = BsDropdownModule.forRoot();
export const httpClientXsrfModuleForRoot: ModuleWithProviders = HttpClientXsrfModule.withOptions(environment.xsrf);
export const alertModuleForRoot: ModuleWithProviders = AlertModule.forRoot();
export const loggerModuleForRoot: ModuleWithProviders = LoggerModule.forRoot(environment.ngxLoggerConfig);

// @dynamic
@NgModule({
  imports: [
    CommonModule,
    HttpClientModule,
    FormsModule,
    ReactiveFormsModule,
    typeaheadModuleForRoot,
    tooltipModuleForRoot,
    bsDropdownModuleForRoot,
    httpClientXsrfModuleForRoot,
    alertModuleForRoot,
    loggerModuleForRoot,
  ],
  declarations: [

// This file can be replaced during build by using the `fileReplacements` array.
// `ng build --prod` replaces `environment.ts` with `environment.prod.ts`.
// The list of file replacements can be found in `angular.json`.

export const environment = {
  // AtlasMap skips Maven classpath resolution if (classpath)
  classpath: ' ',
  production: false,
  xsrf: {
    headerName: 'SYNDESIS-XSRF-TOKEN',
    cookieName: 'SYNDESIS-XSRF-COOKIE',
    defaultTokenValue: 'awesome',
  },
  ngxLoggerConfig: {
    level: NgxLoggerLevel.ERROR,
    disableConsoleLogging: true
  },
};

/*
 * For easier debugging in development mode, you can import the following file
 * to ignore zone related error stack frames such as `zone.run`, `zoneDelegate.invokeTask`.
 *
 * This import should be commented out in production mode because it will have a negative impact
 * on performance if an error is thrown.
 */
// import 'zone.js/dist/zone-error';  // Included with Angular CLI.

import { NgxLoggerLevel } from 'ngx-logger';

export const environment = {
  // AtlasMap skips Maven classpath resolution if (classpath)
  classpath: ' ',
  production: true,
  xsrf: {
    headerName: 'SYNDESIS-XSRF-TOKEN',
    cookieName: 'SYNDESIS-XSRF-COOKIE',
    defaultTokenValue: 'awesome',
  },
  ngxLoggerConfig: {
    level: NgxLoggerLevel.ERROR,
    disableConsoleLogging: true
  },
};