Merge branch 'master' of https://bitbucket.org/venbainformationtechnology/apollosc
This commit is contained in:
gayathri1990
commit
ce14044ed2
4200
package-lock.json
generated
4200
package-lock.json
generated
File diff suppressed because it is too large
Load Diff
@ -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,
|
||||
|
||||
@ -47,6 +47,10 @@ export const routes: Routes = [
|
||||
{
|
||||
path: 'status',
|
||||
loadChildren: './views/status/status.module#StatusModule'
|
||||
},
|
||||
{
|
||||
path: 'entrollment',
|
||||
loadChildren: './views/entrollment/entrollment.module#EntrollmentModule'
|
||||
}
|
||||
]
|
||||
},
|
||||
|
||||
@ -50,6 +50,10 @@ export class AppSidebar {
|
||||
name: 'Study Center',
|
||||
url: '/masters/studyCenter',
|
||||
icon: 'fa fa-language'
|
||||
},{
|
||||
name: 'Form List Master',
|
||||
url: '/masters/formList',
|
||||
icon: 'fa fa-language'
|
||||
}
|
||||
]
|
||||
},{
|
||||
@ -60,6 +64,11 @@ export class AppSidebar {
|
||||
name: 'Application',
|
||||
url: '/status/application',
|
||||
icon: 'fa fa-sticky-note'
|
||||
},
|
||||
{
|
||||
name: 'Courier',
|
||||
url: '/status/courier',
|
||||
icon: 'fa fa-suitcase'
|
||||
},{
|
||||
name: 'Study Material',
|
||||
url: '/status/studyMaterial',
|
||||
@ -74,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'
|
||||
}
|
||||
]
|
||||
}
|
||||
];
|
||||
}
|
||||
|
||||
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 { }
|
||||
421
src/app/views/entrollment/student/student.component.html
Normal file
421
src/app/views/entrollment/student/student.component.html
Normal file
@ -0,0 +1,421 @@
|
||||
<!--<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>{{app.status}}</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: '1'
|
||||
}
|
||||
]
|
||||
}
|
||||
getModelWindowDetails(emp) {
|
||||
this.myModalData = emp||null;
|
||||
}
|
||||
|
||||
editEmployee(){
|
||||
this.show = !this.show;
|
||||
}
|
||||
}
|
||||
@ -3,11 +3,11 @@
|
||||
<div class="col-md-12">
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
Edit Employee {{Name}}
|
||||
<i class="fa fa-align-justify"></i> Personal Details
|
||||
</div>
|
||||
<form>
|
||||
<div class="container">
|
||||
<h4>Personal Details</h4>
|
||||
<!--<h4>Personal Details</h4>-->
|
||||
<div class="row">
|
||||
<div class="form-group col-md-4">
|
||||
<label for="fname">First Name <span class="danger">*</span></label>
|
||||
@ -67,6 +67,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<!--/.row-->
|
||||
|
||||
<div class="row">
|
||||
<div class="form-group col-md-4">
|
||||
<label for="premanentAddress">Premanent Address <span class="danger">*</span></label>
|
||||
@ -78,8 +79,11 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-header">
|
||||
<i class="fa fa-align-justify"></i> Role Details
|
||||
</div>
|
||||
<div class="container">
|
||||
<h4>Role Details</h4>
|
||||
<!--<h4>Role Details</h4>-->
|
||||
<div class="row">
|
||||
<div class="form-group col-md-4">
|
||||
<label for="doj">Date Of Joining<span class="danger">*</span></label>
|
||||
|
||||
@ -31,7 +31,7 @@
|
||||
<th>Mobile Number</th>
|
||||
<th>Role</th>
|
||||
<th>Status</th>
|
||||
<th>Activity</th>
|
||||
<th>Action</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
@ -71,7 +71,7 @@
|
||||
<div class="col-md-12">
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
Personal Details
|
||||
<i class="fa fa-align-justify"></i> Personal Details
|
||||
</div>
|
||||
<form>
|
||||
<fieldset>
|
||||
@ -149,7 +149,7 @@
|
||||
</div>
|
||||
</fieldset>
|
||||
<div class="card-header">
|
||||
Role Details
|
||||
<i class="fa fa-align-justify"></i> Role Details
|
||||
</div>
|
||||
<fieldset>
|
||||
<!--<legend>Role Details</legend>-->
|
||||
|
||||
156
src/app/views/masters/form-list/form-list.component.html
Normal file
156
src/app/views/masters/form-list/form-list.component.html
Normal file
@ -0,0 +1,156 @@
|
||||
<div class="col-lg-12" *ngIf="!show">
|
||||
<tabset>
|
||||
<tab>
|
||||
<ng-template tabHeading> From List</ng-template>
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<i class="fa fa-align-justify"></i> Form 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>From Name</th>
|
||||
<th>From Type</th>
|
||||
<th>Description</th>
|
||||
<th>Status</th>
|
||||
<th>Action</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr *ngFor="let form of formsList">
|
||||
<td>{{form.formName}}</td>
|
||||
<td>{{form.formType}}</td>
|
||||
<td>{{form.description}}</td>
|
||||
<td>
|
||||
<span *ngIf="form.status == 1" class="badge badge-success">Active</span>
|
||||
<span *ngIf="form.status == 0" class="badge badge-danger">In-Active</span>
|
||||
</td>
|
||||
<td>
|
||||
<i class="fa fa-download" tooltip="Download"></i> |
|
||||
<i class="fa fa-eye" tooltip="View More" data-toggle="modal" (click)="myModal.show(); getModelWindowDetails(form)"></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 From</ng-template>
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<i class="fa fa-align-justify"></i> Form Details
|
||||
</div>
|
||||
<fieldset>
|
||||
<!--<legend>Role Details</legend>-->
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="form-group col-md-4">
|
||||
<label for="formName">Form Name<span class="danger">*</span></label>
|
||||
<input type="text" class="form-control" id="formName" placeholder="Enter Form Name">
|
||||
</div>
|
||||
<div class="form-group col-md-4">
|
||||
<label for="formType">From Type <span class="danger">*</span></label>
|
||||
<select class="form-control" id="formType" placeholder="Select Form Type">
|
||||
<option disabled>Select Form Type</option>
|
||||
<option>Admission Form</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="form-group col-md-4">
|
||||
<label for="formDescription">Description</label>
|
||||
<textarea class="form-control" id="formDescription" placeholder="Enter Description"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="form-group col-md-4">
|
||||
Upload Form :
|
||||
<input type="file" class="file-input">
|
||||
</div>
|
||||
<div class="form-group col-md-4">
|
||||
Active/De-Active : <label class="switch switch-default switch-pill switch-primary">
|
||||
<input type="checkbox" class="switch-input" checked>
|
||||
<span class="switch-label"></span>
|
||||
<span class="switch-handle"></span>
|
||||
</label>
|
||||
</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>
|
||||
</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.empId }}</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>Form Name : </b> </label> {{myModalData.formName}}
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<label><b>Form Type : </b> </label> {{myModalData.formType}}
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<label><b>Description : </b> </label> {{myModalData.description}}
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="form-group col-md-4">
|
||||
<b>Active/De-Active :</b>
|
||||
<div> <label class="switch switch-default switch-pill switch-primary">
|
||||
<input type="checkbox" class="switch-input" checked>
|
||||
<span class="switch-label"></span>
|
||||
<span class="switch-handle"></span>
|
||||
</label>
|
||||
</div>
|
||||
</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 -->
|
||||
43
src/app/views/masters/form-list/form-list.component.ts
Normal file
43
src/app/views/masters/form-list/form-list.component.ts
Normal file
@ -0,0 +1,43 @@
|
||||
import { Component, OnInit } from '@angular/core';
|
||||
import { ModalDirective } from 'ngx-bootstrap/modal';
|
||||
|
||||
@Component({
|
||||
templateUrl: 'form-list.component.html'
|
||||
})
|
||||
export class FormListComponent implements OnInit {
|
||||
show = false;
|
||||
closed = false;
|
||||
public myModal;
|
||||
public myModalData;
|
||||
formsList: any;
|
||||
constructor() { }
|
||||
ngOnInit(){
|
||||
this.formsList = [
|
||||
{
|
||||
formName: 'KR Univ Student Registration Form',
|
||||
formType: 'Registration Form',
|
||||
description: 'KR univ students registration form for upcomming batch',
|
||||
status: '1'
|
||||
},
|
||||
{
|
||||
formName: 'KR Univ Re-registration form',
|
||||
formType: 'Registration Form',
|
||||
description: 'KR univ re-registration form for arts students',
|
||||
status: '1'
|
||||
},
|
||||
{
|
||||
formName: 'PML Univ Re-registration form',
|
||||
formType: 'Registration Form',
|
||||
description: 'PML univ re-registration form for arts students',
|
||||
status: '0'
|
||||
}
|
||||
]
|
||||
}
|
||||
getModelWindowDetails(emp) {
|
||||
this.myModalData = emp||null;
|
||||
}
|
||||
|
||||
editEmployee(){
|
||||
this.show = !this.show;
|
||||
}
|
||||
}
|
||||
@ -4,7 +4,7 @@ import { Routes, RouterModule } from '@angular/router';
|
||||
import { EmployeeComponent } from './employee/employee.component';
|
||||
import { RoleComponent } from './role/role.component';
|
||||
import { StudyCenterComponent } from './study-center/study-center.component';
|
||||
|
||||
import { FormListComponent } from './form-list/form-list.component';
|
||||
const routes: Routes = [
|
||||
{
|
||||
path: '',
|
||||
@ -32,6 +32,13 @@ const routes: Routes = [
|
||||
data: {
|
||||
title: 'Study Center'
|
||||
}
|
||||
},
|
||||
{
|
||||
path: 'formList',
|
||||
component: FormListComponent,
|
||||
data: {
|
||||
title: 'Form List'
|
||||
}
|
||||
}
|
||||
]
|
||||
}
|
||||
|
||||
@ -20,6 +20,8 @@ import { EditEmployeeComponent } from './employee/edit-employee/edit-employee.co
|
||||
import { StudyCenterComponent } from './study-center/study-center.component';
|
||||
import { EditStudyCenterComponent } from './study-center/edit-study-center/edit-study-center.component';
|
||||
|
||||
// Form list
|
||||
import { FormListComponent } from './form-list/form-list.component';
|
||||
@NgModule({
|
||||
imports: [
|
||||
CommonModule,
|
||||
@ -35,7 +37,8 @@ import { EditStudyCenterComponent } from './study-center/edit-study-center/edit-
|
||||
EmployeeComponent,
|
||||
EditEmployeeComponent,
|
||||
StudyCenterComponent,
|
||||
EditStudyCenterComponent
|
||||
EditStudyCenterComponent,
|
||||
FormListComponent
|
||||
]
|
||||
})
|
||||
export class MastersModule { }
|
||||
|
||||
@ -2,9 +2,12 @@
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<i class="fa fa-align-justify"></i> Edit Study Center Details
|
||||
</div>
|
||||
<form>
|
||||
<fieldset>
|
||||
<legend>Edit Study Center Details</legend>
|
||||
<!--<legend>Edit Study Center Details</legend>-->
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="form-group col-md-4">
|
||||
|
||||
@ -29,7 +29,7 @@
|
||||
<th>Contact Person</th>
|
||||
<th>Mobile Number</th>
|
||||
<th>Status</th>
|
||||
<th>Activity</th>
|
||||
<th>Action</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
@ -70,7 +70,7 @@
|
||||
<div class="col-md-12">
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
Study Center Details
|
||||
<i class="fa fa-align-justify"></i> Study Center Details
|
||||
</div>
|
||||
<form>
|
||||
<fieldset>
|
||||
|
||||
@ -24,7 +24,7 @@
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<div class="row">
|
||||
<div class="col-md-4">
|
||||
<div class="col-md-3">
|
||||
<div class="input-prepend input-group">
|
||||
<select id="disabledSelect" class="form-control">
|
||||
<option value="0">Please Select University</option>
|
||||
@ -34,7 +34,7 @@
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<div class="col-md-3">
|
||||
<div class="input-prepend input-group">
|
||||
<select id="disabledSelect" class="form-control">
|
||||
<option value="0">Please Select Course</option>
|
||||
@ -44,7 +44,27 @@
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<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>
|
||||
@ -65,22 +85,30 @@
|
||||
<table class="table table-bordered table-responsive">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Entrollment Id</th>
|
||||
<th>Form Id</th>
|
||||
<th>Student Name</th>
|
||||
<th>Father Name</th>
|
||||
<th>Mobile</th>
|
||||
<th>Course</th>
|
||||
<th>Activity</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.entrollemntId}}</td>
|
||||
<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-edit" tooltip="Edit" (click)="editDocuments()"></i>
|
||||
<!--<i class="fa fa-eye" tooltip="View More" data-toggle="modal" (click)="myModal.show(); getModelWindowDetails(app)"></i>-->
|
||||
<!--<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>
|
||||
@ -107,7 +135,7 @@
|
||||
<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>
|
||||
<h4 class="modal-title">{{ myModalData.formId }}</h4>
|
||||
<button type="button" class="close" (click)="myModal.hide()" aria-label="Close">
|
||||
<span aria-hidden="true">×</span>
|
||||
</button>
|
||||
@ -119,22 +147,26 @@
|
||||
<label><b> Student Name : </b> </label> {{myModalData.studentName}}
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<label><b>Course Name : </b> </label> {{myModalData.courseName}}
|
||||
<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">Approved</option>
|
||||
<option value="1">Sent to SC</option>
|
||||
<option value="2">Rejected</option>
|
||||
<option value="3">Canceled</option>
|
||||
<option value="3">Received</option>
|
||||
<option value="3">Sent to Univ</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
|
||||
@ -15,22 +15,34 @@ export class AnswerBookletComponent implements OnInit {
|
||||
ngOnInit(){
|
||||
this.applicationDetails = [
|
||||
{
|
||||
entrollemntId: '0001',
|
||||
formId: '0001',
|
||||
studentName: 'xyz',
|
||||
fatherName: 'SSS',
|
||||
mobile: '+91 9999999999',
|
||||
course: 'B.Com'
|
||||
course: 'B.Com',
|
||||
sem: '2',
|
||||
batch: 'Jun 2017',
|
||||
status: 'Sent to SC'
|
||||
},
|
||||
{
|
||||
entrollemntId: '0002',
|
||||
formId: '0002',
|
||||
studentName: 'svs',
|
||||
fatherName: 'MMM',
|
||||
mobile: '+91 9999911111',
|
||||
course: 'BSc'
|
||||
course: 'BSc',
|
||||
sem: '3',
|
||||
batch: 'Jun 2017',
|
||||
status: 'Sent to SC'
|
||||
},
|
||||
{
|
||||
entrollemntId: '0003',
|
||||
formId: '0003',
|
||||
studentName: 'pns',
|
||||
fatherName: 'VVV',
|
||||
mobile: '+91 9999900000',
|
||||
course: 'MCA'
|
||||
course: 'MCA',
|
||||
sem: '1',
|
||||
batch: 'Jun 2017',
|
||||
status: 'Sent to SC'
|
||||
}
|
||||
]
|
||||
}
|
||||
|
||||
@ -39,7 +39,7 @@
|
||||
<th>Course</th>
|
||||
<th>Sem/Year</th>
|
||||
<th>Status</th>
|
||||
<th>Activity</th>
|
||||
<th>Action</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
|
||||
203
src/app/views/status/courier/courier.component.html
Normal file
203
src/app/views/status/courier/courier.component.html
Normal file
@ -0,0 +1,203 @@
|
||||
<!--<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-edit" tooltip="Edit" (click)="editEmployee()"></i> |-->
|
||||
<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 -->
|
||||
1
src/app/views/status/courier/courier.component.scss
Normal file
1
src/app/views/status/courier/courier.component.scss
Normal file
@ -0,0 +1 @@
|
||||
//courier
|
||||
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;
|
||||
}
|
||||
|
||||
}
|
||||
@ -24,7 +24,7 @@
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<div class="row">
|
||||
<div class="col-md-4">
|
||||
<div class="col-md-3">
|
||||
<div class="input-prepend input-group">
|
||||
<select id="disabledSelect" class="form-control">
|
||||
<option value="0">Please Select University</option>
|
||||
@ -34,7 +34,7 @@
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<div class="col-md-3">
|
||||
<div class="input-prepend input-group">
|
||||
<select id="disabledSelect" class="form-control">
|
||||
<option value="0">Please Select Course</option>
|
||||
@ -44,29 +44,68 @@
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<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>Entrollment Id</th>
|
||||
<th>Form Id</th>
|
||||
<th>Student Name</th>
|
||||
<th>Father Name</th>
|
||||
<th>Mobile</th>
|
||||
<th>Course</th>
|
||||
<th>Activity</th>
|
||||
<th>Sem/Year</th>
|
||||
<th>Batch</th>
|
||||
<th>Status</th>
|
||||
<th>Action</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr *ngFor="let app of documentsDetails">
|
||||
<td>{{app.entrollemntId}}</td>
|
||||
<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-edit" tooltip="Edit" (click)="editDocuments()"></i>
|
||||
<!--<i class="fa fa-eye" tooltip="View More" data-toggle="modal" (click)="myModal.show(); getModelWindowDetails(app)"></i>-->
|
||||
|
||||
@ -15,22 +15,34 @@ export class DocumentsComponent implements OnInit {
|
||||
ngOnInit(){
|
||||
this.documentsDetails = [
|
||||
{
|
||||
entrollemntId: '0001',
|
||||
formId: '0001',
|
||||
studentName: 'xyz',
|
||||
fatherName: 'SSS',
|
||||
mobile: '+91 9999999999',
|
||||
course: 'B.Com'
|
||||
course: 'B.Com',
|
||||
sem: '2',
|
||||
batch: 'Jun 2017',
|
||||
status: 'Sent to SC'
|
||||
},
|
||||
{
|
||||
entrollemntId: '0002',
|
||||
formId: '0002',
|
||||
studentName: 'svs',
|
||||
fatherName: 'MMM',
|
||||
mobile: '+91 9999911111',
|
||||
course: 'BSc'
|
||||
course: 'BSc',
|
||||
sem: '3',
|
||||
batch: 'Jun 2017',
|
||||
status: 'Sent to SC'
|
||||
},
|
||||
{
|
||||
entrollemntId: '0003',
|
||||
formId: '0003',
|
||||
studentName: 'pns',
|
||||
fatherName: 'VVV',
|
||||
mobile: '+91 9999900000',
|
||||
course: 'MCA'
|
||||
course: 'MCA',
|
||||
sem: '1',
|
||||
batch: 'Jun 2017',
|
||||
status: 'Sent to SC'
|
||||
}
|
||||
]
|
||||
}
|
||||
|
||||
@ -20,7 +20,7 @@
|
||||
<table class="table table-bordered table-responsive">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Form Id</th>
|
||||
<!--<th>Form Id</th>-->
|
||||
<th>Document Type</th>
|
||||
<th>Status</th>
|
||||
<th>Comments</th>
|
||||
@ -29,7 +29,7 @@
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr *ngFor="let app of documentsDetails">
|
||||
<td>{{app.formId}}</td>
|
||||
<!--<td>{{app.formId}}</td>-->
|
||||
<td>{{app.documentType}}</td>
|
||||
<td>{{app.status}}</td>
|
||||
<td>{{app.comments}}</td>
|
||||
@ -66,12 +66,11 @@
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-4">
|
||||
<label for="name"> From Id</label>
|
||||
<label for="name"> Document Type</label>
|
||||
<select id="disabledSelect" class="form-control">
|
||||
<option value="0">Select Form Id</option>
|
||||
<option value="1">12321</option>
|
||||
<option value="2">423343</option>
|
||||
<option value="3">342332</option>
|
||||
<option value="0">Select Document Type</option>
|
||||
<option value="1">PC</option>
|
||||
<option value="2">TC</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -5,6 +5,7 @@ import { ApplicationComponent } from './application/application.component';
|
||||
import { StudyMaterialComponent } from './study-material/study-material.component';
|
||||
import { DocumentsComponent } from './documents/documents.component';
|
||||
import { AnswerBookletComponent } from './answer-booklet/answer-booklet.component';
|
||||
import { CourierComponent } from './courier/courier.component';
|
||||
|
||||
const routes: Routes = [
|
||||
{
|
||||
@ -19,6 +20,12 @@ const routes: Routes = [
|
||||
data: {
|
||||
title: 'Application'
|
||||
}
|
||||
},{
|
||||
path: 'courier',
|
||||
component: CourierComponent,
|
||||
data: {
|
||||
title: 'Couriers'
|
||||
}
|
||||
},{
|
||||
path: 'studyMaterial',
|
||||
component: StudyMaterialComponent,
|
||||
|
||||
@ -18,6 +18,8 @@ import { EditDocumentsComponent } from './documents/edit-documents/edit-document
|
||||
//answer-booklet
|
||||
import { AnswerBookletComponent } from './answer-booklet/answer-booklet.component';
|
||||
import { EditAnswerBookletComponent } from './answer-booklet/edit-answer-booklet/edit-answer-booklet.component';
|
||||
//courier
|
||||
import { CourierComponent } from './courier/courier.component';
|
||||
|
||||
@NgModule({
|
||||
imports: [
|
||||
@ -34,7 +36,8 @@ import { EditAnswerBookletComponent } from './answer-booklet/edit-answer-booklet
|
||||
DocumentsComponent,
|
||||
EditDocumentsComponent,
|
||||
AnswerBookletComponent,
|
||||
EditAnswerBookletComponent
|
||||
EditAnswerBookletComponent,
|
||||
CourierComponent
|
||||
]
|
||||
})
|
||||
export class StatusModule { }
|
||||
|
||||
@ -40,7 +40,7 @@
|
||||
<th>Course</th>
|
||||
<th>Total</th>
|
||||
<th>Status</th>
|
||||
<th>Activity</th>
|
||||
<th>Action</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
|
||||
Loading…
Reference in New Issue
Block a user