Master Student Entrollment Integration : kdk

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,

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'
       }
     ]
   },

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'
+        }
+      ]
     }
   ];
 }

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 {}

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 { }

src/app/views/entrollment/student/student.component.html

@@ -0,0 +1 @@
+<h1>Student component!!</h1>

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;
+  }
+}