Client Delivery Page added and routed

src/app/components/pages/client-service/client-service.component.html

@@ -0,0 +1 @@
+<p>client-service works!</p>

src/app/components/pages/client-service/client-service.component.spec.ts

@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { ClientServiceComponent } from './client-service.component';
+
+describe('ClientServiceComponent', () => {
+  let component: ClientServiceComponent;
+  let fixture: ComponentFixture<ClientServiceComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [ClientServiceComponent]
+    })
+    .compileComponents();
+
+    fixture = TestBed.createComponent(ClientServiceComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

src/app/components/pages/client-service/client-service.component.ts

@@ -0,0 +1,12 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'app-client-service',
+  standalone: true,
+  imports: [],
+  templateUrl: './client-service.component.html',
+  styleUrl: './client-service.component.scss'
+})
+export class ClientServiceComponent {
+
+}

src/app/components/pages/dashboard/dashboard-data.ts

@@ -90,6 +90,18 @@ export const service_links: navLink[] =[
     {
         "name" : "Shodan Engine",
         "url" : "https://www.shodan.io"
+    },
+    {
+      "name" : "HE Internet Services",
+      "url" : "https://bgp.he.net"
+  }
+  ]
+
+
+  export const shift_update = [
+    {
+      "name" : "Client Delivery",
+      "url" : "localhost:4200/delivery"
     }
   ]
 

src/app/components/pages/dashboard/dashboard.component.html

@@ -31,6 +31,16 @@
                     </div>
                 </div>
             </div>
+            <div class="delivery">
+                <div class="dropdown">
+                    <button class="dropbtn">Tools</button>
+                    <div class="dropdown-content">
+                        <ng-container *ngFor="let link of deliveryStatus_links">
+                            <a href={{link.url}} target="_blank">{{ link.name }}</a>
+                        </ng-container>
+                    </div>
+                </div>
+            </div>
         </div>
     </nav>
 </div>

src/app/components/pages/dashboard/dashboard.component.ts

@@ -14,10 +14,12 @@ export class DashboardComponent implements OnInit {
   service_link!: navLink[];
   monitoring_links!: navLink[];
   tools_links!: navLink[];
+  deliveryStatus_links!: navLink[];
 
   ngOnInit(): void {
     this.service_link = service_links;
     this.monitoring_links = monitoring_tools_links;
     this.tools_links = tools_links;
+    this.deliveryStatus_links = service_links;
   }
 }