npm - ngx-hana-nameserver-history-viewer - Versions diffs - 1.1.3 → 1.1.9-3.beta - Mend

ngx-hana-nameserver-history-viewer 1.1.3 → 1.1.9-3.beta

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (417) hide show

package/src/demo/demo-util.ts DELETED Viewed

@@ -1,121 +0,0 @@
-import {TimeZoneAbbrMapping} from './demo-service';
-import * as moment from 'moment-timezone';
-/**
- * interface for the abbreviation and offset getting from topology.txt
- */
-export interface TimeZoneAbbrOffset {
-  abbreviation: string;
-  offset: number;
-}
-/**
- * save data to related local storage
- * @param name local storage item name
- * @param data data that needs to be saved in local storage
- */
-export function setLocalStorage(name, data) {
-  if (name == null || name.length === 0) {
-    return;
-  }
-  if (data) {
-    localStorage.setItem(name, JSON.stringify(data));
-  } else {
-    localStorage.removeItem(name);
-  }
-}
-/**
- * get data from local storage
- * @param name local storage item name
- */
-export function getLocalStorage(name): any {
-  if (name == null || name.length === 0) {
-    return undefined;
-  }
-  const data = localStorage.getItem(name);
-  if (data != null) {
-    return JSON.parse(data);
-  } else {
-    return undefined;
-  }
-}
-/**
- * get timezone from topology.txt
- * @param abbreviation the abbreviation of timezone
- * @param offset offset of timezone
- * @param tzAbbrMappings mappings of timezone and abbreviation
- */
-export function getTimeZoneFromTopology(abbreviation: string, offset: number, tzAbbrMappings: TimeZoneAbbrMapping[]): string {
-  if (abbreviation == null || offset == null) {
-    return null;
-  }
-  // if abbreviation is number, get GMT timezone from moment.js
-  if (!isNaN(Number(abbreviation))) {
-    const tzNum = Number(abbreviation);
-    const etcGMTTZ = `Etc/GMT${tzNum > 0 ? '-' : '+'}${Math.abs(tzNum)}`;
-    // get GMT timezone
-    for (const name of moment.tz.names()) {
-      if (name === etcGMTTZ) {
-        return name;
-      }
-    }
-  }
-  // get timezone base on timezone name
-  for (const name of moment.tz.names()) {
-    if (name.indexOf('/') > 0) {
-      if (name === abbreviation) {
-        return name;
-      }
-    }
-  }
-  // define all the regions
-  const tzRegions = ['Etc', 'Europe', 'America', 'Africa', 'Antarctica', 'Arctic', 'Asia', 'Atlantic', 'Australia', 'Pacific', 'Indian'];
-  // get timezone base on abbreviation and offset
-  for (const region of tzRegions) {
-    for (const mapping of tzAbbrMappings) {
-      if (mapping.timezone.startsWith(region)) {
-        if (mapping.abbreviation === abbreviation && Math.abs(mapping.offset - offset) < 1) {
-          return mapping.timezone;
-        }
-      }
-    }
-  }
-  return null;
-}
-/**
- * get the timezone(abbreviation) and offset from content of topology.txt
- * @param fileContent the content of topology.txt
- */
-export function getAbbreviationAndOffset(fileContent: string): TimeZoneAbbrOffset {
-  const timezoneNameString = 'timezone_name';
-  const timezoneOffsetString = 'timezone_offset';
-  let abbreviation;
-  let offset;
-  // split the content to array
-  const allLines = fileContent.split(/\r\n|\n/);
-  // get timezone (Abbreviation) and offset
-  if (allLines) {
-    for (const line of allLines) {
-      if (line != null) {
-        if (line.includes(timezoneNameString)) {
-          abbreviation = line.split('=')[1];
-        } else if (line.includes(timezoneOffsetString)) {
-          offset = Number(line.split('=')[1]) / 3600;
-        }
-        if (abbreviation != null && offset != null) {
-          break;
-        }
-      }
-    }
-  }
-  if (abbreviation == null || offset == null) {
-    abbreviation = null;
-    offset = null;
-  }
-  return {abbreviation: abbreviation, offset: offset};
-}

package/src/demo/index.html DELETED Viewed

@@ -1,13 +0,0 @@
-<!doctype html>
-<html lang="en">
-<head>
-  <meta charset="utf-8">
-  <title>HANA Nameserver History Viewer</title>
-  <base href="/">
-  <meta name="viewport" content="width=device-width, initial-scale=1">
-  <link rel="icon" type="image/x-icon" href="../favicon.ico">
-</head>
-<body>
-    <app-root></app-root>
-</body>
-</html>

