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

package/src/nameserver-history-viewer/components/port-selector/port-selector.component.ts

@@ -1,55 +0,0 @@
-import { Component, Input, ChangeDetectionStrategy, Output, EventEmitter } from '@angular/core';
-import { PortSelectorService } from './port-selector.service';
-import { Port } from '../../types';
-
-@Component({
-  selector: 'port-selector',
-  template: `
-    <label>
-      <ngx-dropdown-list (selectionChange)="onChange($event)"
-                         [items]="displayPorts"
-                         [multiSelection]="false"
-                         [placeHolder]="'Ports'"
-                         [(selectedValue)]="port"
-                         [filterBox]="true"
-                         [disabled]="disabled">
-      </ngx-dropdown-list>
-    </label>
-  `,
-  providers: [ PortSelectorService ],
-  changeDetection: ChangeDetectionStrategy.OnPush
-})
-export class PortSelectorComponent {
-  /**
-   * Input: boolean (optional) bind to [disabled]
-   */
-  @Input() disabled = false;
-
-  /**
-   * Output event bind to (port)
-   */
-  @Output() portChange = new EventEmitter<string>();
-
-  /**
-   * Input: string (required) bind to [port]
-   */
-  @Input() port: string;
-
-  /**
-   * Input: array (required) bind to [ports]
-   */
-  @Input() ports: Port[];
-
-  get displayPorts() {
-    return this.service.getPorts(this.ports);
-  }
-
-  constructor(private service: PortSelectorService) {}
-
-  /**
-   * onChange function called by the "ngx-select" element
-   */
-  onChange(event: any) {
-    this.portChange.emit(event);
-  }
-}

package/src/nameserver-history-viewer/components/port-selector/port-selector.service.spec.ts

@@ -1,16 +0,0 @@
-import {PortSelectorService} from './port-selector.service';
-
-describe('PortSelectorService', () => {
-  const service = new PortSelectorService();
-  it('#01 getPorts: should return the selected ports if the selected ports is not null/empty ', () => {
-    const ports = [{id: '30001', text: '30001'}, {id: '30002', text: '30002'}];
-    expect(service.getPorts(ports)).toEqual(ports);
-  });
-  it('#02 getPorts: should return the default ports if the selected ports is null/empty ', () => {
-    expect(service.getPorts(null).length).toBe(99);
-    expect(service.getPorts([]).length).toBe(99);
-    expect(service.getPorts(null).findIndex(port => port.id === '3**01' && port.text === '3**01') >= 0).toBeTruthy();
-    expect(service.getPorts([]).findIndex(port => port.id === '3**01' && port.text === '3**01') >= 0).toBeTruthy();
-    expect(service.getPorts([]).findIndex(port => port.id === '3**99' && port.text === '3**99') >= 0).toBeTruthy();
-  });
-});

package/src/nameserver-history-viewer/components/port-selector/port-selector.service.ts

@@ -1,40 +0,0 @@
-import { Injectable } from '@angular/core';
-import { Port } from '../../types';
-
-@Injectable()
-export class PortSelectorService {
-
-  private _defaultPorts: Port[];
-  /**
-   * generate the default ports from 3**01 to 3**99
-   * the ports which used (3**01, 3**03, 3**07, 3**40, 3**43, 3*46， 3**49, 3**52, 3**55, 3*58, 3**61 ...)
-   * by hana normally will be put in the first places
-   */
-  private _getDefaultPorts(): Port[] {
-    if (this._defaultPorts) {
-      return this._defaultPorts;
-    }
-    // name server, default index server and xsengine
-    this._defaultPorts = [
-      {id: '3**01', text: '3**01'},
-      {id: '3**03', text: '3**03'},
-      {id: '3**07', text: '3**07'}
-    ];
-    // tenant index servers
-    for (let i = 40; i < 100; i += 3) {
-      this._defaultPorts.push({id: `3**${i}`, text: `3**${i}`});
-    }
-    // others
-    for (let i = 1; i < 100; i++) {
-      const port = i > 9 ? `3**${i}` : `3**0${i}`;
-      if (this._defaultPorts.findIndex(item => item.id === port) < 0) {
-        this._defaultPorts.push({id: port, text: port});
-      }
-    }
-    return this._defaultPorts;
-  }
-
-  getPorts(ports: Port[] = null): Port[] {
-    return ports != null && ports.length > 0 ? ports : this._getDefaultPorts();
-  }
-}

