3 files changed, 129 insertions, 0 deletions

diff --git a/src/app/gns-page/gns-page.component.html b/src/app/gns-page/gns-page.component.html
new file mode 100644
index 0000000..47e5102
--- /dev/null
+++ b/src/app/gns-page/gns-page.component.html
@@ -0,0 +1,47 @@
+<div class="o-grid">
+  <div class="o-grid__col u-1/3">
+    <div class="c-card u-p-x3 u-mr-x2">
+      <div class="o-type-20 u-pb-x1" >Search for namesystem</div>
+      <div class="">
+        Name:<br>
+        <input class="c-input u-2/2" placeholder="Name" [(ngModel)]="gns_name" /><br><br>
+        Record Type (optional):<br>
+        <select class="c-input c-input--select u-2/2" [(ngModel)]="gns_recordtype" name="record_type">
+          <option [value]="0">ANY</option>
+          <option [value]="65536">PKEY</option>
+          <option [value]="65537">NICK</option>
+          <option [value]="65538">LEHO</option>
+          <option [value]="65539">VPN</option>
+          <option [value]="65540">GNS2DNS</option>
+          <option [value]="65541">BOX</option>
+          <option [value]="65542">PLACE</option>
+          <option [value]="65543">PHONE</option>
+          <option [value]="65544">ID_ATTR</option>
+          <option [value]="65545">ID_TOKEN</option>
+          <option [value]="65546">ID_TOKEN_METADATA</option>
+          <option [value]="65547">CREDENTIAL</option>
+          <option [value]="65548">POLICY</option>
+          <option [value]="65549">ATTRIBUTE</option>
+          <option [value]="65550">ABE_KEY</option>
+          <option [value]="65551">ABE_MASTER</option>
+        </select><br><br>
+        Search in:<br>
+        <div class="">
+          <input type="radio" name="options" [(ngModel)]="gns_options" [value]="0"> local namestore, then DHT<br>
+          <input type="radio" name="options" [(ngModel)]="gns_options" [value]="1"> local namestore only<br>
+          <input type="radio" name="options" [(ngModel)]="gns_options" [value]="2"> local namestore only for rightmost label, for others in DHT
+        </div><br>
+        Zone key (optional):<br>
+        <input *ngIf="display_zonekey" class="c-input u-2/2" placeholder="Zone Key" [(ngModel)]="gns_zonekey" (input)="toggleEgo()"/><br><br>
+        <div *ngIf="display_ego">Ego identifier (optional):<br>
+        <input class="c-input u-2/2" placeholder="Ego" [(ngModel)]="gns_ego" (input)="toggleZonekey()" /><br></div>
+        <div class="u-text-right"><a class="c-button u-mt-x2" (click)="onSearch()">Search</a></div>
+      </div>
+    </div>
+  </div>
+  <div class="o-grid__col u-2/3">
+    <div class="c-card u-p-x3">
+      {{gns_response}}
+    </div>
+  </div>
+</div>
diff --git a/src/app/gns-page/gns-page.component.spec.ts b/src/app/gns-page/gns-page.component.spec.ts
new file mode 100644
index 0000000..c76f655
--- /dev/null
+++ b/src/app/gns-page/gns-page.component.spec.ts
@@ -0,0 +1,25 @@
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { GnsPageComponent } from './gns-page.component';
+
+describe('GnsPageComponent', () => {
+  let component: GnsPageComponent;
+  let fixture: ComponentFixture<GnsPageComponent>;
+
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      declarations: [ GnsPageComponent ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(GnsPageComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/gns-page/gns-page.component.ts b/src/app/gns-page/gns-page.component.ts
new file mode 100644
index 0000000..ea25fc5
--- /dev/null
+++ b/src/app/gns-page/gns-page.component.ts
@@ -0,0 +1,57 @@
+import { Component, OnInit } from '@angular/core';
+import { ApiService } from '../api.service';
+
+@Component({
+  selector: 'gns-page',
+  templateUrl: './gns-page.component.html'
+})
+export class GnsPageComponent implements OnInit {
+
+  private gns_name:string;
+  private gns_recordtype:number = 0;
+  private gns_options:number = 0;
+  private gns_zonekey:string = '';
+  private display_ego: boolean = true;
+  private display_zonekey: boolean = true;
+  private gns_ego:string = '';
+  private gns_response:any =[];
+
+  private url: string;
+
+  constructor(private apiService:ApiService) { }
+
+  ngOnInit() {
+  }
+
+  onSearch(){
+    this.url = '?name='+this.gns_name;
+    if(this.gns_recordtype != null && this.gns_recordtype != ''){
+      this.url += '&record_type='+this.gns_recordtype;
+    }
+    if(this.gns_options != null && this.gns_options != ''){
+      this.url += '&options='+this.gns_options;
+    }
+    if(this.gns_zonekey != null && this.gns_zonekey != ''){
+      this.url += '&pkey='+this.gns_zonekey;
+    }
+    if(this.gns_ego != null && this.gns_ego != ''){
+      this.url += '&ego='+this.gns_ego;
+    }
+    console.log(this.url);
+    this.apiService.searchNameSystem(this.url).subscribe(data => {
+      this.gns_response = data;
+    });
+  }
+
+  toggleEgo(){
+    if(this.gns_zonekey == ''){ this.display_ego = true; }
+    else { this.display_ego = false; }
+  }
+
+  toggleZonekey(){
+    if(this.gns_ego == ''){ this.display_zonekey = true; }
+    else { this.display_zonekey = false; }
+  }
+
+
+}