package/src/demo/main.ts DELETED Viewed

@@ -1,12 +0,0 @@
-import { enableProdMode } from '@angular/core';
-import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
-import { AppModule } from './app.module';
-import { environment } from '../environments/environment';
-if (environment.production) {
-  enableProdMode();
-}
-platformBrowserDynamic().bootstrapModule(AppModule)
-  .catch(err => console.log(err));

package/src/demo/small-demo.gif DELETED Viewed

Binary file

package/src/demo/styles.css DELETED Viewed

@@ -1,5 +0,0 @@
-@import "~ng-pick-datetime/assets/style/picker.min.css";
-body {
-  margin: 0 8px 0 8px;
-  padding: 0;
-}

package/src/environments/environment.prod.ts DELETED Viewed

@@ -1,3 +0,0 @@
-export const environment = {
-  production: true
-};

package/src/environments/environment.ts DELETED Viewed

@@ -1,15 +0,0 @@
-// 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 = {
-  production: false
-};
-/*
- * In development mode, to ignore zone related error stack frames such as
- * `zone.run`, `zoneDelegate.invokeTask` for easier debugging, you can
- * import the following file, but please comment it out in production mode
- * because it will have performance impact when throw error
- */
-// import 'zone.js/dist/zone-error';  // Included with Angular CLI.

package/src/karma.conf.js DELETED Viewed

@@ -1,31 +0,0 @@
-// Karma configuration file, see link for more information
-// https://karma-runner.github.io/1.0/config/configuration-file.html
-module.exports = function (config) {
-  config.set({
-    basePath: '',
-    frameworks: ['jasmine', '@angular-devkit/build-angular'],
-    plugins: [
-      require('karma-jasmine'),
-      require('karma-chrome-launcher'),
-      require('karma-jasmine-html-reporter'),
-      require('karma-coverage-istanbul-reporter'),
-      require('@angular-devkit/build-angular/plugins/karma')
-    ],
-    client: {
-      clearContext: false // leave Jasmine Spec Runner output visible in browser
-    },
-    coverageIstanbulReporter: {
-      dir: require('path').join(__dirname, '../coverage'),
-      reports: ['html', 'lcovonly'],
-      fixWebpackSourcePaths: true
-    },
-    reporters: ['progress', 'kjhtml'],
-    port: 9876,
-    colors: true,
-    logLevel: config.LOG_INFO,
-    autoWatch: true,
-    browsers: ['Chrome'],
-    singleRun: false
-  });
-};

package/src/nameserver-history-viewer/components/alert/alert.component.html DELETED Viewed

@@ -1,10 +0,0 @@
-<div class="alert-container" *ngIf="message">
-  <div [ngClass]="alertClassType">
-    {{message}}
-    <a class="close" (click)="clearAlert()">&times;</a>
-  </div>
-</div>

package/src/nameserver-history-viewer/components/alert/alert.component.scss DELETED Viewed

@@ -1,78 +0,0 @@
-.alert-container {
-  position: relative;
-  width: 100%;
-  text-align: left;
-  .fadein {
-    @keyframes fadein {
-      from { opacity:0; }
-      to { opacity:1; }
-    }
-    @-moz-keyframes fadein { /* Firefox */
-      from { opacity:0; }
-      to { opacity:1; }
-    }
-    @-webkit-keyframes fadein { /* Safari and Chrome */
-      from { opacity:0; }
-      to { opacity:1; }
-    }
-    @-o-keyframes fadein { /* Opera */
-      from { opacity:0; }
-      to { opacity:1; }
-    }
-    animation: fadein 1s;
-    -moz-animation: fadein 1s; /* Firefox */
-    -webkit-animation: fadein 1s; /* Safari and Chrome */
-    -o-animation: fadein 1s; /* Opera */
-  }
-  .alert {
-    display: inline-block;
-    padding: .50rem 1rem .50rem;
-    border: 1px solid transparent;
-    border-radius: .25rem;
-    font-size: 12px;
-  }
-  .alert-success {
-    color: #155724;
-    background-color: #d4edda;
-    border-color: #c3e6cb;
-    @extend .fadein, .alert;
-  }
-  .alert-info {
-    color: #0c5460;
-    background-color: #d1ecf1;
-    border-color: #bee5eb;
-    @extend .fadein, .alert;
-  }
-  .alert-warning {
-    color: #856404;
-    background-color: #fff3cd;
-    border-color: #ffeeba;
-    @extend .fadein, .alert;
-  }
-  .alert-error {
-    color: #721c24;
-    background-color: #f8d7da;
-    border-color: #f5c6cb;
-    @extend .fadein, .alert;
-  }
-  .close {
-    color: #000;
-    text-shadow: 0 1px 0 #fff;
-    opacity: .5;
-    box-sizing: border-box;
-    &:hover {
-      cursor: pointer;
-      font-weight: 900;
-      color: red;
-    }
-  }
-}