package/src/nameserver-history-viewer/components/progress-bar/index.ts

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

package/src/nameserver-history-viewer/components/progress-bar/progress-bar.component.scss

@@ -1,47 +0,0 @@
-.progress-content {
-  display: flex;
-  align-items: center;
-  margin: 8px 10px;
-  padding-right: 20px;
-  padding-left: 20px;
-
-  .progress {
-    display: block;
-    position: relative;
-    width: 100%;
-    height: 12px;
-    border-radius: 3px;
-    background: #3a4048;
-
-    .bar {
-      position: absolute;
-      top: 0;
-      left: 0;
-      height: 12px;
-      background: linear-gradient(90deg, #13ebff 0, #6cefbd 100%);
-
-      .is-done {
-        background: #6cefbd
-      }
-    }
-  }
-}
-
-.progress-text-content {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  margin: -5px 30px 0;
-  padding-right: 50px;
-
-  .progress-text {
-    font-size: 13px;
-    font-weight: 600;
-    color: #13ebff;
-    transition: color .2s ease-out;
-
-    .is-done {
-      color: #6cefbd
-    }
-  }
-}

package/src/nameserver-history-viewer/components/progress-bar/progress-bar.component.ts

@@ -1,27 +0,0 @@
-import { Component, Input } from '@angular/core';
-
-@Component({
-  selector: 'progress-bar',
-  styleUrls: ['./progress-bar.component.scss'],
-  template: `
-    <div class="progress-content">
-      <div class="progress">
-        <span class="bar" [style.width]="progress + '%'" [class.is-done]="progress == 100"></span>
-      </div>
-    </div>
-    <div class="progress-text-content">
-        <span class="progress-text" [class.is-done]="progress === 100">
-          <span>{{ progress }}% </span>
-          <span *ngIf="progress < 100">Parsing...</span> <!--{{file?.name}}-->
-          <span *ngIf="progress === 100">Done</span>
-        </span>
-    </div>
-  `
-})
-
-export class ProgressBarComponent {
-
-  @Input()
-  public progress: number;
-
-}

package/src/nameserver-history-viewer/components/time-range-selector/index.ts

@@ -1 +0,0 @@
-export * from './time-range-selector.component';

package/src/nameserver-history-viewer/components/time-range-selector/time-range-selector.component.scss

@@ -1,31 +0,0 @@
-@import '../nameserver-history.component.scss';
-
-.time-range {
-  width: 100%;
-  box-sizing: border-box;
-  .time-range-from {
-    width: 48.5%;
-    float: left;
-    margin-left: 1%;
-    margin-right: 1%;
-  }
-  .time-range-to {
-    width: 48.5%;
-    float: right;
-    margin-right: 1%;
-  }
-  input {
-    margin-top: 6px;
-    width: 100%;
-    padding: 6px 12px;
-    color: #495057;
-    cursor: pointer;
-    @extend .solid-box;
-    &:hover {
-      @extend .hover-box
-    }
-    &:disabled {
-      box-shadow: none;
-    }
-  }
-}

package/src/nameserver-history-viewer/components/time-range-selector/time-range-selector.component.ts

@@ -1,46 +0,0 @@
-import { Component, Input, ChangeDetectionStrategy, Output, EventEmitter } from '@angular/core';
-
-@Component({
-  selector: 'time-range-selector',
-  template: `
-    <div class="time-range">
-      <div class="time-range-from">
-        <input placeholder="Date Time Range From:"
-               [disabled]="disabled"
-               [(ngModel)]="dateTimeRange"
-               [selectMode]="'rangeFrom'"
-               [owlDateTimeTrigger]="dtRange2" [owlDateTime]="dtRange2" #dateTime2="ngModel" readonly>
-        <owl-date-time #dtRange2 (afterPickerClosed)="afterPickerClosed()"></owl-date-time>
-      </div>
-      <div class="time-range-to">
-        <input placeholder="Date Time Range To:"
-               [disabled]="disabled"
-               [(ngModel)]="dateTimeRange"
-               [selectMode]="'rangeTo'"
-               [owlDateTimeTrigger]="dtRange3" [owlDateTime]="dtRange3" #dateTime3="ngModel" readonly>
-        <owl-date-time #dtRange3 (afterPickerClosed)="afterPickerClosed()"></owl-date-time>
-      </div>
-    </div>
-  `,
-  styleUrls: [ './time-range-selector.component.scss' ],
-  changeDetection: ChangeDetectionStrategy.OnPush
-})
-export class TimeRangeSelectorComponent {
-
-  @Input() disabled = false;
-  /**
-   * selected time range
-   */
-  @Input() dateTimeRange: Date[];
-  /**
-   * for two way binding.
-   */
-  @Output() dateTimeRangeChange = new EventEmitter<Date[]>();
-
-  /**
-   * triggered when picker closed
-   */
-  afterPickerClosed() {
-    this.dateTimeRangeChange.emit(this.dateTimeRange);
-  }
-}

package/src/nameserver-history-viewer/components/timezone-selector/index.ts

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

package/src/nameserver-history-viewer/components/timezone-selector/timezone-selector.component.ts

@@ -1,82 +0,0 @@
-import { Component, Input, ChangeDetectionStrategy, Output, EventEmitter, OnChanges, SimpleChanges } from '@angular/core';
-import { TimezoneSelectorService } from './timezone-selector.service';
-import * as momentImported from 'moment-timezone';
-
-// workaround for fixing following error when doing packagr: Cannot call a namespace ('moment')
-const moment = momentImported;
-
-@Component({
-  selector: 'timezone-selector',
-  template: `
-    <ngx-dropdown-list (selectionChange)="onChange($event)"
-                       [items]="timezones"
-                       [multiSelection]="false"
-                       [placeHolder]="'Timezones'"
-                       [(selectedValue)]="timezone"
-                       [filterBox]="true"
-                       [disabled]="disabled"
-                       [allowClear]="false">
-    </ngx-dropdown-list>
-  `,
-  providers: [ TimezoneSelectorService ],
-  changeDetection: ChangeDetectionStrategy.OnPush
-})
-export class TimezoneSelectorComponent implements OnChanges {
-
-  @Input() disabled = false;
-  @Input() timezone: string;
-  @Output() timezoneChange = new EventEmitter<string>();
-
-  /**
-   * all time zones for each region
-   */
-  timezones: any[];
-
-  private static _formatNumber(number): string {
-    return number < 10 || !number ? `0${number}` : `${number}`;
-  }
-
-  constructor(private service: TimezoneSelectorService) {
-    const defaultTZ = this.service.getDefaultTimezone();
-    this.timezones = this.service.getZones().map(tz => ({group: tz.region, items: tz.zones.map(zone =>
-        ({id: zone, value: zone, text: this._getFormattedZone(tz.region, zone), selected: zone === defaultTZ}))}));
-  }
-
-  ngOnChanges(changes: SimpleChanges) {
-    if (changes.timezone && changes.timezone.currentValue) {
-      if (this.timezones) {
-        this.timezones = this.service.getZones().map(tz => ({group: tz.region, items: tz.zones.map(zone =>
-            ({id: zone, value: zone, text: this._getFormattedZone(tz.region, zone), selected: zone === changes.timezone.currentValue}))}));
-      }
-    }
-  }
-
-  private _getFormattedZone(region, zone) {
-    return `${region} - ${this._formatTimezone(zone)} ${this._getOffset(zone)}`;
-  }
-
-  private _formatTimezone(zone: string): string {
-    const tz = zone.split('/');
-    return tz[tz.length - 1].replace('_', ' ');
-  }
-
-  private _getOffset(zone: string): string {
-    let offset = moment.tz(zone).utcOffset();
-    const neg = offset < 0;
-    if (neg) {
-      offset = -1 * offset;
-    }
-    const hours = Math.floor(offset / 60);
-    const minutes = (offset / 60 - hours) * 60;
-    return `(GMT${neg ? '-' : '+'}${TimezoneSelectorComponent._formatNumber(hours)}:${TimezoneSelectorComponent._formatNumber(minutes)})`;
-  }
-
-  /**
-   * onChange function called by the "ngx-select" element
-   * @param selectedTimezone The timezone string selected
-   */
-  onChange(selectedTimezone: string) {
-    this.timezone = selectedTimezone;
-    this.timezoneChange.emit(this.timezone);
-  }
-}

package/src/nameserver-history-viewer/components/timezone-selector/timezone-selector.service.spec.ts

@@ -1,12 +0,0 @@
-import {TimezoneSelectorService} from './timezone-selector.service';
-
-describe('TimezoneSelectorService', () => {
-  const service = new TimezoneSelectorService();
-  it('#01 getZones: should return all timezones of 15 different regions ', () => {
-    const zones = service.getZones();
-    expect([
-      'Africa', 'America', 'Antarctica', 'Arctic', 'Asia', 'Atlantic', 'Australia',
-      'Brazil', 'Canada', 'Chile', 'Etc', 'Europe', 'Indian', 'Mexico', 'Pacific'
-    ].every(region => zones.findIndex(zone => zone.region === region) >= 0)).toBe(true);
-  });
-});

package/src/nameserver-history-viewer/components/timezone-selector/timezone-selector.service.ts

@@ -1,53 +0,0 @@
-import { Injectable } from '@angular/core';
-import { getDefaultTimezone } from '../../utils';
-import * as momentImported from 'moment-timezone';
-
-// workaround for fixing following error when doing packagr: Cannot call a namespace ('moment')
-const moment = momentImported;
-
-export interface Timezone {
-  region: string;
-  zones: string[];
-}
-
-@Injectable()
-export class TimezoneSelectorService {
-
-  /**
-   * get the default timezone
-   */
-  getDefaultTimezone(): string {
-    return getDefaultTimezone();
-  }
-
-  /**
-   * Get all the timezones for each region
-   */
-  getZones(): Timezone[] {
-    const timezones: Timezone[] = [];
-    const zones = moment.tz.names();
-    zones.forEach(zone => {
-      // get region
-      let region;
-      if (zone.indexOf('/') > 0) {
-        region = zone.slice(0, zone.indexOf('/'));
-        this._buildTimezones(timezones, region, zone);
-      }
-    });
-    return timezones;
-  }
-
-  /**
-   * build timezone lists
-   */
-  private _buildTimezones(timezones: Timezone[], region: string, zone: string): void {
-    if (timezones) {
-      let timezoneRegion =  timezones.find(tz => tz.region === region);
-      if (!timezoneRegion) {
-        timezoneRegion = {region: region, zones: []};
-        timezones.push(timezoneRegion);
-      }
-      timezoneRegion.zones.push(zone);
-    }
-  }
-}

package/src/nameserver-history-viewer/index.ts

@@ -1 +0,0 @@
-export * from './nameserver-history.module';

package/src/nameserver-history-viewer/nameserver-history.module.ts

@@ -1,45 +0,0 @@
-import { NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { FormsModule } from '@angular/forms';
-
-import { OwlDateTimeModule, OwlNativeDateTimeModule } from 'ng-pick-datetime';
-import {
-  NameServerHistoryComponent,
-  ProgressBarComponent,
-  FileDropInputComponent,
-  TimezoneSelectorComponent,
-  InstructionComponent,
-  PortSelectorComponent,
-  TimeRangeSelectorComponent,
-  AlertModule
-} from './components';
-import { SelectionTableModule } from 'ngx-selection-table';
-import { DropdownListModule } from 'ngx-dropdown-list';
-
-@NgModule({
-  declarations: [
-    NameServerHistoryComponent,
-    FileDropInputComponent,
-    ProgressBarComponent,
-    TimezoneSelectorComponent,
-    PortSelectorComponent,
-    InstructionComponent,
-    TimeRangeSelectorComponent
-  ],
-  exports: [
-    NameServerHistoryComponent
-  ],
-  imports: [
-    AlertModule,
-    SelectionTableModule,
-    DropdownListModule,
-    OwlDateTimeModule,
-    OwlNativeDateTimeModule,
-    CommonModule,
-    FormsModule
-  ],
-  entryComponents: [],
-  providers: [],
-  bootstrap: []
-})
-export class NameserverHistoryModule {}