From f093423fccc6c2059f1c94f3fe226202b8fcec12 Mon Sep 17 00:00:00 2001 From: cyuamber Date: Wed, 31 Jul 2019 09:01:55 +0800 Subject: Kafka interface page component creation Change-Id: I66a0a939df40b8460e2c422568a71684b30e9225 Issue-ID: DCAEGEN2-1693 Signed-off-by: cyuamber --- .../admin/src/src/app/app-routing.module.ts | 2 ++ .../admin/src/src/app/app.module.ts | 9 +++++--- .../shared/layout/sidebar/sidebar.component.html | 7 ++++++ .../src/src/app/views/kafka/kafka.component.css | 0 .../src/src/app/views/kafka/kafka.component.html | 9 ++++++++ .../src/app/views/kafka/kafka.component.spec.ts | 25 ++++++++++++++++++++++ .../src/src/app/views/kafka/kafka.component.ts | 16 ++++++++++++++ 7 files changed, 65 insertions(+), 3 deletions(-) create mode 100644 components/datalake-handler/admin/src/src/app/views/kafka/kafka.component.css create mode 100644 components/datalake-handler/admin/src/src/app/views/kafka/kafka.component.html create mode 100644 components/datalake-handler/admin/src/src/app/views/kafka/kafka.component.spec.ts create mode 100644 components/datalake-handler/admin/src/src/app/views/kafka/kafka.component.ts 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 e96f5d17..71c11201 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 { Routes, RouterModule } from "@angular/router"; 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 @@ const routes: Routes = [ { 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 8cdef597..8ed9fd83 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 { CardComponent } from "./shared/modules/card/card.component"; 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 @@ import { AngularSvgIconModule } from "angular-svg-icon"; CardComponent, ButtonComponent, ModalDirective, - ModalDemoComponent + ModalDemoComponent, + KafkaComponent ], imports: [ BrowserModule, @@ -167,7 +169,8 @@ import { AngularSvgIconModule } from "angular-svg-icon"; 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 cf0a24e6..42835a54 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 @@ -34,6 +34,13 @@ limitations under the License. +
  • + +   + {{"SIDEBAR.KAFKA" | 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 00000000..e69de29b 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 00000000..6b8a6df1 --- /dev/null +++ b/components/datalake-handler/admin/src/src/app/views/kafka/kafka.component.html @@ -0,0 +1,9 @@ +
    +
    + Home > Kafka +
    + +
    + +
    +
    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 00000000..e786c0cc --- /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; + + 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 00000000..2ebd36e4 --- /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() { } + +} -- cgit 1.2.3-korg