package/src/nameserver-history-viewer/components/alert/alert.component.ts DELETED Viewed

@@ -1,67 +0,0 @@
-import { Component, Input, Output, EventEmitter, OnChanges, SimpleChanges } from '@angular/core';
-@Component({
-    selector: 'alert',
-    templateUrl: './alert.component.html',
-    styleUrls: ['./alert.component.scss'],
-})
-export class AlertComponent implements OnChanges {
-  @Input() alertMessage: string;
-  @Input() alertType: string;
-  @Input() alertTimeout: number;
-  @Output() alertMessageChange = new EventEmitter<string>();
-  message: string;
-  private _timeout;
-  ngOnChanges(changes: SimpleChanges) {
-    if (changes.alertMessage) {
-      this._setMessage(changes.alertMessage.currentValue);
-    }
-  }
-  private _setMessage(msgString: string) {
-    this.message = void 0;
-    if (msgString && msgString.length > 0) {
-      this._showMessage(msgString);
-      this._setTimeout();
-    }
-  }
-  private _showMessage(msgString: string) {
-    setTimeout(() => this.message = msgString, 100);
-  }
-  private _setTimeout() {
-    if (this.alertTimeout > 0) {
-      // clear time out first, it doesn't matter whether the _timeout is undefined or not.
-      clearTimeout(this._timeout);
-      this._timeout = setTimeout(() => this.clearAlert(), this.alertTimeout);
-    }
-  }
-  clearAlert() {
-    this.alertMessage = void 0;
-    this.alertType = void 0;
-    this.alertMessageChange.emit(this.alertMessage);
-    clearTimeout(this._timeout);
-  }
-  /**
-   * get css class base on the alert type
-   */
-  get alertClassType() {
-    if (this.alertType) {
-      switch (this.alertType.toLowerCase()) {
-        case 'success':
-          return 'alert-success';
-        case 'error':
-          return 'alert-error';
-        case 'info':
-          return 'alert-info';
-        case 'warning':
-          return 'alert-warning';
-      }
-    }
-  }
-}

package/src/nameserver-history-viewer/components/alert/alert.module.ts DELETED Viewed

@@ -1,14 +0,0 @@
-import {AlertComponent} from './alert.component';
-import {NgModule} from '@angular/core';
-import {CommonModule} from '@angular/common';
-@NgModule({
-  declarations: [
-    AlertComponent,
-  ],
-  exports: [AlertComponent],
-  imports: [CommonModule],
-  providers: [],
-  bootstrap: [],
-})
-export class AlertModule {}

package/src/nameserver-history-viewer/components/alert/index.ts DELETED Viewed

@@ -1,6 +0,0 @@
-export * from './alert.component';
-export * from './alert.module';

package/src/nameserver-history-viewer/components/file-drop-input/file-drop-input.component.scss DELETED Viewed

@@ -1,37 +0,0 @@
-.file-drop-dropping {
-  background-color: rgba(148, 148, 148, 0.6);
-}
-.file-drop-input {
-  width: 100%;
-  height: 100%;
-  border-radius: 1px;
-  border: 0;
-  .drop-content {
-    color: royalblue;
-    height: 46px;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    .input-button {
-      display: inline-block;
-      border: none;
-      outline: 0;
-      cursor: pointer;
-      font-weight: bold;
-      padding: 0 2px;
-      color: darkblue;
-      &:hover {
-        text-shadow: 1px 1px 3px royalblue;
-      }
-      input {
-        display: none
-      }
-    }
-  }
-}

package/src/nameserver-history-viewer/components/file-drop-input/file-drop-input.component.spec.ts DELETED Viewed

