Merge branch 'main' of github.com:Cryptographic-API-Services/AngularSPA

Author: WingZer0o

src/app/modules/user-home/api-key/api-key.component.html

@@ -1,14 +1,30 @@
-<div class="row">
-    <div class="col-12">
-        <p>Your Production API key is listed below</p>
-        <p>{{apiKey}}</p>
-        <br />
-    </div>
+<div class="form-check" (click)="formCheckChanged($event)">
+    <input class="form-check-input" type="radio" name="flexRadioDefault" id="flexRadioDefault1"checked>
+    <label class="form-check-label" for="flexRadioDefault1">
+        Production
+    </label>
+</div>
+<div class="form-check" (click)="formCheckChanged($event)">
+    <input class="form-check-input" type="radio" name="flexRadioDefault" id="flexRadioDefault2">
+    <label class="form-check-label" for="flexRadioDefault2">
+        Development
+    </label>
 </div>
-<div class="row">
-    <div class="col-12">
-        <p>Your Development API key is listed below</p>
-        <p>{{developmentKey}}</p>
-        <br />
+
+@if (apiKey && isProductionKey) {
+    <div class="row">
+        <div class="col-12">
+            <p>Your Production API key is listed below</p>
+            <p>{{apiKey}}</p>
+            <br />
+        </div>
+    </div>
+} @else if (developmentKey && developmentKey) {
+    <div class="row">
+        <div class="col-12">
+            <p>Your Development API key is listed below</p>
+            <p>{{developmentKey}}</p>
+            <br />
+        </div>
     </div>
-</div>
+}

src/app/modules/user-home/api-key/api-key.component.ts

@@ -1,29 +1,37 @@
-import { Component, OnInit } from '@angular/core';
-import { HttpService } from 'src/app/services/http.service';
-import { environment } from 'src/environments/environment';
+import { Component, OnInit } from "@angular/core";
+import { HttpService } from "src/app/services/http.service";
+import { environment } from "src/environments/environment";
 
 @Component({
-  selector: 'app-api-key',
-  templateUrl: './api-key.component.html',
-  styleUrls: ['./api-key.component.css']
+  selector: "app-api-key",
+  templateUrl: "./api-key.component.html",
+  styleUrls: ["./api-key.component.css"],
 })
 export class ApiKeyComponent implements OnInit {
   public apiKey: string = "";
   public developmentKey: string = "";
 
-  constructor(private httpService: HttpService) { }
+  public isProductionKey: boolean = true;
+  public isDevelopmentKEY: boolean = false;
+
+  constructor(private httpService: HttpService) {}
 
   ngOnInit(): void {
     this.getApiKey();
   }
 
-
   private getApiKey(): void {
-    this.httpService.getAuthenticated(environment.apiUrl + "UserLogin/GetApiKey").subscribe((response: any) => {
+    this.httpService.getAuthenticated(
+      environment.apiUrl + "UserLogin/GetApiKey",
+    ).subscribe((response: any) => {
       this.apiKey = response.apiKey;
       this.developmentKey = response.developmentKey;
     }, (error) => {
-
     });
   }
+
+  public formCheckChanged(event: any) {
+    this.isProductionKey = !this.isProductionKey;
+    this.isDevelopmentKEY = !this.isDevelopmentKEY;
+  }
 }

src/app/modules/user-home/successful-logins/successful-logins.component.html

@@ -9,7 +9,6 @@ <h3>Successful Logins</h3>
           <div class="card">
             <div class="card-title text-center">
               <h5>{{login.city}}, {{login.country}}</h5>
-              <p><b>Your IP Address:</b> {{login.ip}}</p>
               <p><b>User Agent:</b> {{login.userAgent}}</p>
               <p><b>Was This You?</b></p>
               <button class="btn btn-primary" (click)="handleWasThisMe(true, login.id)">Yes</button>