courier and form master list added : kdk
This commit is contained in:
dineshkumarkannan
parent
11ba1628fc
commit
fa599323bc
@ -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',
|
||||
|
||||
@ -31,7 +31,7 @@
|
||||
<th>Mobile Number</th>
|
||||
<th>Role</th>
|
||||
<th>Status</th>
|
||||
<th>Activity</th>
|
||||
<th>Action</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
|
||||
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 { }
|
||||
|
||||
@ -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>Sem/Year</th>
|
||||
<th>Batch</th>
|
||||
<th>Status</th>
|
||||
<th>Activity</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'
|
||||
}
|
||||
]
|
||||
}
|
||||
|
||||
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>Sem/Year</th>
|
||||
<th>Batch</th>
|
||||
<th>Status</th>
|
||||
<th>Activity</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 { }
|
||||
|
||||
Loading…
Reference in New Issue
Block a user