@@ -1,47 +0,0 @@
-import { FileDropInputComponent } from './file-drop-input.component';
-describe('FileDropInputComponent', () => {
-  const component = new FileDropInputComponent();
-  const event = {};
-  const fileEntry = {};
-  const item = {};
-  beforeEach(() => {
-    fileEntry['isDirectory'] = true;
-    fileEntry['name'] = 'test file entry';
-    item['webkitGetAsEntry'] = (() => fileEntry);
-    event['dataTransfer'] = {};
-    event['stopPropagation'] = (() => {});
-    event['preventDefault'] = (() => {});
-  });
-  it('#01 onDropFiles: should send error if dropped a folder ', () => {
-    event['dataTransfer'].items = [item];
-    event['dataTransfer'].files = [item];
-    component.onDropFiles(event);
-    expect(event['error']).toEqual(`Folder (${fileEntry['name']}) is not supported.`);
-  });
-  it('#02 onDropFiles: should send error if dropped multiple folders ', () => {
-    event['dataTransfer'].items = [item, item];
-    event['dataTransfer'].files = [item, item];
-    component.onDropFiles(event);
-    expect(event['error']).toEqual('Multiple files/folders are not supported');
-  });
-  it('#03 onDropFiles: should send error if it is not either file or folder ', () => {
-    const testEntry = {};
-    const testItem = {};
-    testEntry['isDirectory'] = false;
-    testEntry['isFile'] = false;
-    testEntry['name'] = 'test file entry';
-    testItem['webkitGetAsEntry'] = (() => testEntry);
-    event['dataTransfer'].items = [testItem];
-    event['dataTransfer'].files = [testItem];
-    component.onDropFiles(event);
-    expect(event['error']).toEqual(`Internal error, can not get the type of the dropped item (${testEntry['name']}).`);
-  });
-  it('#04 onDropFiles: should send error if can not get the dropped file ', () => {
-    event['dataTransfer'].items = [item];
-    event['dataTransfer'].files = void 0;
-    component.onDropFiles(event);
-    expect(event['error']).toEqual('Internal error, can not get the dropped file.');
-  });
-});

package/src/nameserver-history-viewer/components/file-drop-input/file-drop-input.component.ts DELETED Viewed

@@ -1,101 +0,0 @@
-import { Component, Input, Output, EventEmitter } from '@angular/core';
-@Component({
-  selector: 'file-drop-input',
-  template: `
-    <div class="file-drop-input" [class.file-drop-dropping]="droppingFlag" (drop)="onDropFiles($event)"
-         (dragover)="onDragOver($event)" (dragleave)="onDragLeave($event)">
-      <div class="drop-content">
-        <label class="input-button">
-          <input type="file" (change)="browseFiles($event)" accept=".trc"/> {{inputAreaText}}&nbsp;
-        </label>{{dropAreaText}}
-      </div>
-    </div>
-  `,
-  styleUrls: ['./file-drop-input.component.scss']
-})
-export class FileDropInputComponent {
-  @Input()
-  dropAreaText = '';
-  @Input()
-  inputAreaText = '';
-  @Output()
-  public fileDrop: EventEmitter<any> = new EventEmitter<any>();
-  @Output()
-  public fileInput: EventEmitter<any> = new EventEmitter<any>();
-  droppingFlag = false;
-  private static _stopAndPrevent(event) {
-    event.stopPropagation(); // Stops some browsers from redirecting.
-    event.preventDefault();  // Stops some browsers' default action, like open the file directly
-  }
-  public browseFiles(event: Event): void {
-    this.fileInput.emit(event);
-  }
-  public onDragOver(event: Event): void {
-    FileDropInputComponent._stopAndPrevent(event);
-    if (!this.droppingFlag) {
-        this.droppingFlag = true;
-      }
-  }
-  public onDragLeave(event: Event): void {
-    FileDropInputComponent._stopAndPrevent(event);
-    if (this.droppingFlag) {
-        this.droppingFlag = false;
-      }
-  }
-  public onDropFiles(event: any) {
-    FileDropInputComponent._stopAndPrevent(event);
-    this.droppingFlag = false;
-    let length = 0;
-    if (event.dataTransfer.items) {
-      length = event.dataTransfer.items.length;
-    } else {
-      length = event.dataTransfer.files.length;
-    }
-    if (length > 1) {
-      event.error = 'Multiple files/folders are not supported';
-      this.fileDrop.emit(event);
-      return;
-    }
-    if (length === 1) {
-      let fileEntry;
-      if (event.dataTransfer.items) {
-        if (event.dataTransfer.items[0].webkitGetAsEntry) {
-          fileEntry = event.dataTransfer.items[0].webkitGetAsEntry();
-        }
-      } else {
-        if (event.dataTransfer.files[0].webkitGetAsEntry) {
-          fileEntry = event.dataTransfer.files[0].webkitGetAsEntry();
-        }
-      }
-      if (fileEntry) {
-        if (fileEntry.isFile) {
-          event.error = void 0;
-        } else if (fileEntry.isDirectory) {
-          event.error = `Folder (${fileEntry.name}) is not supported.`;
-        } else {
-          event.error = `Internal error, can not get the type of the dropped item (${fileEntry.name}).`;
-        }
-      }
-      const file: File = event.dataTransfer.files && event.dataTransfer.files.length > 0 ? event.dataTransfer.files[0] : null;
-      if (file) {
-        event.file = file;
-      } else {
-        event.error = 'Internal error, can not get the dropped file.';
-      }
-      this.fileDrop.emit(event);
-      return;
-    }
-  }
-}

