status, entrollment files added : kdk
This commit is contained in:
dineshkumarkannan
parent
54ebb5e379
commit
3024a6a172
@ -3,6 +3,10 @@ import { NgModule } from '@angular/core';
|
||||
import { LocationStrategy, HashLocationStrategy } from '@angular/common';
|
||||
import { AppComponent } from './app.component';
|
||||
|
||||
|
||||
import { StatusModule } from './views/status/status.module';
|
||||
import { EntrollmentModule } from './views/entrollment/entrollment.module';
|
||||
|
||||
// Import containers
|
||||
import {
|
||||
FullLayout,
|
||||
@ -50,6 +54,7 @@ import { AppRoutingModule } from './app.routing';
|
||||
// Import 3rd party components
|
||||
import { BsDropdownModule } from 'ngx-bootstrap/dropdown';
|
||||
import { TabsModule } from 'ngx-bootstrap/tabs';
|
||||
import { TooltipModule } from 'ngx-bootstrap/tooltip';
|
||||
import { ChartsModule } from 'ng2-charts/ng2-charts';
|
||||
@NgModule({
|
||||
imports: [
|
||||
@ -57,7 +62,10 @@ import { ChartsModule } from 'ng2-charts/ng2-charts';
|
||||
AppRoutingModule,
|
||||
BsDropdownModule.forRoot(),
|
||||
TabsModule.forRoot(),
|
||||
ChartsModule
|
||||
TooltipModule.forRoot(),
|
||||
ChartsModule,
|
||||
StatusModule,
|
||||
EntrollmentModule
|
||||
],
|
||||
declarations: [
|
||||
AppComponent,
|
||||
|
||||
@ -48,6 +48,14 @@ export const routes: Routes = [
|
||||
path: 'feescalculator',
|
||||
loadChildren: './views/fees-calculator/fees-calculator.module#FeesCalculatorModule',
|
||||
},
|
||||
{
|
||||
path: 'status',
|
||||
loadChildren: './views/status/status.module#StatusModule'
|
||||
},
|
||||
{
|
||||
path: 'entrollment',
|
||||
loadChildren: './views/entrollment/entrollment.module#EntrollmentModule'
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
|
||||
@ -76,12 +76,37 @@
|
||||
</ul>
|
||||
</li> -->
|
||||
<li class="divider"></li>
|
||||
<li class="nav-item nav-dropdown" appNavDropdown>
|
||||
<a class="nav-link nav-dropdown-toggle" href="#" appNavDropdownToggle><i class="icon-star"></i> Entrollment</a>
|
||||
<ul class="nav-dropdown-items">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" routerLinkActive="active" [routerLink]="['/entrollment/student']"><i class="icon-star"></i> Student</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" routerLinkActive="active" [routerLink]="['/shareallotment']"><i class="icon-pie-chart"></i> Share Allocate</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" routerLinkActive="active" [routerLink]="['/feescalculator']"><i class="icon-calculator"></i> Fees Calculator</a>
|
||||
</li>
|
||||
<li class="nav-item nav-dropdown" appNavDropdown>
|
||||
<a class="nav-link nav-dropdown-toggle" href="#" appNavDropdownToggle><i class="icon-star"></i> Status</a>
|
||||
<ul class="nav-dropdown-items">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" routerLinkActive="active" [routerLink]="['/status/application']"><i class="icon-star"></i> Application</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" routerLinkActive="active" [routerLink]="['/status/couriers']"><i class="icon-star"></i> Couriers</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" routerLinkActive="active" [routerLink]="['/status/answerBooklet']"><i class="icon-star"></i> Answer Booklet</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" routerLinkActive="active" [routerLink]="['/status/studyMaterial']"><i class="icon-star"></i> Study Material</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
|
||||
26
src/app/views/entrollment/entrollment-routing.module.ts
Normal file
26
src/app/views/entrollment/entrollment-routing.module.ts
Normal file
@ -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 {}
|
||||
27
src/app/views/entrollment/entrollment.module.ts
Normal file
27
src/app/views/entrollment/entrollment.module.ts
Normal file
@ -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 { }
|
||||
424
src/app/views/entrollment/student/student.component.html
Normal file
424
src/app/views/entrollment/student/student.component.html
Normal file
@ -0,0 +1,424 @@
|
||||
<!--<span *ngIf="show" class="backToList">
|
||||
<a (click)="show = !show;" tooltip="Go to listing">Back to List</a>
|
||||
</span>-->
|
||||
<div class="col-lg-12" *ngIf="!show">
|
||||
<tabset>
|
||||
<tab>
|
||||
<ng-template tabHeading>Student Entrollment</ng-template>
|
||||
<!--<div class="form-group">
|
||||
<div class="row">
|
||||
<div class="form-group col-md-4">
|
||||
<label for="name"> Select Study Center</label>
|
||||
<select id="disabledSelect" class="form-control">
|
||||
<option value="0">Please select Study Center</option>
|
||||
<option value="1">SC 001</option>
|
||||
<option value="2">SC 002</option>
|
||||
<option value="3">SC 003</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</div>-->
|
||||
<tabset>
|
||||
<tab>
|
||||
<ng-template tabHeading>Student List</ng-template>
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<i class="fa fa-align-justify"></i> Student Details List
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<div class="row">
|
||||
<div class="col-md-2">
|
||||
<div class="input-prepend input-group">
|
||||
<select id="disabledSelect" class="form-control">
|
||||
<option value="0">Batch</option>
|
||||
<option value="1">Jan 2017</option>
|
||||
<option value="2">Jul 2017</option>
|
||||
<option value="3">Jan 2018</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
<div class="input-prepend input-group">
|
||||
<select id="disabledSelect" class="form-control">
|
||||
<option value="0">Please Select University</option>
|
||||
<option value="1">MMM univ</option>
|
||||
<option value="2">PPP univ</option>
|
||||
<option value="3">SSS univ</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
<div class="input-prepend input-group">
|
||||
<select id="disabledSelect" class="form-control">
|
||||
<option value="0">Please Select Course</option>
|
||||
<option value="1">B.com</option>
|
||||
<option value="2">MCA</option>
|
||||
<option value="3">M.Sc</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-2">
|
||||
<div class="input-prepend input-group">
|
||||
<select id="disabledSelect" class="form-control">
|
||||
<option value="0">Please Sem/Year</option>
|
||||
<option value="1">2</option>
|
||||
<option value="2">3</option>
|
||||
<option value="3">4</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-2">
|
||||
<div class="input-prepend input-group">
|
||||
<button type="button" value="Submit" class="btn btn-primary"> <i class="fa fa-search"></i> Filter</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<br>
|
||||
<div class="row">
|
||||
<div class="col-md-4">
|
||||
<div class="input-prepend input-group">
|
||||
<span class="input-group-addon">
|
||||
<i class="fa fa-search"></i>
|
||||
</span>
|
||||
<input id="search" class="form-control" type="text" placeholder="search">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<br>
|
||||
<table class="table table-bordered table-responsive">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Form Id</th>
|
||||
<th>Student Name</th>
|
||||
<th>Father Name</th>
|
||||
<th>Mobile</th>
|
||||
<th>Course</th>
|
||||
<th>Sem/Year</th>
|
||||
<th>Batch</th>
|
||||
<th>Status</th>
|
||||
<th>Action</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr *ngFor="let app of students">
|
||||
<td>{{app.formId}}</td>
|
||||
<td>{{app.studentName}}</td>
|
||||
<td>{{app.fatherName}}</td>
|
||||
<td>{{app.mobile}}</td>
|
||||
<td>{{app.course}}</td>
|
||||
<td>{{app.sem}}</td>
|
||||
<td>{{app.batch}}</td>
|
||||
<td>
|
||||
<span *ngIf="app.status == 1" class="badge badge-success">Active</span>
|
||||
<span *ngIf="app.status == 0" class="badge badge-danger">In-Active</span>
|
||||
</td>
|
||||
<td>
|
||||
<i class="fa fa-edit" tooltip="Edit" (click)="editDocuments()"></i>
|
||||
<!--<i class="fa fa-eye" tooltip="View More" data-toggle="modal" (click)="myModal.show(); getModelWindowDetails(app)"></i>-->
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<ul class="pagination">
|
||||
<li class="page-item"><a class="page-link" href="#">Prev</a></li>
|
||||
<li class="page-item active">
|
||||
<a class="page-link" href="#">1</a>
|
||||
</li>
|
||||
<li class="page-item"><a class="page-link" href="#">2</a></li>
|
||||
<li class="page-item"><a class="page-link" href="#">3</a></li>
|
||||
<li class="page-item"><a class="page-link" href="#">4</a></li>
|
||||
<li class="page-item"><a class="page-link" href="#">Next</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</tab>
|
||||
<tab>
|
||||
<ng-template tabHeading>Add Student</ng-template>
|
||||
<div align="right">
|
||||
<button *ngIf="!oldReg" (click)="oldReg = !oldReg" type="button" class="btn btn-sm btn-primary">Re-registration</button>
|
||||
<button *ngIf="oldReg" (click)="oldReg = !oldReg" type="button" class="btn btn-sm btn-primary">New Student</button>
|
||||
</div>
|
||||
<br>
|
||||
<div *ngIf="!oldReg">
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
Add Student Personal Details
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="form-group col-md-4">
|
||||
<label for="fname">First Name <span class="danger">*</span></label>
|
||||
<input type="text" class="form-control" id="fname" placeholder="Enter First name">
|
||||
</div>
|
||||
<div class="form-group col-md-4">
|
||||
<label for="lname">Last Name <span class="danger">*</span></label>
|
||||
<input type="text" class="form-control" id="lname" placeholder="Enter Last name">
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="form-group col-md-4">
|
||||
<label for="pmobile">Primary Mobile Number <span class="danger">*</span></label>
|
||||
<input type="text" class="form-control" id="pmobile" placeholder="Enter Primary Mobile Number">
|
||||
</div>
|
||||
<div class="form-group col-md-4">
|
||||
<label for="smobile">Secondary Mobile Number</label>
|
||||
<input type="text" class="form-control" id="smobile" placeholder="Enter Secondary Mobile Number">
|
||||
</div>
|
||||
<div class="form-group col-md-4">
|
||||
<label for="email">Email <span class="danger">*</span></label>
|
||||
<input type="text" class="form-control" id="email" placeholder="Enter Email">
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="form-group col-md-4">
|
||||
<label for="fatherName">Father Name <span class="danger">*</span></label>
|
||||
<input type="text" class="form-control" id="fatherName" placeholder="Enter Father Name">
|
||||
</div>
|
||||
<div class="form-group col-md-4">
|
||||
<label for="motherName">Mother Name <span class="danger">*</span></label>
|
||||
<input type="text" class="form-control" id="motherName" placeholder="Enter Mother Name">
|
||||
</div>
|
||||
<div class="form-group col-md-4">
|
||||
<label for="dob">Date Of Birth <span class="danger">*</span></label>
|
||||
<input type="text" class="form-control" id="dob" placeholder="Enter DOB">
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="form-group col-md-4">
|
||||
<label for="gender">Gender <span class="danger">*</span></label>
|
||||
<!--<input type="text" class="form-control" id="gender" placeholder="Enter Gender">-->
|
||||
<label class="radio" for="gender">
|
||||
<input type="radio" id="gender-male" name="inline-radios" value="Male"> Male
|
||||
</label>
|
||||
<label class="radio" for="inline-radio2">
|
||||
<input type="radio" id="gender-female" name="inline-radios" value="Female"> Female
|
||||
</label>
|
||||
</div>
|
||||
<div class="form-group col-md-4">
|
||||
<label for="adhar">Aadhar Number <span class="danger">*</span></label>
|
||||
<input type="text" class="form-control" id="adhar" placeholder="Enter Aadhar Number">
|
||||
</div>
|
||||
<div class="form-group col-md-4">
|
||||
<label for="qualification">Qualification</label>
|
||||
<input type="text" class="form-control" id="qualification" placeholder="Enter Qualification">
|
||||
</div>
|
||||
</div>
|
||||
<!--/.row-->
|
||||
<div class="row">
|
||||
<div class="form-group col-md-4">
|
||||
<label for="premanentAddress">Premanent Address <span class="danger">*</span></label>
|
||||
<textarea class="form-control" id="premanentAddress" placeholder="Enter Permanent Address"></textarea>
|
||||
</div>
|
||||
<div class="form-group col-md-4">
|
||||
<label for="currentAddress">Current Address <span class="danger">*</span></label>
|
||||
<textarea class="form-control" id="currentAddress" placeholder="Enter Current Address"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--<div class="card-footer">
|
||||
</div>-->
|
||||
</div>
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
Add Course Details
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class=" form-group col-md-4">
|
||||
<label for="premanentAddress">Batch <span class="danger">*</span></label>
|
||||
<div class="input-prepend input-group">
|
||||
<select id="disabledSelect" class="form-control">
|
||||
<option value="0">Select Batch</option>
|
||||
<option value="1">Jan 2017</option>
|
||||
<option value="2">Jul 2017</option>
|
||||
<option value="3">Jan 2018</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class=" form-group col-md-4">
|
||||
<label for="premanentAddress"> University <span class="danger">*</span></label>
|
||||
<div class="input-prepend input-group">
|
||||
<select id="disabledSelect" class="form-control">
|
||||
<option value="0">Select University</option>
|
||||
<option value="1">MMM univ</option>
|
||||
<option value="2">PPP univ</option>
|
||||
<option value="3">SSS univ</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group col-md-4">
|
||||
<label for="premanentAddress"> Course <span class="danger">*</span></label>
|
||||
<div class="input-prepend input-group">
|
||||
<select id="disabledSelect" class="form-control">
|
||||
<option value="0">Select Course</option>
|
||||
<option value="1">B.com</option>
|
||||
<option value="2">MCA</option>
|
||||
<option value="3">M.Sc</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="form-group col-md-4">
|
||||
<label for="premanentAddress"> Sem/Year <span class="danger">*</span></label>
|
||||
<div class="input-prepend input-group">
|
||||
<select id="disabledSelect" class="form-control">
|
||||
<option value="0">Select Sem/Year</option>
|
||||
<option value="1">2</option>
|
||||
<option value="2">3</option>
|
||||
<option value="3">4</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group col-md-4">
|
||||
<label for="doj">Joining Date <span class="danger">*</span></label>
|
||||
<input type="text" class="form-control" id="doj" placeholder="Enter DOJ">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-footer" align="right">
|
||||
<button type="submit" class="btn btn-sm btn-success"><i class="fa fa-dot-circle-o"></i> Submit</button>
|
||||
<button type="reset" class="btn btn-sm btn-danger"><i class="fa fa-ban"></i> Reset</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div *ngIf="oldReg">
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
Re-registration
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="form-group col-md-3">
|
||||
<label>Mobile Number</label>
|
||||
<div class="input-prepend input-group">
|
||||
<input id="search" class="form-control" type="text" placeholder="Mobile Number">
|
||||
</div>
|
||||
</div>
|
||||
<div class=" form-group col-md-3">
|
||||
<label>Email</label>
|
||||
<div class="input-prepend input-group">
|
||||
<input id="search" class="form-control" type="text" placeholder="Email">
|
||||
</div>
|
||||
</div>
|
||||
<div class=" form-group col-md-3">
|
||||
<label>Father Name</label>
|
||||
<div class="input-prepend input-group">
|
||||
<input id="search" class="form-control" type="text" placeholder="Father Name">
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-2">
|
||||
<label></label>
|
||||
<div class="input-prepend input-group">
|
||||
<button type="button" value="Submit" class="btn btn-primary"> <i class="fa fa-search"></i> Search</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="container">
|
||||
<div align="right">
|
||||
<button type="submit" class="btn btn-sm btn-success"> Add New Sem</button>
|
||||
<!--<button type="reset" class="btn btn-sm btn-danger"> Reset</button>-->
|
||||
</div>
|
||||
<table class="table table-bordered table-responsive">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Form Id</th>
|
||||
<th>Batch</th>
|
||||
<th>Course</th>
|
||||
<th>University</th>
|
||||
<th>Sem/Year</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>KES08432</td>
|
||||
<td>Jan 2018</td>
|
||||
<td>B.Com</td>
|
||||
<td>KR Univ</td>
|
||||
<td>3</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>KES04321</td>
|
||||
<td>Jul 2017</td>
|
||||
<td>B.Com</td>
|
||||
<td>KR Univ</td>
|
||||
<td>2</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>KES00921</td>
|
||||
<td>Jan 2017</td>
|
||||
<td>B.Com</td>
|
||||
<td>KR Univ</td>
|
||||
<td>1</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</tab>
|
||||
</tabset>
|
||||
</tab>
|
||||
</tabset>
|
||||
</div>
|
||||
|
||||
<div bsModal #myModal="bs-modal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
|
||||
<div class="modal-dialog modal-lg" role="document" *ngIf="myModalData">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<h4 class="modal-title">{{ myModalData.applicationId }}</h4>
|
||||
<button type="button" class="close" (click)="myModal.hide()" aria-label="Close">
|
||||
<span aria-hidden="true">×</span>
|
||||
</button>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<label><b> Student Name : </b> </label> {{myModalData.studentName}}
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<label><b>Course Name : </b> </label> {{myModalData.courseName}}
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<label><b> Sem/Year : </b> </label> {{myModalData.sem}}
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-4">
|
||||
<label for="name"> Status</label>
|
||||
<select id="disabledSelect" class="form-control">
|
||||
<option value="0">Select Status</option>
|
||||
<option value="1">Approved</option>
|
||||
<option value="2">Rejected</option>
|
||||
<option value="3">Canceled</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<label for="comment">Comments <span class="danger">*</span></label>
|
||||
<textarea class="form-control" id="comments" placeholder="Enter Comments"></textarea>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<button type="button" class="btn btn-secondary" (click)="myModal.hide()">Close</button>
|
||||
<button type="button" class="btn btn-primary">Save</button>
|
||||
</div>
|
||||
</div>
|
||||
<!-- /.modal-content -->
|
||||
</div>
|
||||
<!-- /.modal-dialog -->
|
||||
</div>
|
||||
<!-- /.modal -->
|
||||
57
src/app/views/entrollment/student/student.component.ts
Normal file
57
src/app/views/entrollment/student/student.component.ts
Normal file
@ -0,0 +1,57 @@
|
||||
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;
|
||||
students: any;
|
||||
oldReg: boolean = false;
|
||||
constructor() { }
|
||||
ngOnInit(){
|
||||
this.students = [
|
||||
{
|
||||
formId: 'KAN00128',
|
||||
studentName: 'xyz',
|
||||
fatherName: 'mmm mmm',
|
||||
mobile: '+919876543210',
|
||||
course: 'B.Sc',
|
||||
sem: 2,
|
||||
batch: 'Jan 2018',
|
||||
status: '1'
|
||||
},
|
||||
{
|
||||
formId: 'KAN00107',
|
||||
studentName: 'abc',
|
||||
fatherName: 'sss sss',
|
||||
mobile: '+919876511111',
|
||||
course: 'B.Sc',
|
||||
sem: 4,
|
||||
batch: 'Jan 2018',
|
||||
status: '1'
|
||||
},
|
||||
{
|
||||
formId: 'KAN00086',
|
||||
studentName: 'uvw',
|
||||
fatherName: 'nnn nnn',
|
||||
mobile: '+919876500000',
|
||||
course: 'B.Sc',
|
||||
sem: 8,
|
||||
batch: 'Jan 2018',
|
||||
status: '0'
|
||||
}
|
||||
]
|
||||
}
|
||||
getModelWindowDetails(emp) {
|
||||
this.myModalData = emp||null;
|
||||
}
|
||||
|
||||
editEmployee(){
|
||||
this.show = !this.show;
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,188 @@
|
||||
<span *ngIf="show" class="backToList">
|
||||
<a (click)="show = !show;" tooltip="Go to listing">Back to List</a>
|
||||
</span>
|
||||
<div class="col-lg-12" *ngIf="!show">
|
||||
<tabset>
|
||||
<tab>
|
||||
<ng-template tabHeading>Answer Booklet Status</ng-template>
|
||||
<!--<div class="form-group">
|
||||
<div class="row">
|
||||
<div class="form-group col-md-4">
|
||||
<label for="name"> Select Study Center</label>
|
||||
<select id="disabledSelect" class="form-control">
|
||||
<option value="0">Please select Study Center</option>
|
||||
<option value="1">SC 001</option>
|
||||
<option value="2">SC 002</option>
|
||||
<option value="3">SC 003</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</div>-->
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<i class="fa fa-align-justify"></i> Answer Booklet List
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<div class="row">
|
||||
<div class="col-md-3">
|
||||
<div class="input-prepend input-group">
|
||||
<select id="disabledSelect" class="form-control">
|
||||
<option value="0">Please Select University</option>
|
||||
<option value="1">MMM univ</option>
|
||||
<option value="2">PPP univ</option>
|
||||
<option value="3">SSS univ</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
<div class="input-prepend input-group">
|
||||
<select id="disabledSelect" class="form-control">
|
||||
<option value="0">Please Select Course</option>
|
||||
<option value="1">B.com</option>
|
||||
<option value="2">MCA</option>
|
||||
<option value="3">M.Sc</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-2">
|
||||
<div class="input-prepend input-group">
|
||||
<select id="disabledSelect" class="form-control">
|
||||
<option value="0">Please Sem/Year</option>
|
||||
<option value="1">2</option>
|
||||
<option value="2">3</option>
|
||||
<option value="3">4</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-2">
|
||||
<div class="input-prepend input-group">
|
||||
<select id="disabledSelect" class="form-control">
|
||||
<option value="0">Batch</option>
|
||||
<option value="1">Jan 2017</option>
|
||||
<option value="2">Jul 2017</option>
|
||||
<option value="3">Jan 2018</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-2">
|
||||
<div class="input-prepend input-group">
|
||||
<button type="button" value="Submit" class="btn btn-primary"> <i class="fa fa-search"></i> Filter</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<br>
|
||||
<div class="row">
|
||||
<div class="col-md-4">
|
||||
<div class="input-prepend input-group">
|
||||
<span class="input-group-addon">
|
||||
<i class="fa fa-search"></i>
|
||||
</span>
|
||||
<input id="search" class="form-control" type="text" placeholder="search">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<br>
|
||||
<table class="table table-bordered table-responsive">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Form Id</th>
|
||||
<th>Student Name</th>
|
||||
<th>Father Name</th>
|
||||
<th>Mobile</th>
|
||||
<th>Course</th>
|
||||
<th>Sem/Year</th>
|
||||
<th>Batch</th>
|
||||
<th>Status</th>
|
||||
<!--<th>Action</th>-->
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr *ngFor="let app of applicationDetails">
|
||||
<td>{{app.formId}}</td>
|
||||
<td>{{app.studentName}}</td>
|
||||
<td>{{app.fatherName}}</td>
|
||||
<td>{{app.mobile}}</td>
|
||||
<td>{{app.course}}</td>
|
||||
<td>{{app.sem}}</td>
|
||||
<td>{{app.batch}}</td>
|
||||
<td>{{app.status}}</td>
|
||||
<!--<td>
|
||||
<i class="fa fa-eye" tooltip="View More" data-toggle="modal" (click)="myModal.show(); getModelWindowDetails(app)"></i>
|
||||
</td>-->
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<ul class="pagination">
|
||||
<li class="page-item"><a class="page-link" href="#">Prev</a></li>
|
||||
<li class="page-item active">
|
||||
<a class="page-link" href="#">1</a>
|
||||
</li>
|
||||
<li class="page-item"><a class="page-link" href="#">2</a></li>
|
||||
<li class="page-item"><a class="page-link" href="#">3</a></li>
|
||||
<li class="page-item"><a class="page-link" href="#">4</a></li>
|
||||
<li class="page-item"><a class="page-link" href="#">Next</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</tab>
|
||||
</tabset>
|
||||
</div>
|
||||
|
||||
<!--<edit-answer-booklet *ngIf="show"></edit-answer-booklet>-->
|
||||
|
||||
<div bsModal #myModal="bs-modal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
|
||||
<div class="modal-dialog modal-lg" role="document" *ngIf="myModalData">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<h4 class="modal-title">{{ myModalData.formId }}</h4>
|
||||
<button type="button" class="close" (click)="myModal.hide()" aria-label="Close">
|
||||
<span aria-hidden="true">×</span>
|
||||
</button>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<label><b> Student Name : </b> </label> {{myModalData.studentName}}
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<label><b>Course Name : </b> </label> {{myModalData.course}}
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<label><b> Sem/Year : </b> </label> {{myModalData.sem}}
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<label><b> Batch : </b> </label> {{myModalData.batch}}
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-4">
|
||||
<label for="name"> Status</label>
|
||||
<select id="disabledSelect" class="form-control">
|
||||
<option value="0">Select Status</option>
|
||||
<option value="1">Sent to SC</option>
|
||||
<option value="2">Rejected</option>
|
||||
<option value="3">Received</option>
|
||||
<option value="3">Sent to Univ</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<label for="comment">Comments <span class="danger">*</span></label>
|
||||
<textarea class="form-control" id="comments" placeholder="Enter Comments"></textarea>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<button type="button" class="btn btn-secondary" (click)="myModal.hide()">Close</button>
|
||||
<button type="button" class="btn btn-primary">Save</button>
|
||||
</div>
|
||||
</div>
|
||||
<!-- /.modal-content -->
|
||||
</div>
|
||||
<!-- /.modal-dialog -->
|
||||
</div>
|
||||
<!-- /.modal -->
|
||||
@ -0,0 +1,7 @@
|
||||
.backToList{
|
||||
text-decoration: underline;
|
||||
cursor: pointer;
|
||||
}
|
||||
.backToList:hover {
|
||||
color: blue;
|
||||
}
|
||||
@ -0,0 +1,57 @@
|
||||
import { Component, OnInit } from '@angular/core';
|
||||
|
||||
@Component({
|
||||
templateUrl: 'answer-booklet.component.html',
|
||||
styleUrls: ['./answer-booklet.component.scss']
|
||||
})
|
||||
|
||||
export class AnswerBookletComponent implements OnInit {
|
||||
show = false;
|
||||
closed = false;
|
||||
public myModal;
|
||||
public myModalData;
|
||||
applicationDetails: any;
|
||||
constructor() { }
|
||||
ngOnInit(){
|
||||
this.applicationDetails = [
|
||||
{
|
||||
formId: '0001',
|
||||
studentName: 'xyz',
|
||||
fatherName: 'SSS',
|
||||
mobile: '+91 9999999999',
|
||||
course: 'B.Com',
|
||||
sem: '2',
|
||||
batch: 'Jun 2017',
|
||||
status: 'Sent to SC'
|
||||
},
|
||||
{
|
||||
formId: '0002',
|
||||
studentName: 'svs',
|
||||
fatherName: 'MMM',
|
||||
mobile: '+91 9999911111',
|
||||
course: 'BSc',
|
||||
sem: '3',
|
||||
batch: 'Jun 2017',
|
||||
status: 'Sent to SC'
|
||||
},
|
||||
{
|
||||
formId: '0003',
|
||||
studentName: 'pns',
|
||||
fatherName: 'VVV',
|
||||
mobile: '+91 9999900000',
|
||||
course: 'MCA',
|
||||
sem: '1',
|
||||
batch: 'Jun 2017',
|
||||
status: 'Sent to SC'
|
||||
}
|
||||
]
|
||||
}
|
||||
|
||||
getModelWindowDetails(stuCent) {
|
||||
this.myModalData = stuCent||null;
|
||||
}
|
||||
editDocuments(){
|
||||
this.show = !this.show;
|
||||
}
|
||||
|
||||
}
|
||||
182
src/app/views/status/application/application.component.html
Normal file
182
src/app/views/status/application/application.component.html
Normal file
@ -0,0 +1,182 @@
|
||||
<div class="col-lg-12" *ngIf="!show">
|
||||
<tabset>
|
||||
<tab>
|
||||
<ng-template tabHeading>Application Status</ng-template>
|
||||
<div class="form-group">
|
||||
<div class="row">
|
||||
<div class="form-group col-md-4">
|
||||
<label for="name"> Select Study Center</label>
|
||||
<select id="disabledSelect" class="form-control">
|
||||
<option value="0">Please select Study Center</option>
|
||||
<option value="1">SC 001</option>
|
||||
<option value="2">SC 002</option>
|
||||
<option value="3">SC 003</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<i class="fa fa-align-justify"></i> Application Status List
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<div>
|
||||
<div class="row">
|
||||
<div class="col-md-2">
|
||||
<div class="input-prepend input-group">
|
||||
<select id="disabledSelect" class="form-control">
|
||||
<option value="0">Batch</option>
|
||||
<option value="1">Jan 2017</option>
|
||||
<option value="2">Jul 2017</option>
|
||||
<option value="3">Jan 2018</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
<div class="input-prepend input-group">
|
||||
<select id="disabledSelect" class="form-control">
|
||||
<option value="0">Please Select University</option>
|
||||
<option value="1">MMM univ</option>
|
||||
<option value="2">PPP univ</option>
|
||||
<option value="3">SSS univ</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
<div class="input-prepend input-group">
|
||||
<select id="disabledSelect" class="form-control">
|
||||
<option value="0">Please Select Course</option>
|
||||
<option value="1">B.com</option>
|
||||
<option value="2">MCA</option>
|
||||
<option value="3">M.Sc</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-2">
|
||||
<div class="input-prepend input-group">
|
||||
<select id="disabledSelect" class="form-control">
|
||||
<option value="0">Please Sem/Year</option>
|
||||
<option value="1">2</option>
|
||||
<option value="2">3</option>
|
||||
<option value="3">4</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-2">
|
||||
<div class="input-prepend input-group">
|
||||
<button type="button" value="Submit" class="btn btn-primary"> <i class="fa fa-search"></i> Filter</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<br>
|
||||
<div class="row">
|
||||
<div class="col-md-4">
|
||||
<div class="input-prepend input-group">
|
||||
<span class="input-group-addon">
|
||||
<i class="fa fa-search"></i>
|
||||
</span>
|
||||
<input id="search" class="form-control" type="text" placeholder="search">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<br>
|
||||
<table class="table table-bordered table-responsive">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Form Id</th>
|
||||
<th>Student Name</th>
|
||||
<th>Father Name</th>
|
||||
<th>Course</th>
|
||||
<th>Sem/Year</th>
|
||||
<th>Status</th>
|
||||
<!--<th>Action</th>-->
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr *ngFor="let app of applicationDetails">
|
||||
<td>{{app.applicationId}}</td>
|
||||
<td>{{app.studentName}}</td>
|
||||
<td>{{app.fatherName}}</td>
|
||||
<td>{{app.courseName}}</td>
|
||||
<td>{{app.sem}}</td>
|
||||
<td>
|
||||
<span *ngIf="app.status == 1" class="badge badge-success">Active</span>
|
||||
<span *ngIf="app.status == 0" class="badge badge-danger">In-Active</span>
|
||||
</td>
|
||||
<!--<td>
|
||||
<i class="fa fa-eye" tooltip="View More" data-toggle="modal" (click)="myModal.show(); getModelWindowDetails(app)"></i>
|
||||
</td>-->
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<ul class="pagination">
|
||||
<li class="page-item"><a class="page-link" href="#">Prev</a></li>
|
||||
<li class="page-item active">
|
||||
<a class="page-link" href="#">1</a>
|
||||
</li>
|
||||
<li class="page-item"><a class="page-link" href="#">2</a></li>
|
||||
<li class="page-item"><a class="page-link" href="#">3</a></li>
|
||||
<li class="page-item"><a class="page-link" href="#">4</a></li>
|
||||
<li class="page-item"><a class="page-link" href="#">Next</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</tab>
|
||||
</tabset>
|
||||
</div>
|
||||
|
||||
|
||||
<div bsModal #myModal="bs-modal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
|
||||
<div class="modal-dialog modal-lg" role="document" *ngIf="myModalData">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<h4 class="modal-title">{{ myModalData.applicationId }}</h4>
|
||||
<button type="button" class="close" (click)="myModal.hide()" aria-label="Close">
|
||||
<span aria-hidden="true">×</span>
|
||||
</button>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<label><b> Student Name : </b> </label> {{myModalData.studentName}}
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<label><b>Course Name : </b> </label> {{myModalData.courseName}}
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<label><b> Sem/Year : </b> </label> {{myModalData.sem}}
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-4">
|
||||
<label for="name"> Status</label>
|
||||
<select id="disabledSelect" class="form-control">
|
||||
<option value="0">Select Status</option>
|
||||
<option value="1">Approved</option>
|
||||
<option value="2">Rejected</option>
|
||||
<option value="3">Canceled</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<label for="comment">Comments <span class="danger">*</span></label>
|
||||
<textarea class="form-control" id="comments" placeholder="Enter Comments"></textarea>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<button type="button" class="btn btn-secondary" (click)="myModal.hide()">Close</button>
|
||||
<button type="button" class="btn btn-primary">Save</button>
|
||||
</div>
|
||||
</div>
|
||||
<!-- /.modal-content -->
|
||||
</div>
|
||||
<!-- /.modal-dialog -->
|
||||
</div>
|
||||
<!-- /.modal -->
|
||||
50
src/app/views/status/application/application.component.ts
Normal file
50
src/app/views/status/application/application.component.ts
Normal file
@ -0,0 +1,50 @@
|
||||
import { Component, OnInit } from '@angular/core';
|
||||
|
||||
@Component({
|
||||
templateUrl: 'application.component.html'
|
||||
})
|
||||
|
||||
export class ApplicationComponent implements OnInit {
|
||||
show = false;
|
||||
closed = false;
|
||||
public myModal;
|
||||
public myModalData;
|
||||
applicationDetails: any;
|
||||
constructor() { }
|
||||
ngOnInit(){
|
||||
this.applicationDetails = [
|
||||
{
|
||||
applicationId: '0001',
|
||||
studentName: 'xyz',
|
||||
fatherName: 'sss sss',
|
||||
courseName: 'B.Com',
|
||||
sem: '1',
|
||||
status: '1'
|
||||
},
|
||||
{
|
||||
applicationId: '0002',
|
||||
studentName: 'xss',
|
||||
fatherName: 'mmm mmm',
|
||||
courseName: 'BE(CSE)',
|
||||
sem: '5',
|
||||
status: '1'
|
||||
},
|
||||
{
|
||||
applicationId: '0003',
|
||||
studentName: 'fys',
|
||||
fatherName: 'sss vvv',
|
||||
courseName: 'M.SC',
|
||||
sem: '2',
|
||||
status: '0'
|
||||
}
|
||||
]
|
||||
}
|
||||
|
||||
getModelWindowDetails(stuCent) {
|
||||
this.myModalData = stuCent||null;
|
||||
}
|
||||
editStudyCenter(){
|
||||
this.show = !this.show;
|
||||
}
|
||||
|
||||
}
|
||||
202
src/app/views/status/courier/courier.component.html
Normal file
202
src/app/views/status/courier/courier.component.html
Normal file
@ -0,0 +1,202 @@
|
||||
<!--<span *ngIf="show" class="backToList">
|
||||
<a (click)="show = !show;" tooltip="Go to listing">Back to List</a>
|
||||
</span>-->
|
||||
|
||||
<div class="col-lg-12" *ngIf="!show">
|
||||
<tabset>
|
||||
<tab>
|
||||
<ng-template tabHeading> Courier Details List</ng-template>
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<i class="fa fa-align-justify"></i> Courier Details List
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<div class="row">
|
||||
<div class="col-md-4">
|
||||
<div class="input-prepend input-group">
|
||||
<span class="input-group-addon">
|
||||
<i class="fa fa-search"></i>
|
||||
</span>
|
||||
<input id="search" class="form-control" type="text" placeholder="search">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<br>
|
||||
<table class="table table-bordered table-responsive">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Courier Name</th>
|
||||
<th>Docket No.</th>
|
||||
<th>Type</th>
|
||||
<th>Comments</th>
|
||||
<th>Received By/ Dispatched By</th>
|
||||
<th>Status</th>
|
||||
<!--<th>Action</th>-->
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr *ngFor="let cour of courier">
|
||||
<td>{{cour.courierName}}</td>
|
||||
<td>{{cour.docketNo}}</td>
|
||||
<td>{{cour.type}}</td>
|
||||
<td>{{cour.comments}}</td>
|
||||
<td>{{cour.receiveBy}}</td>
|
||||
<td>{{cour.status}}</td>
|
||||
<!--<td>
|
||||
<i class="fa fa-eye" tooltip="View More" data-toggle="modal" (click)="myModal.show(); getModelWindowDetails(cour)"></i>
|
||||
</td>-->
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<ul class="pagination">
|
||||
<li class="page-item"><a class="page-link" href="#">Prev</a></li>
|
||||
<li class="page-item active">
|
||||
<a class="page-link" href="#">1</a>
|
||||
</li>
|
||||
<li class="page-item"><a class="page-link" href="#">2</a></li>
|
||||
<li class="page-item"><a class="page-link" href="#">3</a></li>
|
||||
<li class="page-item"><a class="page-link" href="#">4</a></li>
|
||||
<li class="page-item"><a class="page-link" href="#">Next</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</tab>
|
||||
<!--<tab>
|
||||
<ng-template tabHeading> Add Courier</ng-template>
|
||||
<div class="animated fadeIn">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<i class="fa fa-align-justify"></i> Add Courier Details
|
||||
</div>
|
||||
<form>
|
||||
<fieldset>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="form-group col-md-4">
|
||||
<label for="cname">Courier Name <span class="danger">*</span></label>
|
||||
<input type="text" class="form-control" id="cname" placeholder="Enter Courier name">
|
||||
</div>
|
||||
<div class="form-group col-md-4">
|
||||
<label for="lname">Docket No. <span class="danger">*</span></label>
|
||||
<input type="text" class="form-control" id="lname" placeholder="Enter Docket No">
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="form-group col-md-4">
|
||||
<label for="pmobile">Type<span class="danger">*</span></label>
|
||||
<input type="text" class="form-control" id="pmobile" placeholder="Enter Type">
|
||||
</div>
|
||||
<div class="form-group col-md-4">
|
||||
<label for="smobile">Status</label>
|
||||
<input type="text" class="form-control" id="smobile" placeholder="Enter Status">
|
||||
</div>
|
||||
<div class="form-group col-md-4">
|
||||
<label for="smobile">Comments</label>
|
||||
<input type="text" class="form-control" id="smobile" placeholder="Enter Status">
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="form-group col-md-4">
|
||||
<label for="email">Qty <span class="danger">*</span></label>
|
||||
<input type="text" class="form-control" id="email" placeholder="Enter Qty">
|
||||
</div>
|
||||
<div class="form-group col-md-4">
|
||||
<label for="fatherName">Amount<span class="danger">*</span></label>
|
||||
<input type="text" class="form-control" id="fatherName" placeholder="Enter Amount">
|
||||
</div>
|
||||
<div class="form-group col-md-4">
|
||||
<label for="motherName">Date<span class="danger">*</span></label>
|
||||
<input type="text" class="form-control" id="motherName" placeholder="Enter Date">
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="form-group col-md-4">
|
||||
<label for="motherName">Received By / Dispatched By<span class="danger">*</span></label>
|
||||
<input type="text" class="form-control" id="motherName" placeholder="Enter Name">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</fieldset>
|
||||
<div class="card-footer" align="right">
|
||||
<button type="submit" class="btn btn-sm btn-success"><i class="fa fa-dot-circle-o"></i> Submit</button>
|
||||
<button type="reset" class="btn btn-sm btn-danger"><i class="fa fa-ban"></i> Reset</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</tab>-->
|
||||
</tabset>
|
||||
</div>
|
||||
|
||||
|
||||
<div bsModal #myModal="bs-modal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
|
||||
<div class="modal-dialog modal-lg" role="document" *ngIf="myModalData">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<h4 class="modal-title">{{ myModalData.courierName }}</h4>
|
||||
<button type="button" class="close" (click)="myModal.hide()" aria-label="Close">
|
||||
<span aria-hidden="true">×</span>
|
||||
</button>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<label><b>Docket No. : </b> </label> {{myModalData.docketNo}}
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<label><b>Type : </b> </label> {{myModalData.type}}
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<label><b>Comments : </b> </label> {{myModalData.comments}}
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<label><b>Qty : </b> </label> {{myModalData.qt}}
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<label><b>Weight : </b> </label> {{myModalData.weight}}
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<label><b>Amount : </b> </label> {{myModalData.amt}}
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<label><b>Date : </b> </label> {{myModalData.date}}
|
||||
</div>
|
||||
</div>
|
||||
<!--<div class="row">
|
||||
<div class="col-md-4">
|
||||
<label for="name"> Status</label>
|
||||
<select id="disabledSelect" class="form-control">
|
||||
<option value="0">Select Status</option>
|
||||
<option value="2">Sent to SC</option>
|
||||
<option value="3">Rejection</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<label for="comment">Comments <span class="danger">*</span></label>
|
||||
<textarea class="form-control" id="comments" placeholder="Enter Comments"></textarea>
|
||||
|
||||
</div>
|
||||
</div>-->
|
||||
</div>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<button type="button" class="btn btn-secondary" (click)="myModal.hide()">Close</button>
|
||||
<!--<button type="button" class="btn btn-primary">Save changes</button>-->
|
||||
</div>
|
||||
</div>
|
||||
<!-- /.modal-content -->
|
||||
</div>
|
||||
<!-- /.modal-dialog -->
|
||||
</div>
|
||||
<!-- /.modal -->
|
||||
0
src/app/views/status/courier/courier.component.scss
Normal file
0
src/app/views/status/courier/courier.component.scss
Normal file
63
src/app/views/status/courier/courier.component.ts
Normal file
63
src/app/views/status/courier/courier.component.ts
Normal file
@ -0,0 +1,63 @@
|
||||
import { Component, OnInit } from '@angular/core';
|
||||
|
||||
@Component({
|
||||
templateUrl: 'courier.component.html',
|
||||
styleUrls: ['./courier.component.scss']
|
||||
})
|
||||
|
||||
export class CourierComponent implements OnInit {
|
||||
show = false;
|
||||
closed = false;
|
||||
public myModal;
|
||||
public myModalData;
|
||||
courier: any;
|
||||
constructor() { }
|
||||
ngOnInit(){
|
||||
this.courier = [
|
||||
{
|
||||
courierName: 'Documents',
|
||||
docketNo: '234dsf',
|
||||
type: 'Received',
|
||||
comments: 'Documents Details',
|
||||
receiveBy: 'sss',
|
||||
status: 'sent',
|
||||
date: '20/07/2018',
|
||||
qt: 120,
|
||||
weight: '12kgm',
|
||||
amt : 120
|
||||
},
|
||||
{
|
||||
courierName: 'Answer Booklets',
|
||||
docketNo: '43526345',
|
||||
type: 'Dispatched',
|
||||
comments: 'answer booklets details',
|
||||
receiveBy: 'asd',
|
||||
status: 'received by SC',
|
||||
date: '28/06/2018',
|
||||
qt: 120,
|
||||
weight: '12kgm',
|
||||
amt : 120
|
||||
},
|
||||
{
|
||||
courierName: 'Forms',
|
||||
docketNo: '8855435',
|
||||
type: 'Dispatched',
|
||||
comments: 'details',
|
||||
receiveBy: 'abc',
|
||||
status: 'Sent by SC',
|
||||
date: '12/06/2018',
|
||||
qt: 120,
|
||||
weight: '12kgm',
|
||||
amt : 120
|
||||
}
|
||||
]
|
||||
}
|
||||
|
||||
getModelWindowDetails(stuCent) {
|
||||
this.myModalData = stuCent||null;
|
||||
}
|
||||
editDocuments(){
|
||||
this.show = !this.show;
|
||||
}
|
||||
|
||||
}
|
||||
51
src/app/views/status/status-routing.module.ts
Normal file
51
src/app/views/status/status-routing.module.ts
Normal file
@ -0,0 +1,51 @@
|
||||
import { NgModule } from '@angular/core';
|
||||
import { Routes, RouterModule } from '@angular/router';
|
||||
|
||||
// courier
|
||||
import { CourierComponent } from './courier/courier.component';
|
||||
import { ApplicationComponent } from './application/application.component';
|
||||
import { AnswerBookletComponent } from './answer-booklet/answer-booklet.component';
|
||||
import { StudyMaterialComponent } from './study-material/study-material.component';
|
||||
|
||||
const routes: Routes = [
|
||||
{
|
||||
path: '',
|
||||
data: {
|
||||
title: 'Status'
|
||||
},
|
||||
children: [
|
||||
{
|
||||
path: 'couriers',
|
||||
component: CourierComponent,
|
||||
data: {
|
||||
title: 'Couriers'
|
||||
}
|
||||
},
|
||||
{
|
||||
path: 'application',
|
||||
component: CourierComponent,
|
||||
data: {
|
||||
title: 'Application'
|
||||
}
|
||||
},{
|
||||
path: 'answerBooklet',
|
||||
component: AnswerBookletComponent,
|
||||
data: {
|
||||
title: 'Answer Booklet'
|
||||
}
|
||||
},{
|
||||
path: 'studyMaterial',
|
||||
component: StudyMaterialComponent,
|
||||
data: {
|
||||
title: 'Study Material'
|
||||
}
|
||||
}
|
||||
]
|
||||
}
|
||||
];
|
||||
|
||||
@NgModule({
|
||||
imports: [RouterModule.forChild(routes)],
|
||||
exports: [RouterModule]
|
||||
})
|
||||
export class StatusRoutingModule {}
|
||||
36
src/app/views/status/status.module.ts
Normal file
36
src/app/views/status/status.module.ts
Normal file
@ -0,0 +1,36 @@
|
||||
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 { StatusRoutingModule } from './status-routing.module';
|
||||
|
||||
// courier
|
||||
import { CourierComponent } from './courier/courier.component';
|
||||
// application
|
||||
import { ApplicationComponent } from './application/application.component';
|
||||
// answer booklet
|
||||
import { AnswerBookletComponent } from './answer-booklet/answer-booklet.component';
|
||||
// study material
|
||||
import { StudyMaterialComponent } from './study-material/study-material.component';
|
||||
|
||||
@NgModule({
|
||||
imports: [
|
||||
CommonModule,
|
||||
FormsModule,
|
||||
TabsModule,
|
||||
ModalModule.forRoot(),
|
||||
TooltipModule,
|
||||
StatusRoutingModule
|
||||
],
|
||||
declarations: [
|
||||
CourierComponent,
|
||||
ApplicationComponent,
|
||||
AnswerBookletComponent,
|
||||
StudyMaterialComponent
|
||||
]
|
||||
})
|
||||
export class StatusModule { }
|
||||
@ -0,0 +1,151 @@
|
||||
<div class="col-lg-12" *ngIf="!show">
|
||||
<tabset>
|
||||
<tab>
|
||||
<ng-template tabHeading>Study Material Status</ng-template>
|
||||
<!--<div class="form-group">
|
||||
<div class="row">
|
||||
<div class="form-group col-md-4">
|
||||
<label for="name"> Study Material Center</label>
|
||||
<select id="disabledSelect" class="form-control">
|
||||
<option value="0">Please select Study Center</option>
|
||||
<option value="1">SC 001</option>
|
||||
<option value="2">SC 002</option>
|
||||
<option value="3">SC 003</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</div>-->
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<i class="fa fa-align-justify"></i> Study Matrial Status List
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<div class="row">
|
||||
<div class="col-md-4">
|
||||
<div class="input-prepend input-group">
|
||||
<span class="input-group-addon">
|
||||
<i class="fa fa-search"></i>
|
||||
</span>
|
||||
<input id="search" class="form-control" type="text" placeholder="search">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<br>
|
||||
<table class="table table-bordered table-responsive">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>ID</th>
|
||||
<th>Study Material Details</th>
|
||||
<th>University</th>
|
||||
<th>Course</th>
|
||||
<th>Total</th>
|
||||
<th>Status</th>
|
||||
<!--<th>Action</th>-->
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr *ngFor="let app of studyMaterialDetails">
|
||||
<td>{{app.applicationId}}</td>
|
||||
<td>{{app.details}}</td>
|
||||
<td>{{app.univ}}</td>
|
||||
<td>{{app.course}}</td>
|
||||
<td>{{app.total}}</td>
|
||||
<td>
|
||||
<span *ngIf="app.status == 1" class="badge badge-success">Received</span>
|
||||
<span *ngIf="app.status == 0" class="badge badge-danger">Sent</span>
|
||||
</td>
|
||||
<!--<td>
|
||||
<i class="fa fa-eye" tooltip="View More" data-toggle="modal" (click)="myModal.show(); getModelWindowDetails(app)"></i>
|
||||
</td>-->
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<ul class="pagination">
|
||||
<li class="page-item"><a class="page-link" href="#">Prev</a></li>
|
||||
<li class="page-item active">
|
||||
<a class="page-link" href="#">1</a>
|
||||
</li>
|
||||
<li class="page-item"><a class="page-link" href="#">2</a></li>
|
||||
<li class="page-item"><a class="page-link" href="#">3</a></li>
|
||||
<li class="page-item"><a class="page-link" href="#">4</a></li>
|
||||
<li class="page-item"><a class="page-link" href="#">Next</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</tab>
|
||||
</tabset>
|
||||
</div>
|
||||
|
||||
|
||||
<div bsModal #myModal="bs-modal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
|
||||
<div class="modal-dialog modal-lg" role="document" *ngIf="myModalData">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<h4 class="modal-title">{{ myModalData.applicationId }}</h4>
|
||||
<button type="button" class="close" (click)="myModal.hide()" aria-label="Close">
|
||||
<span aria-hidden="true">×</span>
|
||||
</button>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<label><b> Student Material Details : </b> </label> {{myModalData.details}}
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<label><b>University : </b> </label> {{myModalData.univ}}
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<label><b> Course : </b> </label> {{myModalData.course}}
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<label><b> Total : </b> </label> {{myModalData.total}}
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<label><b> Sent Date : </b> </label>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<label><b> Comments : </b> </label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<label><b> Recive Date : </b> </label>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<label><b> Comments : </b> </label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-4">
|
||||
<label for="name"> Status</label>
|
||||
<select id="disabledSelect" class="form-control">
|
||||
<option value="0">Select Status</option>
|
||||
<option value="1">Sent</option>
|
||||
<option value="2">Received</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<label for="comment">Comments <span class="danger">*</span></label>
|
||||
<textarea class="form-control" id="comments" placeholder="Enter Comments"></textarea>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<button type="button" class="btn btn-secondary" (click)="myModal.hide()">Close</button>
|
||||
<button type="button" class="btn btn-primary">Save</button>
|
||||
</div>
|
||||
</div>
|
||||
<!-- /.modal-content -->
|
||||
</div>
|
||||
<!-- /.modal-dialog -->
|
||||
</div>
|
||||
<!-- /.modal -->
|
||||
@ -0,0 +1,50 @@
|
||||
import { Component, OnInit } from '@angular/core';
|
||||
|
||||
@Component({
|
||||
templateUrl: 'study-material.component.html'
|
||||
})
|
||||
|
||||
export class StudyMaterialComponent implements OnInit {
|
||||
show = false;
|
||||
closed = false;
|
||||
public myModal;
|
||||
public myModalData;
|
||||
studyMaterialDetails: any;
|
||||
constructor() { }
|
||||
ngOnInit(){
|
||||
this.studyMaterialDetails = [
|
||||
{
|
||||
applicationId: '1',
|
||||
details: 'xyz',
|
||||
univ: 'kr university',
|
||||
course: 'B.com',
|
||||
total: '12',
|
||||
status: '1'
|
||||
},
|
||||
{
|
||||
applicationId: '2',
|
||||
details: 'xyz',
|
||||
univ: 'kr university',
|
||||
course: 'B.Sc',
|
||||
total: '12',
|
||||
status: '1'
|
||||
},
|
||||
{
|
||||
applicationId: '3',
|
||||
details: 'xyz',
|
||||
univ: 'kr university',
|
||||
course: 'MCA',
|
||||
total: '12',
|
||||
status: '0'
|
||||
}
|
||||
]
|
||||
}
|
||||
|
||||
getModelWindowDetails(stuCent) {
|
||||
this.myModalData = stuCent||null;
|
||||
}
|
||||
editStudyCenter(){
|
||||
this.show = !this.show;
|
||||
}
|
||||
|
||||
}
|
||||
Loading…
Reference in New Issue
Block a user