Kafka interface page component creation
Change-Id: I66a0a939df40b8460e2c422568a71684b30e9225
Issue-ID: DCAEGEN2-1693
Signed-off-by: cyuamber <xuranyjy@chinamobile.com>
diff --git a/components/datalake-handler/admin/src/src/app/app-routing.module.ts b/components/datalake-handler/admin/src/src/app/app-routing.module.ts
index e96f5d1..71c1120 100644
--- a/components/datalake-handler/admin/src/src/app/app-routing.module.ts
+++ b/components/datalake-handler/admin/src/src/app/app-routing.module.ts
@@ -31,6 +31,7 @@
import { TestComponent } from './views/test/test.component';
import { FeederComponent } from "./views/feeder/feeder.component";
+import { KafkaComponent } from "./views/kafka/kafka.component";
import { TopicsComponent } from "./views/topics/topics.component";
import { DatabaseComponent } from "./views/database/database.component";
import { AboutComponent } from "./views/about/about.component";
@@ -42,6 +43,7 @@
{ path: "", redirectTo: "/feeder", pathMatch: "full" },
{ path: "test", component: TestComponent },
{ path: "feeder", component: FeederComponent },
+ { path: "kafka", component: KafkaComponent },
{ path: "topics", component: TopicsComponent },
{ path: "database", component: DatabaseComponent },
{ path: "about", component: AboutComponent },
diff --git a/components/datalake-handler/admin/src/src/app/app.module.ts b/components/datalake-handler/admin/src/src/app/app.module.ts
index 8cdef59..8ed9fd8 100644
--- a/components/datalake-handler/admin/src/src/app/app.module.ts
+++ b/components/datalake-handler/admin/src/src/app/app.module.ts
@@ -91,10 +91,11 @@
import { ButtonComponent } from "./shared/components/Button/button.component";
import { ModalDirective } from "./shared/modules/modal/modal.directive";
import { ModalDemoComponent } from "./views/test/modal-demo/modal-demo.component";
-
+import { KafkaComponent } from './views/kafka/kafka.component';
// Angular SVG Icon
import { AngularSvgIconModule } from "angular-svg-icon";
+
@NgModule({
declarations: [
AppComponent,
@@ -131,7 +132,8 @@
CardComponent,
ButtonComponent,
ModalDirective,
- ModalDemoComponent
+ ModalDemoComponent,
+ KafkaComponent
],
imports: [
BrowserModule,
@@ -167,7 +169,8 @@
NewTemplateModalComponent,
EditTemplateModalComponent,
ModalComponent,
- ModalDemoComponent
+ ModalDemoComponent,
+ KafkaComponent
]
})
export class AppModule {}
diff --git a/components/datalake-handler/admin/src/src/app/shared/layout/sidebar/sidebar.component.html b/components/datalake-handler/admin/src/src/app/shared/layout/sidebar/sidebar.component.html
index cf0a24e..42835a5 100644
--- a/components/datalake-handler/admin/src/src/app/shared/layout/sidebar/sidebar.component.html
+++ b/components/datalake-handler/admin/src/src/app/shared/layout/sidebar/sidebar.component.html
@@ -36,6 +36,13 @@
<li class="nav-item ">
<a class="nav-link" [routerLinkActive]="['active']" [routerLinkActiveOptions]="{exact:true}"
+ routerLink="/kafka">
+ <i class="fas fa-cube"> </i>
+ {{"SIDEBAR.KAFKA" | translate}}
+ </a>
+ </li>
+ <li class="nav-item ">
+ <a class="nav-link" [routerLinkActive]="['active']" [routerLinkActiveOptions]="{exact:true}"
routerLink="/topics">
<i class="fas fa-cube"> </i>
{{"SIDEBAR.TOPICS" | translate}}
diff --git a/components/datalake-handler/admin/src/src/app/views/kafka/kafka.component.css b/components/datalake-handler/admin/src/src/app/views/kafka/kafka.component.css
new file mode 100644
index 0000000..e69de29
--- /dev/null
+++ b/components/datalake-handler/admin/src/src/app/views/kafka/kafka.component.css
diff --git a/components/datalake-handler/admin/src/src/app/views/kafka/kafka.component.html b/components/datalake-handler/admin/src/src/app/views/kafka/kafka.component.html
new file mode 100644
index 0000000..6b8a6df
--- /dev/null
+++ b/components/datalake-handler/admin/src/src/app/views/kafka/kafka.component.html
@@ -0,0 +1,9 @@
+<div class="row">
+ <div class="col-md-12 pb-2 path">
+ Home > Kafka
+ </div>
+
+ <div class="col-md-12">
+
+ </div>
+</div>
diff --git a/components/datalake-handler/admin/src/src/app/views/kafka/kafka.component.spec.ts b/components/datalake-handler/admin/src/src/app/views/kafka/kafka.component.spec.ts
new file mode 100644
index 0000000..e786c0c
--- /dev/null
+++ b/components/datalake-handler/admin/src/src/app/views/kafka/kafka.component.spec.ts
@@ -0,0 +1,25 @@
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { KafkaComponent } from './kafka.component';
+
+describe('KafkaComponent', () => {
+ let component: KafkaComponent;
+ let fixture: ComponentFixture<KafkaComponent>;
+
+ beforeEach(async(() => {
+ TestBed.configureTestingModule({
+ declarations: [ KafkaComponent ]
+ })
+ .compileComponents();
+ }));
+
+ beforeEach(() => {
+ fixture = TestBed.createComponent(KafkaComponent);
+ component = fixture.componentInstance;
+ fixture.detectChanges();
+ });
+
+ it('should create', () => {
+ expect(component).toBeTruthy();
+ });
+});
diff --git a/components/datalake-handler/admin/src/src/app/views/kafka/kafka.component.ts b/components/datalake-handler/admin/src/src/app/views/kafka/kafka.component.ts
new file mode 100644
index 0000000..2ebd36e
--- /dev/null
+++ b/components/datalake-handler/admin/src/src/app/views/kafka/kafka.component.ts
@@ -0,0 +1,16 @@
+import { Component, OnInit } from '@angular/core';
+import { AdminService } from "../../core/services/admin.service";
+@Component({
+ selector: 'app-kafka',
+ templateUrl: './kafka.component.html',
+ styleUrls: ['./kafka.component.css']
+})
+export class KafkaComponent implements OnInit {
+ constructor(private adminService: AdminService) {
+ // Set page title
+ this.adminService.setTitle("SIDEBAR.KAFKA");
+ }
+
+ ngOnInit() { }
+
+}