diff --git a/src/app/app.module.ts b/src/app/app.module.ts index 4bd47de..ad9da14 100644 --- a/src/app/app.module.ts +++ b/src/app/app.module.ts @@ -7,6 +7,7 @@ import { HttpClientModule } from '@angular/common/http'; import { LocationStrategy, HashLocationStrategy } from '@angular/common'; import { StatusModule } from './views/status/status.module'; +import { EntrollmentModule } from './views/entrollment/entrollment.module'; import { AppComponent } from './app.component'; @@ -73,6 +74,7 @@ import { ChartsModule } from 'ng2-charts/ng2-charts'; TooltipModule.forRoot(), ChartsModule, StatusModule, + EntrollmentModule ], declarations: [ AppComponent, diff --git a/src/app/app.routing.ts b/src/app/app.routing.ts index 03dcf2d..e023a92 100644 --- a/src/app/app.routing.ts +++ b/src/app/app.routing.ts @@ -47,6 +47,10 @@ export const routes: Routes = [ { path: 'status', loadChildren: './views/status/status.module#StatusModule' + }, + { + path: 'entrollment', + loadChildren: './views/entrollment/entrollment.module#EntrollmentModule' } ] }, diff --git a/src/app/components/app-sidebar/app-sidebar.component.ts b/src/app/components/app-sidebar/app-sidebar.component.ts index e75b593..a316a3e 100644 --- a/src/app/components/app-sidebar/app-sidebar.component.ts +++ b/src/app/components/app-sidebar/app-sidebar.component.ts @@ -83,6 +83,16 @@ export class AppSidebar { icon: 'fa fa-file-pdf-o' } ] + },{ + name: 'Entrollment', + icon: 'fa fa-graduation-cap', + children: [ + { + name: 'Student Entrollment', + url: '/entrollment/student', + icon: 'fa fa-user' + } + ] } ]; } diff --git a/src/app/views/entrollment/entrollment-routing.module.ts b/src/app/views/entrollment/entrollment-routing.module.ts new file mode 100644 index 0000000..56c0f45 --- /dev/null +++ b/src/app/views/entrollment/entrollment-routing.module.ts @@ -0,0 +1,26 @@ +import { NgModule } from '@angular/core'; +import { Routes, RouterModule } from '@angular/router'; +// Student +import { StudentComponent } from './student/student.component'; + +const routes: Routes = [ + { + path: '', + data: { + title: 'Entrollment' + }, + children: [{ + path: 'student', + component: StudentComponent, + data : { + title: 'Student Entollement' + } + }] + } +]; + +@NgModule({ + imports: [RouterModule.forChild(routes)], + exports: [RouterModule] +}) +export class EntrollmentRoutingModule {} diff --git a/src/app/views/entrollment/entrollment.module.ts b/src/app/views/entrollment/entrollment.module.ts new file mode 100644 index 0000000..83976cd --- /dev/null +++ b/src/app/views/entrollment/entrollment.module.ts @@ -0,0 +1,27 @@ +import { NgModule } from '@angular/core'; +import {CommonModule} from '@angular/common'; +import { FormsModule } from '@angular/forms'; +// import { BrowserModule } from '@angular/platform-browser'; +// Tabs Component +import { TabsModule } from 'ngx-bootstrap/tabs'; +import { TooltipModule } from 'ngx-bootstrap/tooltip'; +import { ModalModule } from 'ngx-bootstrap/modal'; + +import { EntrollmentRoutingModule } from './entrollment-routing.module'; + +// Student +import { StudentComponent } from './student/student.component'; +@NgModule({ + imports: [ + CommonModule, + FormsModule, + TabsModule, + ModalModule.forRoot(), + TooltipModule, + EntrollmentRoutingModule + ], + declarations: [ + StudentComponent + ] +}) +export class EntrollmentModule { } diff --git a/src/app/views/entrollment/student/student.component.html b/src/app/views/entrollment/student/student.component.html new file mode 100644 index 0000000..529f0f4 --- /dev/null +++ b/src/app/views/entrollment/student/student.component.html @@ -0,0 +1 @@ +

Student component!!

\ No newline at end of file diff --git a/src/app/views/entrollment/student/student.component.scss b/src/app/views/entrollment/student/student.component.scss new file mode 100644 index 0000000..e69de29 diff --git a/src/app/views/entrollment/student/student.component.ts b/src/app/views/entrollment/student/student.component.ts new file mode 100644 index 0000000..38f866c --- /dev/null +++ b/src/app/views/entrollment/student/student.component.ts @@ -0,0 +1,47 @@ +import { Component, OnInit } from '@angular/core'; +import { ModalDirective } from 'ngx-bootstrap/modal'; + +@Component({ + templateUrl: 'student.component.html', + styleUrls:['./student.component.scss'] +}) +export class StudentComponent implements OnInit { + show = false; + closed = false; + public myModal; + public myModalData; + employees: any; + constructor() { } + ngOnInit(){ + this.employees = [ + { + empId: '0001', + name: 'xyz', + mobile: '+919876543210', + role: 'ADMIN', + status: '1' + }, + { + empId: '0002', + name: 'xss', + mobile: '+911234567890', + role: 'MANAGER', + status: '1' + }, + { + empId: '0003', + name: 'fys', + mobile: '+911234567890', + role: 'STAFF', + status: '0' + } + ] + } + getModelWindowDetails(emp) { + this.myModalData = emp||null; + } + + editEmployee(){ + this.show = !this.show; + } +}