package/src/nameserver-history-viewer/components/file-drop-input/index.ts DELETED Viewed

	@@ -1 +0,0 @@
1	- export * from './file-drop-input.component';

package/src/nameserver-history-viewer/components/index.ts DELETED Viewed

@@ -1,8 +0,0 @@
-export * from './alert';
-export * from './file-drop-input';
-export * from './progress-bar';
-export * from './timezone-selector';
-export * from './port-selector';
-export * from './instruction';
-export * from './time-range-selector';
-export * from './nameserver-history.component';

package/src/nameserver-history-viewer/components/instruction/index.ts DELETED Viewed

	@@ -1 +0,0 @@
1	- export * from './instruction.component';

package/src/nameserver-history-viewer/components/instruction/instruction.component.html DELETED Viewed

@@ -1,33 +0,0 @@
-<div class="instruction" *ngIf="show">
-  <div class="close" (click)="onClose()">&times;</div>
-  <div class="mandatory" [class.completed]="step1Finished">
-    <label>Select nameserver history file <span class="flag">*</span></label> <br>
-    <ul>
-      <li>Click the "Browse" </li>
-      <li>Drag and drop your file to "Drop File Here"</li>
-    </ul>
-  </div>
-  <div class="optional" [class.completed]="step2Finished">
-    <label>Select time range and timezone <span class="flag">(optional)</span></label> <br>
-    <ul>
-      <li>If you do not select time range, this tool will read from the beginning until it reaches the configured maxRowsLimitation. </li>
-      <li>If you do not select time zone, this tool will use your local default timezone.</li>
-    </ul>
-  </div>
-  <div class="optional" [class.completed]="step3Finished">
-    <label>Select ports <span class="flag">(optional)</span></label> <br>
-    <ul>
-      <li>If you do not choose any port, this tool will try to load data for all ports until it reaches the configured maxRowsLimitation.</li>
-      <li>After choosing one port, this tool will only try to load data for the selected port until it reaches the configured maxRowsLimitation.</li>
-      <li>If you do not know any port information, you can click "Load" to load all ports from the nameserver history file.</li>
-    </ul>
-  </div>
-  <div class="mandatory" [class.completed]="step4Finished">
-    <label>Load the data from nameserver history file and show the chart <span class="flag">*</span></label> <br>
-    <ul><li>Click button "Show"</li></ul>
-  </div>
-  <div class="optional" [class.completed]="step5Finished">
-    <label>Reset the chart <span class="flag">(optional)</span></label> <br>
-    <ul><li>If you zoomed in, you can go back to original status by clicking "Reset Chart"</li></ul>
-  </div>
-</div>

package/src/nameserver-history-viewer/components/instruction/instruction.component.scss DELETED Viewed

@@ -1,49 +0,0 @@
-.instruction {
-  margin-top: 15px;
-  padding: 15px 15px 15px 15px;
-  position: relative;
-  width: 100%;
-  height: auto;
-  text-align: left;
-  text-shadow: 0 0 1px #DDDDDD;
-  font-size: 16px;
-  font-weight: 400;
-  background: #f8f8f8;
-  box-shadow: inset 0 20px 20px -20px rgba(0, 0, 0, .6);
-  border: 1px dashed #0782d0;
-  .close {
-    position: absolute;
-    top: 2px;
-    right: 4px;
-    color: red;
-    font-size: 14px;
-    &:hover{
-      font-weight:bold;
-      cursor: pointer;
-    }
-  }
-  li {
-    font-size: 14px;
-    display: list-item;
-  }
-  .mandatory{
-    color: #3a4048;
-    .flag {
-      color: red;
-      display:inline;
-    }
-  }
-  .optional{
-    color: #3a4048; /* may change it to different color later */
-    .flag {
-      color: darkblue;
-      display:inline;
-    }
-  }
-  .completed{
-    color: seagreen;
-  }
-}