Merge : ps
This commit is contained in:
venbatechnologies@gmail.com
commit
f791d3d2b7
@ -57,6 +57,7 @@
|
|||||||
"ngx-mat-daterange-picker": "^1.1.4",
|
"ngx-mat-daterange-picker": "^1.1.4",
|
||||||
"ngx-mat-select-search": "^1.3.1",
|
"ngx-mat-select-search": "^1.3.1",
|
||||||
"ngx-perfect-scrollbar": "5.0.0-7",
|
"ngx-perfect-scrollbar": "5.0.0-7",
|
||||||
|
"ngx-viewer": "^1.0.1",
|
||||||
"perfect-scrollbar": "^1.3.0",
|
"perfect-scrollbar": "^1.3.0",
|
||||||
"quill": "^1.2.0",
|
"quill": "^1.2.0",
|
||||||
"rxjs": "^6.3.1",
|
"rxjs": "^6.3.1",
|
||||||
@ -66,6 +67,7 @@
|
|||||||
"sortablejs": "^1.6.0",
|
"sortablejs": "^1.6.0",
|
||||||
"sweetalert2": "^7.28.4",
|
"sweetalert2": "^7.28.4",
|
||||||
"tether": "^1.4.0",
|
"tether": "^1.4.0",
|
||||||
|
"viewerjs": "^1.3.1",
|
||||||
"zone.js": "^0.8.26"
|
"zone.js": "^0.8.26"
|
||||||
},
|
},
|
||||||
"devDependencies": {
|
"devDependencies": {
|
||||||
|
|||||||
@ -239,110 +239,95 @@
|
|||||||
|
|
||||||
<mat-tab label="Docs">
|
<mat-tab label="Docs">
|
||||||
<ng-template matTabContent>
|
<ng-template matTabContent>
|
||||||
<div fxLayout="row wrap">
|
<div fxLayout="row wrap" style="padding:20px;">
|
||||||
<div fxFlex="25" class="m-gap p-gap">
|
<div fxFlex="100">
|
||||||
<div class="p-list-main mb-2">
|
<div fxFlex="20" class="m-gap p-gap">
|
||||||
|
<div class="p-list-main mb-2" style="width: 60%;height: auto;">
|
||||||
<div class="p-list">
|
<div class="p-list">
|
||||||
|
<div class="top"> <img src="https://picsum.photos/2000/1500/?random=1" alt="Image 1"></div>
|
||||||
<div class="top"><img src="./../../../../../../../assets/images/face2.jpg" alt=""/></div>
|
|
||||||
<div class="bottom">
|
|
||||||
<div class="left">
|
|
||||||
<div class="details">
|
|
||||||
<small>Nivi SKM</small>
|
|
||||||
<!-- <p>{{docs.pd_document_name}}</p> -->
|
|
||||||
</div>
|
|
||||||
<!-- <div class="buy"><i class="material-icons">add_shopping_cart</i></div> -->
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div fxFlex="20" class="m-gap p-gap">
|
||||||
</div>
|
<div class="p-list-main mb-2" style="width: 60%;height: auto;">
|
||||||
<div fxFlex="25" class="m-gap p-gap">
|
|
||||||
<div class="p-list-main mb-2">
|
|
||||||
<div class="p-list">
|
<div class="p-list">
|
||||||
|
<div class="top"> <img src="https://picsum.photos/2000/1500/?random=2" alt="Image 2"></div>
|
||||||
<div class="top"><img src="./../../../../../../../assets/images/face1.jpg" alt=""/></div>
|
|
||||||
<div class="bottom">
|
|
||||||
<div class="left">
|
|
||||||
<div class="details">
|
|
||||||
<small>Nivi SKM</small>
|
|
||||||
<!-- <p>{{docs.pd_document_name}}</p> -->
|
|
||||||
</div>
|
|
||||||
<!-- <div class="buy"><i class="material-icons">add_shopping_cart</i></div> -->
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div fxFlex="20" class="m-gap p-gap">
|
||||||
</div>
|
<div class="p-list-main mb-2" style="width: 60%;height: auto;">
|
||||||
<div fxFlex="25" class="m-gap p-gap">
|
|
||||||
<div class="p-list-main mb-2">
|
|
||||||
<div class="p-list">
|
<div class="p-list">
|
||||||
|
<div class="top"><img src="https://picsum.photos/2000/1500/?random=3" alt="Image 3"></div>
|
||||||
<div class="top"><img src="./../../../../../../../assets/images/face1.jpg" alt=""/></div>
|
|
||||||
<div class="bottom">
|
|
||||||
<div class="left">
|
|
||||||
<div class="details">
|
|
||||||
<small>Nivi SKM</small>
|
|
||||||
<!-- <p>{{docs.pd_document_name}}</p> -->
|
|
||||||
</div>
|
|
||||||
<!-- <div class="buy"><i class="material-icons">add_shopping_cart</i></div> -->
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div fxFlex="20" class="m-gap p-gap">
|
||||||
</div>
|
<div class="p-list-main mb-2" style="width: 60%;height: auto;">
|
||||||
<div fxFlex="25" class="m-gap p-gap">
|
|
||||||
<div class="p-list-main mb-2">
|
|
||||||
<div class="p-list">
|
<div class="p-list">
|
||||||
|
<div class="top"> <img src="https://picsum.photos/2000/1500/?random=2" alt="Image 2"></div>
|
||||||
<div class="top"><img src="./../../../../../../../assets/images/face1.jpg" alt=""/></div>
|
|
||||||
<div class="bottom">
|
|
||||||
<div class="left">
|
|
||||||
<div class="details">
|
|
||||||
<small>Nivi SKM</small>
|
|
||||||
<!-- <p>{{docs.pd_document_name}}</p> -->
|
|
||||||
</div>
|
|
||||||
<!-- <div class="buy"><i class="material-icons">add_shopping_cart</i></div> -->
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div fxFlex="20" class="m-gap p-gap">
|
||||||
</div>
|
<div class="p-list-main mb-2" style="width: 60%;height: auto;">
|
||||||
<div fxFlex="25" class="m-gap p-gap">
|
|
||||||
<div class="p-list-main mb-2">
|
|
||||||
<div class="p-list">
|
<div class="p-list">
|
||||||
|
<div class="top"><img src="https://picsum.photos/2000/1500/?random=3" alt="Image 3"></div>
|
||||||
<div class="top"><img src="./../../../../../../../assets/images/face1.jpg" alt=""/></div>
|
|
||||||
<div class="bottom">
|
|
||||||
<div class="left">
|
|
||||||
<div class="details">
|
|
||||||
<small>Nivi SKM</small>
|
|
||||||
<!-- <p>{{docs.pd_document_name}}</p> -->
|
|
||||||
</div>
|
|
||||||
<!-- <div class="buy"><i class="material-icons">add_shopping_cart</i></div> -->
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div fxFlex="20" class="m-gap p-gap">
|
||||||
</div>
|
<div class="p-list-main mb-2" style="width: 60%;height: auto;">
|
||||||
<div fxFlex="25" class="m-gap p-gap">
|
|
||||||
<div class="p-list-main mb-2">
|
|
||||||
<div class="p-list">
|
<div class="p-list">
|
||||||
|
<div class="top"> <img src="https://picsum.photos/2000/1500/?random=1" alt="Image 1"></div>
|
||||||
<div class="top"><img src="./../../../../../../../assets/images/face1.jpg" alt=""/></div>
|
|
||||||
<div class="bottom">
|
|
||||||
<div class="left">
|
|
||||||
<div class="details">
|
|
||||||
<small>Nivi SKM</small>
|
|
||||||
<!-- <p>{{docs.pd_document_name}}</p> -->
|
|
||||||
</div>
|
|
||||||
<!-- <div class="buy"><i class="material-icons">add_shopping_cart</i></div> -->
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<div fxFlex="row">
|
||||||
|
<div fxFlex="100" class="m-gap p-gap">
|
||||||
|
<div fxLayout="row" fxLayoutWrap="wrap">
|
||||||
|
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="20" fxFlex.lg="20" fxFlex.xl="20">
|
||||||
|
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
|
||||||
|
</div>
|
||||||
|
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="20" fxFlex.lg="20" fxFlex.xl="20">
|
||||||
|
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
|
||||||
|
</div>
|
||||||
|
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="20" fxFlex.lg="20" fxFlex.xl="20">
|
||||||
|
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
|
||||||
|
</div>
|
||||||
|
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="20" fxFlex.lg="20" fxFlex.xl="20">
|
||||||
|
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
|
||||||
|
</div>
|
||||||
|
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="20" fxFlex.lg="20" fxFlex.xl="20">
|
||||||
|
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
|
||||||
|
</div>
|
||||||
|
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="20" fxFlex.lg="20" fxFlex.xl="20">
|
||||||
|
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div fxLayout="row" fxLayoutWrap="wrap">
|
||||||
|
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="25" fxFlex.lg="25" fxFlex.xl="25">
|
||||||
|
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
|
||||||
|
</div>
|
||||||
|
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="25" fxFlex.lg="25" fxFlex.xl="25">
|
||||||
|
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
|
||||||
|
</div>
|
||||||
|
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="25" fxFlex.lg="25" fxFlex.xl="25">
|
||||||
|
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
|
||||||
|
</div>
|
||||||
|
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="25" fxFlex.lg="25" fxFlex.xl="25">
|
||||||
|
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
|
||||||
|
</div>
|
||||||
|
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="20" fxFlex.lg="20" fxFlex.xl="20">
|
||||||
|
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
|
||||||
|
</div>
|
||||||
|
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="20" fxFlex.lg="20" fxFlex.xl="20">
|
||||||
|
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</ng-template>
|
</ng-template>
|
||||||
|
|||||||
@ -291,6 +291,25 @@ export class AddressComponent implements OnInit {
|
|||||||
})
|
})
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
public viewerOptions: any = {
|
||||||
|
navbar: false,
|
||||||
|
toolbar: {
|
||||||
|
zoomIn: 4,
|
||||||
|
zoomOut: 4,
|
||||||
|
oneToOne: 4,
|
||||||
|
reset: 4,
|
||||||
|
prev: 4,
|
||||||
|
play: {
|
||||||
|
show: 4,
|
||||||
|
size: 'large',
|
||||||
|
},
|
||||||
|
next: 4,
|
||||||
|
rotateLeft: 4,
|
||||||
|
rotateRight: 4,
|
||||||
|
flipHorizontal: 4,
|
||||||
|
flipVertical: 4,
|
||||||
|
}
|
||||||
|
};
|
||||||
/*221118 review doc s.no 3.f
|
/*221118 review doc s.no 3.f
|
||||||
addNeighbour() {
|
addNeighbour() {
|
||||||
const control = <FormArray>this.addressForm.controls['neighbourhood'];
|
const control = <FormArray>this.addressForm.controls['neighbourhood'];
|
||||||
|
|||||||
@ -280,112 +280,96 @@
|
|||||||
</mat-tab>
|
</mat-tab>
|
||||||
<mat-tab label="Docs">
|
<mat-tab label="Docs">
|
||||||
<ng-template matTabContent>
|
<ng-template matTabContent>
|
||||||
<div fxLayout="row wrap">
|
<div fxLayout="row wrap" style="padding:20px;">
|
||||||
<div fxFlex="25" class="m-gap p-gap">
|
<div fxFlex="100">
|
||||||
<div class="p-list-main mb-2">
|
<div fxFlex="20" class="m-gap p-gap">
|
||||||
|
<div class="p-list-main mb-2" style="width: 60%;height: auto;">
|
||||||
<div class="p-list">
|
<div class="p-list">
|
||||||
|
<div class="top"> <img src="https://picsum.photos/2000/1500/?random=1" alt="Image 1"></div>
|
||||||
<div class="top"><img src="./../../../../../../../assets/images/face2.jpg" alt=""/></div>
|
|
||||||
<div class="bottom">
|
|
||||||
<div class="left">
|
|
||||||
<div class="details">
|
|
||||||
<small>Nivi SKM</small>
|
|
||||||
<!-- <p>{{docs.pd_document_name}}</p> -->
|
|
||||||
</div>
|
|
||||||
<!-- <div class="buy"><i class="material-icons">add_shopping_cart</i></div> -->
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div fxFlex="20" class="m-gap p-gap">
|
||||||
</div>
|
<div class="p-list-main mb-2" style="width: 60%;height: auto;">
|
||||||
<div fxFlex="25" class="m-gap p-gap">
|
|
||||||
<div class="p-list-main mb-2">
|
|
||||||
<div class="p-list">
|
<div class="p-list">
|
||||||
|
<div class="top"> <img src="https://picsum.photos/2000/1500/?random=2" alt="Image 2"></div>
|
||||||
<div class="top"><img src="./../../../../../../../assets/images/face1.jpg" alt=""/></div>
|
|
||||||
<div class="bottom">
|
|
||||||
<div class="left">
|
|
||||||
<div class="details">
|
|
||||||
<small>Nivi SKM</small>
|
|
||||||
<!-- <p>{{docs.pd_document_name}}</p> -->
|
|
||||||
</div>
|
|
||||||
<!-- <div class="buy"><i class="material-icons">add_shopping_cart</i></div> -->
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div fxFlex="20" class="m-gap p-gap">
|
||||||
</div>
|
<div class="p-list-main mb-2" style="width: 60%;height: auto;">
|
||||||
<div fxFlex="25" class="m-gap p-gap">
|
|
||||||
<div class="p-list-main mb-2">
|
|
||||||
<div class="p-list">
|
<div class="p-list">
|
||||||
|
<div class="top"><img src="https://picsum.photos/2000/1500/?random=3" alt="Image 3"></div>
|
||||||
<div class="top"><img src="./../../../../../../../assets/images/face1.jpg" alt=""/></div>
|
|
||||||
<div class="bottom">
|
|
||||||
<div class="left">
|
|
||||||
<div class="details">
|
|
||||||
<small>Nivi SKM</small>
|
|
||||||
<!-- <p>{{docs.pd_document_name}}</p> -->
|
|
||||||
</div>
|
|
||||||
<!-- <div class="buy"><i class="material-icons">add_shopping_cart</i></div> -->
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div fxFlex="20" class="m-gap p-gap">
|
||||||
</div>
|
<div class="p-list-main mb-2" style="width: 60%;height: auto;">
|
||||||
<div fxFlex="25" class="m-gap p-gap">
|
|
||||||
<div class="p-list-main mb-2">
|
|
||||||
<div class="p-list">
|
<div class="p-list">
|
||||||
|
<div class="top"> <img src="https://picsum.photos/2000/1500/?random=2" alt="Image 2"></div>
|
||||||
<div class="top"><img src="./../../../../../../../assets/images/face1.jpg" alt=""/></div>
|
|
||||||
<div class="bottom">
|
|
||||||
<div class="left">
|
|
||||||
<div class="details">
|
|
||||||
<small>Nivi SKM</small>
|
|
||||||
<!-- <p>{{docs.pd_document_name}}</p> -->
|
|
||||||
</div>
|
|
||||||
<!-- <div class="buy"><i class="material-icons">add_shopping_cart</i></div> -->
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div fxFlex="20" class="m-gap p-gap">
|
||||||
</div>
|
<div class="p-list-main mb-2" style="width: 60%;height: auto;">
|
||||||
<div fxFlex="25" class="m-gap p-gap">
|
|
||||||
<div class="p-list-main mb-2">
|
|
||||||
<div class="p-list">
|
<div class="p-list">
|
||||||
|
<div class="top"><img src="https://picsum.photos/2000/1500/?random=3" alt="Image 3"></div>
|
||||||
<div class="top"><img src="./../../../../../../../assets/images/face1.jpg" alt=""/></div>
|
|
||||||
<div class="bottom">
|
|
||||||
<div class="left">
|
|
||||||
<div class="details">
|
|
||||||
<small>Nivi SKM</small>
|
|
||||||
<!-- <p>{{docs.pd_document_name}}</p> -->
|
|
||||||
</div>
|
|
||||||
<!-- <div class="buy"><i class="material-icons">add_shopping_cart</i></div> -->
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div fxFlex="20" class="m-gap p-gap">
|
||||||
</div>
|
<div class="p-list-main mb-2" style="width: 60%;height: auto;">
|
||||||
<div fxFlex="25" class="m-gap p-gap">
|
|
||||||
<div class="p-list-main mb-2">
|
|
||||||
<div class="p-list">
|
<div class="p-list">
|
||||||
|
<div class="top"> <img src="https://picsum.photos/2000/1500/?random=1" alt="Image 1"></div>
|
||||||
<div class="top"><img src="./../../../../../../../assets/images/face1.jpg" alt=""/></div>
|
|
||||||
<div class="bottom">
|
|
||||||
<div class="left">
|
|
||||||
<div class="details">
|
|
||||||
<small>Nivi SKM</small>
|
|
||||||
<!-- <p>{{docs.pd_document_name}}</p> -->
|
|
||||||
</div>
|
</div>
|
||||||
<!-- <div class="buy"><i class="material-icons">add_shopping_cart</i></div> -->
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div fxFlex="row">
|
||||||
|
<div fxFlex="100" class="m-gap p-gap">
|
||||||
|
<div fxLayout="row" fxLayoutWrap="wrap">
|
||||||
|
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="20" fxFlex.lg="20" fxFlex.xl="20">
|
||||||
|
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
|
||||||
|
</div>
|
||||||
|
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="20" fxFlex.lg="20" fxFlex.xl="20">
|
||||||
|
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
|
||||||
|
</div>
|
||||||
|
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="20" fxFlex.lg="20" fxFlex.xl="20">
|
||||||
|
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
|
||||||
|
</div>
|
||||||
|
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="20" fxFlex.lg="20" fxFlex.xl="20">
|
||||||
|
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
|
||||||
|
</div>
|
||||||
|
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="20" fxFlex.lg="20" fxFlex.xl="20">
|
||||||
|
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
|
||||||
|
</div>
|
||||||
|
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="20" fxFlex.lg="20" fxFlex.xl="20">
|
||||||
|
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div fxLayout="row" fxLayoutWrap="wrap">
|
||||||
|
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="25" fxFlex.lg="25" fxFlex.xl="25">
|
||||||
|
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
|
||||||
|
</div>
|
||||||
|
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="25" fxFlex.lg="25" fxFlex.xl="25">
|
||||||
|
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
|
||||||
|
</div>
|
||||||
|
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="25" fxFlex.lg="25" fxFlex.xl="25">
|
||||||
|
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
|
||||||
|
</div>
|
||||||
|
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="25" fxFlex.lg="25" fxFlex.xl="25">
|
||||||
|
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
|
||||||
|
</div>
|
||||||
|
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="20" fxFlex.lg="20" fxFlex.xl="20">
|
||||||
|
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
|
||||||
|
</div>
|
||||||
|
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="20" fxFlex.lg="20" fxFlex.xl="20">
|
||||||
|
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</ng-template>
|
</ng-template>
|
||||||
</mat-tab>
|
</mat-tab>
|
||||||
|
|
||||||
|
|||||||
@ -53,7 +53,25 @@ salesMonthWiseExpandedItems: any=[]
|
|||||||
this.notifier = notifier;
|
this.notifier = notifier;
|
||||||
this.form_id = 16;
|
this.form_id = 16;
|
||||||
}
|
}
|
||||||
|
public viewerOptions: any = {
|
||||||
|
navbar: false,
|
||||||
|
toolbar: {
|
||||||
|
zoomIn: 4,
|
||||||
|
zoomOut: 4,
|
||||||
|
oneToOne: 4,
|
||||||
|
reset: 4,
|
||||||
|
prev: 4,
|
||||||
|
play: {
|
||||||
|
show: 4,
|
||||||
|
size: 'large',
|
||||||
|
},
|
||||||
|
next: 4,
|
||||||
|
rotateLeft: 4,
|
||||||
|
rotateRight: 4,
|
||||||
|
flipHorizontal: 4,
|
||||||
|
flipVertical: 4,
|
||||||
|
}
|
||||||
|
};
|
||||||
ngOnInit() {
|
ngOnInit() {
|
||||||
|
|
||||||
this.initAssessedIncomeForm();
|
this.initAssessedIncomeForm();
|
||||||
|
|||||||
@ -640,115 +640,101 @@
|
|||||||
</mat-tab>
|
</mat-tab>
|
||||||
<mat-tab label="Docs">
|
<mat-tab label="Docs">
|
||||||
<ng-template matTabContent>
|
<ng-template matTabContent>
|
||||||
<div fxLayout="row wrap">
|
<div ngxViewer>
|
||||||
<div fxFlex="25" class="m-gap p-gap">
|
<div fxLayout="row wrap" style="padding:20px;">
|
||||||
<div class="p-list-main mb-2">
|
<div fxFlex="100">
|
||||||
|
<div fxFlex="20" class="m-gap p-gap">
|
||||||
|
<div class="p-list-main mb-2" style="width: 60%;height: auto;">
|
||||||
<div class="p-list">
|
<div class="p-list">
|
||||||
|
<div class="top"> <img src="https://picsum.photos/2000/1500/?random=1" alt="Image 1"></div>
|
||||||
<div class="top"><img src="./../../../../../../../assets/images/face2.jpg" alt=""/></div>
|
|
||||||
<div class="bottom">
|
|
||||||
<div class="left">
|
|
||||||
<div class="details">
|
|
||||||
<small>Nivi SKM</small>
|
|
||||||
<!-- <p>{{docs.pd_document_name}}</p> -->
|
|
||||||
</div>
|
|
||||||
<!-- <div class="buy"><i class="material-icons">add_shopping_cart</i></div> -->
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div fxFlex="20" class="m-gap p-gap">
|
||||||
</div>
|
<div class="p-list-main mb-2" style="width: 60%;height: auto;">
|
||||||
<div fxFlex="25" class="m-gap p-gap">
|
|
||||||
<div class="p-list-main mb-2">
|
|
||||||
<div class="p-list">
|
<div class="p-list">
|
||||||
|
<div class="top"> <img src="https://picsum.photos/2000/1500/?random=2" alt="Image 2"></div>
|
||||||
<div class="top"><img src="./../../../../../../../assets/images/face1.jpg" alt=""/></div>
|
|
||||||
<div class="bottom">
|
|
||||||
<div class="left">
|
|
||||||
<div class="details">
|
|
||||||
<small>Nivi SKM</small>
|
|
||||||
<!-- <p>{{docs.pd_document_name}}</p> -->
|
|
||||||
</div>
|
|
||||||
<!-- <div class="buy"><i class="material-icons">add_shopping_cart</i></div> -->
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div fxFlex="20" class="m-gap p-gap">
|
||||||
</div>
|
<div class="p-list-main mb-2" style="width: 60%;height: auto;">
|
||||||
<div fxFlex="25" class="m-gap p-gap">
|
|
||||||
<div class="p-list-main mb-2">
|
|
||||||
<div class="p-list">
|
<div class="p-list">
|
||||||
|
<div class="top"><img src="https://picsum.photos/2000/1500/?random=3" alt="Image 3"></div>
|
||||||
<div class="top"><img src="./../../../../../../../assets/images/face1.jpg" alt=""/></div>
|
|
||||||
<div class="bottom">
|
|
||||||
<div class="left">
|
|
||||||
<div class="details">
|
|
||||||
<small>Nivi SKM</small>
|
|
||||||
<!-- <p>{{docs.pd_document_name}}</p> -->
|
|
||||||
</div>
|
|
||||||
<!-- <div class="buy"><i class="material-icons">add_shopping_cart</i></div> -->
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div fxFlex="20" class="m-gap p-gap">
|
||||||
</div>
|
<div class="p-list-main mb-2" style="width: 60%;height: auto;">
|
||||||
<div fxFlex="25" class="m-gap p-gap">
|
|
||||||
<div class="p-list-main mb-2">
|
|
||||||
<div class="p-list">
|
<div class="p-list">
|
||||||
|
<div class="top"> <img src="https://picsum.photos/2000/1500/?random=2" alt="Image 2"></div>
|
||||||
<div class="top"><img src="./../../../../../../../assets/images/face1.jpg" alt=""/></div>
|
|
||||||
<div class="bottom">
|
|
||||||
<div class="left">
|
|
||||||
<div class="details">
|
|
||||||
<small>Nivi SKM</small>
|
|
||||||
<!-- <p>{{docs.pd_document_name}}</p> -->
|
|
||||||
</div>
|
|
||||||
<!-- <div class="buy"><i class="material-icons">add_shopping_cart</i></div> -->
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div fxFlex="20" class="m-gap p-gap">
|
||||||
</div>
|
<div class="p-list-main mb-2" style="width: 60%;height: auto;">
|
||||||
<div fxFlex="25" class="m-gap p-gap">
|
|
||||||
<div class="p-list-main mb-2">
|
|
||||||
<div class="p-list">
|
<div class="p-list">
|
||||||
|
<div class="top"><img src="https://picsum.photos/2000/1500/?random=3" alt="Image 3"></div>
|
||||||
<div class="top"><img src="./../../../../../../../assets/images/face1.jpg" alt=""/></div>
|
|
||||||
<div class="bottom">
|
|
||||||
<div class="left">
|
|
||||||
<div class="details">
|
|
||||||
<small>Nivi SKM</small>
|
|
||||||
<!-- <p>{{docs.pd_document_name}}</p> -->
|
|
||||||
</div>
|
|
||||||
<!-- <div class="buy"><i class="material-icons">add_shopping_cart</i></div> -->
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div fxFlex="20" class="m-gap p-gap">
|
||||||
</div>
|
<div class="p-list-main mb-2" style="width: 60%;height: auto;">
|
||||||
<div fxFlex="25" class="m-gap p-gap">
|
|
||||||
<div class="p-list-main mb-2">
|
|
||||||
<div class="p-list">
|
<div class="p-list">
|
||||||
|
<div class="top"> <img src="https://picsum.photos/2000/1500/?random=1" alt="Image 1"></div>
|
||||||
<div class="top"><img src="./../../../../../../../assets/images/face1.jpg" alt=""/></div>
|
|
||||||
<div class="bottom">
|
|
||||||
<div class="left">
|
|
||||||
<div class="details">
|
|
||||||
<small>Nivi SKM</small>
|
|
||||||
<!-- <p>{{docs.pd_document_name}}</p> -->
|
|
||||||
</div>
|
</div>
|
||||||
<!-- <div class="buy"><i class="material-icons">add_shopping_cart</i></div> -->
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div fxFlex="row">
|
||||||
|
<div fxFlex="100" class="m-gap p-gap">
|
||||||
|
<div fxLayout="row" fxLayoutWrap="wrap">
|
||||||
|
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="20" fxFlex.lg="20" fxFlex.xl="20">
|
||||||
|
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
|
||||||
|
</div>
|
||||||
|
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="20" fxFlex.lg="20" fxFlex.xl="20">
|
||||||
|
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
|
||||||
|
</div>
|
||||||
|
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="20" fxFlex.lg="20" fxFlex.xl="20">
|
||||||
|
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
|
||||||
|
</div>
|
||||||
|
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="20" fxFlex.lg="20" fxFlex.xl="20">
|
||||||
|
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
|
||||||
|
</div>
|
||||||
|
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="20" fxFlex.lg="20" fxFlex.xl="20">
|
||||||
|
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
|
||||||
|
</div>
|
||||||
|
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="20" fxFlex.lg="20" fxFlex.xl="20">
|
||||||
|
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div fxLayout="row" fxLayoutWrap="wrap">
|
||||||
|
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="25" fxFlex.lg="25" fxFlex.xl="25">
|
||||||
|
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
|
||||||
|
</div>
|
||||||
|
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="25" fxFlex.lg="25" fxFlex.xl="25">
|
||||||
|
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
|
||||||
|
</div>
|
||||||
|
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="25" fxFlex.lg="25" fxFlex.xl="25">
|
||||||
|
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
|
||||||
|
</div>
|
||||||
|
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="25" fxFlex.lg="25" fxFlex.xl="25">
|
||||||
|
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
|
||||||
|
</div>
|
||||||
|
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="20" fxFlex.lg="20" fxFlex.xl="20">
|
||||||
|
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
|
||||||
|
</div>
|
||||||
|
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="20" fxFlex.lg="20" fxFlex.xl="20">
|
||||||
|
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</ng-template>
|
</ng-template>
|
||||||
</mat-tab>
|
</mat-tab>
|
||||||
</mat-tab-group>
|
</mat-tab-group>
|
||||||
</mat-dialog-content>
|
</mat-dialog-content>
|
||||||
<mat-dialog-actions>
|
<mat-dialog-actions>
|
||||||
|
|
||||||
|
|||||||
@ -175,7 +175,25 @@ public m_investmentType = [];
|
|||||||
this.notifier = notifier;
|
this.notifier = notifier;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
public viewerOptions: any = {
|
||||||
|
navbar: false,
|
||||||
|
toolbar: {
|
||||||
|
zoomIn: 4,
|
||||||
|
zoomOut: 4,
|
||||||
|
oneToOne: 4,
|
||||||
|
reset: 4,
|
||||||
|
prev: 4,
|
||||||
|
play: {
|
||||||
|
show: 4,
|
||||||
|
size: 'large',
|
||||||
|
},
|
||||||
|
next: 4,
|
||||||
|
rotateLeft: 4,
|
||||||
|
rotateRight: 4,
|
||||||
|
flipHorizontal: 4,
|
||||||
|
flipVertical: 4,
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
ngOnInit() {
|
ngOnInit() {
|
||||||
|
|
||||||
|
|||||||
@ -192,116 +192,96 @@
|
|||||||
</mat-tab>
|
</mat-tab>
|
||||||
<mat-tab label="Docs">
|
<mat-tab label="Docs">
|
||||||
<ng-template matTabContent>
|
<ng-template matTabContent>
|
||||||
<div fxLayout="row wrap">
|
<div fxLayout="row wrap" style="padding:20px;">
|
||||||
<div fxFlex="25" class="m-gap p-gap">
|
<div fxFlex="100">
|
||||||
<div class="p-list-main mb-2">
|
<div fxFlex="20" class="m-gap p-gap">
|
||||||
|
<div class="p-list-main mb-2" style="width: 60%;height: auto;">
|
||||||
<div class="p-list">
|
<div class="p-list">
|
||||||
|
<div class="top"> <img src="https://picsum.photos/2000/1500/?random=1" alt="Image 1"></div>
|
||||||
<div class="top"><img src="./../../../../../../../assets/images/face2.jpg" alt=""/></div>
|
|
||||||
<div class="bottom">
|
|
||||||
<div class="left">
|
|
||||||
<div class="details">
|
|
||||||
<small>Nivi SKM</small>
|
|
||||||
<!-- <p>{{docs.pd_document_name}}</p> -->
|
|
||||||
</div>
|
|
||||||
<!-- <div class="buy"><i class="material-icons">add_shopping_cart</i></div> -->
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div fxFlex="20" class="m-gap p-gap">
|
||||||
</div>
|
<div class="p-list-main mb-2" style="width: 60%;height: auto;">
|
||||||
|
|
||||||
<div fxFlex="25" class="m-gap p-gap">
|
|
||||||
<div class="p-list-main mb-2">
|
|
||||||
<div class="p-list">
|
<div class="p-list">
|
||||||
|
<div class="top"> <img src="https://picsum.photos/2000/1500/?random=2" alt="Image 2"></div>
|
||||||
<div class="top"><img src="./../../../../../../../assets/images/face1.jpg" alt=""/></div>
|
|
||||||
<div class="bottom">
|
|
||||||
<div class="left">
|
|
||||||
<div class="details">
|
|
||||||
<small>Nivi SKM</small>
|
|
||||||
<!-- <p>{{docs.pd_document_name}}</p> -->
|
|
||||||
</div>
|
|
||||||
<!-- <div class="buy"><i class="material-icons">add_shopping_cart</i></div> -->
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div fxFlex="20" class="m-gap p-gap">
|
||||||
</div>
|
<div class="p-list-main mb-2" style="width: 60%;height: auto;">
|
||||||
|
|
||||||
<div fxFlex="25" class="m-gap p-gap">
|
|
||||||
<div class="p-list-main mb-2">
|
|
||||||
<div class="p-list">
|
<div class="p-list">
|
||||||
|
<div class="top"><img src="https://picsum.photos/2000/1500/?random=3" alt="Image 3"></div>
|
||||||
<div class="top"><img src="./../../../../../../../assets/images/face1.jpg" alt=""/></div>
|
|
||||||
<div class="bottom">
|
|
||||||
<div class="left">
|
|
||||||
<div class="details">
|
|
||||||
<small>Nivi SKM</small>
|
|
||||||
<!-- <p>{{docs.pd_document_name}}</p> -->
|
|
||||||
</div>
|
|
||||||
<!-- <div class="buy"><i class="material-icons">add_shopping_cart</i></div> -->
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div fxFlex="20" class="m-gap p-gap">
|
||||||
</div>
|
<div class="p-list-main mb-2" style="width: 60%;height: auto;">
|
||||||
|
|
||||||
<div fxFlex="25" class="m-gap p-gap">
|
|
||||||
<div class="p-list-main mb-2">
|
|
||||||
<div class="p-list">
|
<div class="p-list">
|
||||||
|
<div class="top"> <img src="https://picsum.photos/2000/1500/?random=2" alt="Image 2"></div>
|
||||||
<div class="top"><img src="./../../../../../../../assets/images/face1.jpg" alt=""/></div>
|
|
||||||
<div class="bottom">
|
|
||||||
<div class="left">
|
|
||||||
<div class="details">
|
|
||||||
<small>Nivi SKM</small>
|
|
||||||
<!-- <p>{{docs.pd_document_name}}</p> -->
|
|
||||||
</div>
|
|
||||||
<!-- <div class="buy"><i class="material-icons">add_shopping_cart</i></div> -->
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div fxFlex="20" class="m-gap p-gap">
|
||||||
</div>
|
<div class="p-list-main mb-2" style="width: 60%;height: auto;">
|
||||||
|
|
||||||
<div fxFlex="25" class="m-gap p-gap">
|
|
||||||
<div class="p-list-main mb-2">
|
|
||||||
<div class="p-list">
|
<div class="p-list">
|
||||||
|
<div class="top"><img src="https://picsum.photos/2000/1500/?random=3" alt="Image 3"></div>
|
||||||
<div class="top"><img src="./../../../../../../../assets/images/face1.jpg" alt=""/></div>
|
|
||||||
<div class="bottom">
|
|
||||||
<div class="left">
|
|
||||||
<div class="details">
|
|
||||||
<small>Nivi SKM</small>
|
|
||||||
<!-- <p>{{docs.pd_document_name}}</p> -->
|
|
||||||
</div>
|
|
||||||
<!-- <div class="buy"><i class="material-icons">add_shopping_cart</i></div> -->
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div fxFlex="20" class="m-gap p-gap">
|
||||||
</div>
|
<div class="p-list-main mb-2" style="width: 60%;height: auto;">
|
||||||
<div fxFlex="25" class="m-gap p-gap">
|
|
||||||
<div class="p-list-main mb-2">
|
|
||||||
<div class="p-list">
|
<div class="p-list">
|
||||||
|
<div class="top"> <img src="https://picsum.photos/2000/1500/?random=1" alt="Image 1"></div>
|
||||||
<div class="top"><img src="./../../../../../../../assets/images/face1.jpg" alt=""/></div>
|
|
||||||
<div class="bottom">
|
|
||||||
<div class="left">
|
|
||||||
<div class="details">
|
|
||||||
<small>Nivi SKM</small>
|
|
||||||
<!-- <p>{{docs.pd_document_name}}</p> -->
|
|
||||||
</div>
|
</div>
|
||||||
<!-- <div class="buy"><i class="material-icons">add_shopping_cart</i></div> -->
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div fxFlex="row">
|
||||||
|
<div fxFlex="100" class="m-gap p-gap">
|
||||||
|
<div fxLayout="row" fxLayoutWrap="wrap">
|
||||||
|
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="20" fxFlex.lg="20" fxFlex.xl="20">
|
||||||
|
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
|
||||||
|
</div>
|
||||||
|
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="20" fxFlex.lg="20" fxFlex.xl="20">
|
||||||
|
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
|
||||||
|
</div>
|
||||||
|
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="20" fxFlex.lg="20" fxFlex.xl="20">
|
||||||
|
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
|
||||||
|
</div>
|
||||||
|
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="20" fxFlex.lg="20" fxFlex.xl="20">
|
||||||
|
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
|
||||||
|
</div>
|
||||||
|
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="20" fxFlex.lg="20" fxFlex.xl="20">
|
||||||
|
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
|
||||||
|
</div>
|
||||||
|
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="20" fxFlex.lg="20" fxFlex.xl="20">
|
||||||
|
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div fxLayout="row" fxLayoutWrap="wrap">
|
||||||
|
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="25" fxFlex.lg="25" fxFlex.xl="25">
|
||||||
|
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
|
||||||
|
</div>
|
||||||
|
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="25" fxFlex.lg="25" fxFlex.xl="25">
|
||||||
|
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
|
||||||
|
</div>
|
||||||
|
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="25" fxFlex.lg="25" fxFlex.xl="25">
|
||||||
|
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
|
||||||
|
</div>
|
||||||
|
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="25" fxFlex.lg="25" fxFlex.xl="25">
|
||||||
|
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
|
||||||
|
</div>
|
||||||
|
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="20" fxFlex.lg="20" fxFlex.xl="20">
|
||||||
|
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
|
||||||
|
</div>
|
||||||
|
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="20" fxFlex.lg="20" fxFlex.xl="20">
|
||||||
|
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</ng-template>
|
</ng-template>
|
||||||
</mat-tab>
|
</mat-tab>
|
||||||
|
|
||||||
|
|||||||
@ -52,7 +52,25 @@ export class BankingDetailsComponent implements OnInit {
|
|||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
public viewerOptions: any = {
|
||||||
|
navbar: false,
|
||||||
|
toolbar: {
|
||||||
|
zoomIn: 4,
|
||||||
|
zoomOut: 4,
|
||||||
|
oneToOne: 4,
|
||||||
|
reset: 4,
|
||||||
|
prev: 4,
|
||||||
|
play: {
|
||||||
|
show: 4,
|
||||||
|
size: 'large',
|
||||||
|
},
|
||||||
|
next: 4,
|
||||||
|
rotateLeft: 4,
|
||||||
|
rotateRight: 4,
|
||||||
|
flipHorizontal: 4,
|
||||||
|
flipVertical: 4,
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
ngOnInit() {
|
ngOnInit() {
|
||||||
this.step = 0;
|
this.step = 0;
|
||||||
|
|||||||
@ -388,114 +388,95 @@
|
|||||||
|
|
||||||
<mat-tab label="Docs">
|
<mat-tab label="Docs">
|
||||||
<ng-template matTabContent>
|
<ng-template matTabContent>
|
||||||
<div fxLayout="row wrap">
|
<div fxLayout="row wrap" style="padding:20px;">
|
||||||
<div fxFlex="25" class="m-gap p-gap">
|
<div fxFlex="100">
|
||||||
<div class="p-list-main mb-2">
|
<div fxFlex="20" class="m-gap p-gap">
|
||||||
|
<div class="p-list-main mb-2" style="width: 60%;height: auto;">
|
||||||
<div class="p-list">
|
<div class="p-list">
|
||||||
|
<div class="top"> <img src="https://picsum.photos/2000/1500/?random=1" alt="Image 1"></div>
|
||||||
<div class="top"><img src="./../../../../../../../assets/images/face2.jpg" alt=""/></div>
|
|
||||||
<div class="bottom">
|
|
||||||
<div class="left">
|
|
||||||
<div class="details">
|
|
||||||
<small>Nivi SKM</small>
|
|
||||||
<!-- <p>{{docs.pd_document_name}}</p> -->
|
|
||||||
</div>
|
|
||||||
<!-- <div class="buy"><i class="material-icons">add_shopping_cart</i></div> -->
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div fxFlex="20" class="m-gap p-gap">
|
||||||
</div>
|
<div class="p-list-main mb-2" style="width: 60%;height: auto;">
|
||||||
|
|
||||||
<div fxFlex="25" class="m-gap p-gap">
|
|
||||||
<div class="p-list-main mb-2">
|
|
||||||
<div class="p-list">
|
<div class="p-list">
|
||||||
|
<div class="top"> <img src="https://picsum.photos/2000/1500/?random=2" alt="Image 2"></div>
|
||||||
<div class="top"><img src="./../../../../../../../assets/images/face1.jpg" alt=""/></div>
|
|
||||||
<div class="bottom">
|
|
||||||
<div class="left">
|
|
||||||
<div class="details">
|
|
||||||
<small>Nivi SKM</small>
|
|
||||||
<!-- <p>{{docs.pd_document_name}}</p> -->
|
|
||||||
</div>
|
|
||||||
<!-- <div class="buy"><i class="material-icons">add_shopping_cart</i></div> -->
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div fxFlex="20" class="m-gap p-gap">
|
||||||
</div>
|
<div class="p-list-main mb-2" style="width: 60%;height: auto;">
|
||||||
|
|
||||||
<div fxFlex="25" class="m-gap p-gap">
|
|
||||||
<div class="p-list-main mb-2">
|
|
||||||
<div class="p-list">
|
<div class="p-list">
|
||||||
|
<div class="top"><img src="https://picsum.photos/2000/1500/?random=3" alt="Image 3"></div>
|
||||||
<div class="top"><img src="./../../../../../../../assets/images/face1.jpg" alt=""/></div>
|
|
||||||
<div class="bottom">
|
|
||||||
<div class="left">
|
|
||||||
<div class="details">
|
|
||||||
<small>Nivi SKM</small>
|
|
||||||
<!-- <p>{{docs.pd_document_name}}</p> -->
|
|
||||||
</div>
|
|
||||||
<!-- <div class="buy"><i class="material-icons">add_shopping_cart</i></div> -->
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div fxFlex="20" class="m-gap p-gap">
|
||||||
</div>
|
<div class="p-list-main mb-2" style="width: 60%;height: auto;">
|
||||||
|
|
||||||
<div fxFlex="25" class="m-gap p-gap">
|
|
||||||
<div class="p-list-main mb-2">
|
|
||||||
<div class="p-list">
|
<div class="p-list">
|
||||||
|
<div class="top"> <img src="https://picsum.photos/2000/1500/?random=2" alt="Image 2"></div>
|
||||||
<div class="top"><img src="./../../../../../../../assets/images/face1.jpg" alt=""/></div>
|
|
||||||
<div class="bottom">
|
|
||||||
<div class="left">
|
|
||||||
<div class="details">
|
|
||||||
<small>Nivi SKM</small>
|
|
||||||
<!-- <p>{{docs.pd_document_name}}</p> -->
|
|
||||||
</div>
|
|
||||||
<!-- <div class="buy"><i class="material-icons">add_shopping_cart</i></div> -->
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div fxFlex="20" class="m-gap p-gap">
|
||||||
</div>
|
<div class="p-list-main mb-2" style="width: 60%;height: auto;">
|
||||||
|
|
||||||
<div fxFlex="25" class="m-gap p-gap">
|
|
||||||
<div class="p-list-main mb-2">
|
|
||||||
<div class="p-list">
|
<div class="p-list">
|
||||||
|
<div class="top"><img src="https://picsum.photos/2000/1500/?random=3" alt="Image 3"></div>
|
||||||
<div class="top"><img src="./../../../../../../../assets/images/face1.jpg" alt=""/></div>
|
|
||||||
<div class="bottom">
|
|
||||||
<div class="left">
|
|
||||||
<div class="details">
|
|
||||||
<small>Nivi SKM</small>
|
|
||||||
<!-- <p>{{docs.pd_document_name}}</p> -->
|
|
||||||
</div>
|
|
||||||
<!-- <div class="buy"><i class="material-icons">add_shopping_cart</i></div> -->
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div fxFlex="20" class="m-gap p-gap">
|
||||||
</div>
|
<div class="p-list-main mb-2" style="width: 60%;height: auto;">
|
||||||
<div fxFlex="25" class="m-gap p-gap">
|
|
||||||
<div class="p-list-main mb-2">
|
|
||||||
<div class="p-list">
|
<div class="p-list">
|
||||||
|
<div class="top"> <img src="https://picsum.photos/2000/1500/?random=1" alt="Image 1"></div>
|
||||||
<div class="top"><img src="./../../../../../../../assets/images/face1.jpg" alt=""/></div>
|
|
||||||
<div class="bottom">
|
|
||||||
<div class="left">
|
|
||||||
<div class="details">
|
|
||||||
<small>Nivi SKM</small>
|
|
||||||
<!-- <p>{{docs.pd_document_name}}</p> -->
|
|
||||||
</div>
|
|
||||||
<!-- <div class="buy"><i class="material-icons">add_shopping_cart</i></div> -->
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<div fxFlex="row">
|
||||||
|
<div fxFlex="100" class="m-gap p-gap">
|
||||||
|
<div fxLayout="row" fxLayoutWrap="wrap">
|
||||||
|
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="20" fxFlex.lg="20" fxFlex.xl="20">
|
||||||
|
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
|
||||||
|
</div>
|
||||||
|
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="20" fxFlex.lg="20" fxFlex.xl="20">
|
||||||
|
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
|
||||||
|
</div>
|
||||||
|
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="20" fxFlex.lg="20" fxFlex.xl="20">
|
||||||
|
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
|
||||||
|
</div>
|
||||||
|
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="20" fxFlex.lg="20" fxFlex.xl="20">
|
||||||
|
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
|
||||||
|
</div>
|
||||||
|
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="20" fxFlex.lg="20" fxFlex.xl="20">
|
||||||
|
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
|
||||||
|
</div>
|
||||||
|
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="20" fxFlex.lg="20" fxFlex.xl="20">
|
||||||
|
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div fxLayout="row" fxLayoutWrap="wrap">
|
||||||
|
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="25" fxFlex.lg="25" fxFlex.xl="25">
|
||||||
|
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
|
||||||
|
</div>
|
||||||
|
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="25" fxFlex.lg="25" fxFlex.xl="25">
|
||||||
|
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
|
||||||
|
</div>
|
||||||
|
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="25" fxFlex.lg="25" fxFlex.xl="25">
|
||||||
|
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
|
||||||
|
</div>
|
||||||
|
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="25" fxFlex.lg="25" fxFlex.xl="25">
|
||||||
|
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
|
||||||
|
</div>
|
||||||
|
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="20" fxFlex.lg="20" fxFlex.xl="20">
|
||||||
|
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
|
||||||
|
</div>
|
||||||
|
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="20" fxFlex.lg="20" fxFlex.xl="20">
|
||||||
|
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</ng-template>
|
</ng-template>
|
||||||
|
|||||||
@ -51,7 +51,25 @@ export class BusinessInfoComponent implements OnInit {
|
|||||||
this.form_id = 13;
|
this.form_id = 13;
|
||||||
this.notifier = notifier;
|
this.notifier = notifier;
|
||||||
}
|
}
|
||||||
|
public viewerOptions: any = {
|
||||||
|
navbar: false,
|
||||||
|
toolbar: {
|
||||||
|
zoomIn: 4,
|
||||||
|
zoomOut: 4,
|
||||||
|
oneToOne: 4,
|
||||||
|
reset: 4,
|
||||||
|
prev: 4,
|
||||||
|
play: {
|
||||||
|
show: 4,
|
||||||
|
size: 'large',
|
||||||
|
},
|
||||||
|
next: 4,
|
||||||
|
rotateLeft: 4,
|
||||||
|
rotateRight: 4,
|
||||||
|
flipHorizontal: 4,
|
||||||
|
flipVertical: 4,
|
||||||
|
}
|
||||||
|
};
|
||||||
ngOnInit() {
|
ngOnInit() {
|
||||||
|
|
||||||
this.getRelation();
|
this.getRelation();
|
||||||
|
|||||||
@ -112,114 +112,95 @@
|
|||||||
|
|
||||||
<mat-tab label="Docs">
|
<mat-tab label="Docs">
|
||||||
<ng-template matTabContent>
|
<ng-template matTabContent>
|
||||||
<div fxLayout="row wrap">
|
<div fxLayout="row wrap" style="padding:20px;">
|
||||||
<div fxFlex="25" class="m-gap p-gap">
|
<div fxFlex="100">
|
||||||
<div class="p-list-main mb-2">
|
<div fxFlex="20" class="m-gap p-gap">
|
||||||
|
<div class="p-list-main mb-2" style="width: 60%;height: auto;">
|
||||||
<div class="p-list">
|
<div class="p-list">
|
||||||
|
<div class="top"> <img src="https://picsum.photos/2000/1500/?random=1" alt="Image 1"></div>
|
||||||
<div class="top"><img src="./../../../../../../../assets/images/face2.jpg" alt=""/></div>
|
|
||||||
<div class="bottom">
|
|
||||||
<div class="left">
|
|
||||||
<div class="details">
|
|
||||||
<small>Nivi SKM</small>
|
|
||||||
<!-- <p>{{docs.pd_document_name}}</p> -->
|
|
||||||
</div>
|
|
||||||
<!-- <div class="buy"><i class="material-icons">add_shopping_cart</i></div> -->
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div fxFlex="20" class="m-gap p-gap">
|
||||||
</div>
|
<div class="p-list-main mb-2" style="width: 60%;height: auto;">
|
||||||
|
|
||||||
<div fxFlex="25" class="m-gap p-gap">
|
|
||||||
<div class="p-list-main mb-2">
|
|
||||||
<div class="p-list">
|
<div class="p-list">
|
||||||
|
<div class="top"> <img src="https://picsum.photos/2000/1500/?random=2" alt="Image 2"></div>
|
||||||
<div class="top"><img src="./../../../../../../../assets/images/face1.jpg" alt=""/></div>
|
|
||||||
<div class="bottom">
|
|
||||||
<div class="left">
|
|
||||||
<div class="details">
|
|
||||||
<small>Nivi SKM</small>
|
|
||||||
<!-- <p>{{docs.pd_document_name}}</p> -->
|
|
||||||
</div>
|
|
||||||
<!-- <div class="buy"><i class="material-icons">add_shopping_cart</i></div> -->
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div fxFlex="20" class="m-gap p-gap">
|
||||||
</div>
|
<div class="p-list-main mb-2" style="width: 60%;height: auto;">
|
||||||
|
|
||||||
<div fxFlex="25" class="m-gap p-gap">
|
|
||||||
<div class="p-list-main mb-2">
|
|
||||||
<div class="p-list">
|
<div class="p-list">
|
||||||
|
<div class="top"><img src="https://picsum.photos/2000/1500/?random=3" alt="Image 3"></div>
|
||||||
<div class="top"><img src="./../../../../../../../assets/images/face1.jpg" alt=""/></div>
|
|
||||||
<div class="bottom">
|
|
||||||
<div class="left">
|
|
||||||
<div class="details">
|
|
||||||
<small>Nivi SKM</small>
|
|
||||||
<!-- <p>{{docs.pd_document_name}}</p> -->
|
|
||||||
</div>
|
|
||||||
<!-- <div class="buy"><i class="material-icons">add_shopping_cart</i></div> -->
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div fxFlex="20" class="m-gap p-gap">
|
||||||
</div>
|
<div class="p-list-main mb-2" style="width: 60%;height: auto;">
|
||||||
|
|
||||||
<div fxFlex="25" class="m-gap p-gap">
|
|
||||||
<div class="p-list-main mb-2">
|
|
||||||
<div class="p-list">
|
<div class="p-list">
|
||||||
|
<div class="top"> <img src="https://picsum.photos/2000/1500/?random=2" alt="Image 2"></div>
|
||||||
<div class="top"><img src="./../../../../../../../assets/images/face1.jpg" alt=""/></div>
|
|
||||||
<div class="bottom">
|
|
||||||
<div class="left">
|
|
||||||
<div class="details">
|
|
||||||
<small>Nivi SKM</small>
|
|
||||||
<!-- <p>{{docs.pd_document_name}}</p> -->
|
|
||||||
</div>
|
|
||||||
<!-- <div class="buy"><i class="material-icons">add_shopping_cart</i></div> -->
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div fxFlex="20" class="m-gap p-gap">
|
||||||
</div>
|
<div class="p-list-main mb-2" style="width: 60%;height: auto;">
|
||||||
|
|
||||||
<div fxFlex="25" class="m-gap p-gap">
|
|
||||||
<div class="p-list-main mb-2">
|
|
||||||
<div class="p-list">
|
<div class="p-list">
|
||||||
|
<div class="top"><img src="https://picsum.photos/2000/1500/?random=3" alt="Image 3"></div>
|
||||||
<div class="top"><img src="./../../../../../../../assets/images/face1.jpg" alt=""/></div>
|
|
||||||
<div class="bottom">
|
|
||||||
<div class="left">
|
|
||||||
<div class="details">
|
|
||||||
<small>Nivi SKM</small>
|
|
||||||
<!-- <p>{{docs.pd_document_name}}</p> -->
|
|
||||||
</div>
|
|
||||||
<!-- <div class="buy"><i class="material-icons">add_shopping_cart</i></div> -->
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div fxFlex="20" class="m-gap p-gap">
|
||||||
</div>
|
<div class="p-list-main mb-2" style="width: 60%;height: auto;">
|
||||||
<div fxFlex="25" class="m-gap p-gap">
|
|
||||||
<div class="p-list-main mb-2">
|
|
||||||
<div class="p-list">
|
<div class="p-list">
|
||||||
|
<div class="top"> <img src="https://picsum.photos/2000/1500/?random=1" alt="Image 1"></div>
|
||||||
<div class="top"><img src="./../../../../../../../assets/images/face1.jpg" alt=""/></div>
|
|
||||||
<div class="bottom">
|
|
||||||
<div class="left">
|
|
||||||
<div class="details">
|
|
||||||
<small>Nivi SKM</small>
|
|
||||||
<!-- <p>{{docs.pd_document_name}}</p> -->
|
|
||||||
</div>
|
|
||||||
<!-- <div class="buy"><i class="material-icons">add_shopping_cart</i></div> -->
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<div fxFlex="row">
|
||||||
|
<div fxFlex="100" class="m-gap p-gap">
|
||||||
|
<div fxLayout="row" fxLayoutWrap="wrap">
|
||||||
|
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="20" fxFlex.lg="20" fxFlex.xl="20">
|
||||||
|
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
|
||||||
|
</div>
|
||||||
|
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="20" fxFlex.lg="20" fxFlex.xl="20">
|
||||||
|
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
|
||||||
|
</div>
|
||||||
|
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="20" fxFlex.lg="20" fxFlex.xl="20">
|
||||||
|
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
|
||||||
|
</div>
|
||||||
|
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="20" fxFlex.lg="20" fxFlex.xl="20">
|
||||||
|
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
|
||||||
|
</div>
|
||||||
|
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="20" fxFlex.lg="20" fxFlex.xl="20">
|
||||||
|
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
|
||||||
|
</div>
|
||||||
|
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="20" fxFlex.lg="20" fxFlex.xl="20">
|
||||||
|
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div fxLayout="row" fxLayoutWrap="wrap">
|
||||||
|
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="25" fxFlex.lg="25" fxFlex.xl="25">
|
||||||
|
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
|
||||||
|
</div>
|
||||||
|
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="25" fxFlex.lg="25" fxFlex.xl="25">
|
||||||
|
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
|
||||||
|
</div>
|
||||||
|
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="25" fxFlex.lg="25" fxFlex.xl="25">
|
||||||
|
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
|
||||||
|
</div>
|
||||||
|
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="25" fxFlex.lg="25" fxFlex.xl="25">
|
||||||
|
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
|
||||||
|
</div>
|
||||||
|
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="20" fxFlex.lg="20" fxFlex.xl="20">
|
||||||
|
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
|
||||||
|
</div>
|
||||||
|
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="20" fxFlex.lg="20" fxFlex.xl="20">
|
||||||
|
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</ng-template>
|
</ng-template>
|
||||||
|
|||||||
@ -103,7 +103,25 @@ private notifier: NotifierService;
|
|||||||
this.form_id = 2;
|
this.form_id = 2;
|
||||||
this.notifier = notifier;
|
this.notifier = notifier;
|
||||||
}
|
}
|
||||||
|
public viewerOptions: any = {
|
||||||
|
navbar: false,
|
||||||
|
toolbar: {
|
||||||
|
zoomIn: 4,
|
||||||
|
zoomOut: 4,
|
||||||
|
oneToOne: 4,
|
||||||
|
reset: 4,
|
||||||
|
prev: 4,
|
||||||
|
play: {
|
||||||
|
show: 4,
|
||||||
|
size: 'large',
|
||||||
|
},
|
||||||
|
next: 4,
|
||||||
|
rotateLeft: 4,
|
||||||
|
rotateRight: 4,
|
||||||
|
flipHorizontal: 4,
|
||||||
|
flipVertical: 4,
|
||||||
|
}
|
||||||
|
};
|
||||||
ngOnInit() {
|
ngOnInit() {
|
||||||
this.getM_FreqOfPurchase();
|
this.getM_FreqOfPurchase();
|
||||||
this.getM_PaymentModeType();
|
this.getM_PaymentModeType();
|
||||||
|
|||||||
@ -107,116 +107,96 @@
|
|||||||
|
|
||||||
<mat-tab label="Docs">
|
<mat-tab label="Docs">
|
||||||
<ng-template matTabContent>
|
<ng-template matTabContent>
|
||||||
<div fxLayout="row wrap">
|
<div fxLayout="row wrap" style="padding:20px;">
|
||||||
<div fxFlex="25" class="m-gap p-gap">
|
<div fxFlex="100">
|
||||||
<div class="p-list-main mb-2">
|
<div fxFlex="20" class="m-gap p-gap">
|
||||||
|
<div class="p-list-main mb-2" style="width: 60%;height: auto;">
|
||||||
<div class="p-list">
|
<div class="p-list">
|
||||||
|
<div class="top"> <img src="https://picsum.photos/2000/1500/?random=1" alt="Image 1"></div>
|
||||||
<div class="top"><img src="./../../../../../../../assets/images/face2.jpg" alt=""/></div>
|
|
||||||
<div class="bottom">
|
|
||||||
<div class="left">
|
|
||||||
<div class="details">
|
|
||||||
<small>Nivi SKM</small>
|
|
||||||
<!-- <p>{{docs.pd_document_name}}</p> -->
|
|
||||||
</div>
|
|
||||||
<!-- <div class="buy"><i class="material-icons">add_shopping_cart</i></div> -->
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div fxFlex="20" class="m-gap p-gap">
|
||||||
</div>
|
<div class="p-list-main mb-2" style="width: 60%;height: auto;">
|
||||||
|
|
||||||
<div fxFlex="25" class="m-gap p-gap">
|
|
||||||
<div class="p-list-main mb-2">
|
|
||||||
<div class="p-list">
|
<div class="p-list">
|
||||||
|
<div class="top"> <img src="https://picsum.photos/2000/1500/?random=2" alt="Image 2"></div>
|
||||||
<div class="top"><img src="./../../../../../../../assets/images/face1.jpg" alt=""/></div>
|
|
||||||
<div class="bottom">
|
|
||||||
<div class="left">
|
|
||||||
<div class="details">
|
|
||||||
<small>Nivi SKM</small>
|
|
||||||
<!-- <p>{{docs.pd_document_name}}</p> -->
|
|
||||||
</div>
|
|
||||||
<!-- <div class="buy"><i class="material-icons">add_shopping_cart</i></div> -->
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div fxFlex="20" class="m-gap p-gap">
|
||||||
</div>
|
<div class="p-list-main mb-2" style="width: 60%;height: auto;">
|
||||||
|
|
||||||
<div fxFlex="25" class="m-gap p-gap">
|
|
||||||
<div class="p-list-main mb-2">
|
|
||||||
<div class="p-list">
|
<div class="p-list">
|
||||||
|
<div class="top"><img src="https://picsum.photos/2000/1500/?random=3" alt="Image 3"></div>
|
||||||
<div class="top"><img src="./../../../../../../../assets/images/face1.jpg" alt=""/></div>
|
|
||||||
<div class="bottom">
|
|
||||||
<div class="left">
|
|
||||||
<div class="details">
|
|
||||||
<small>Nivi SKM</small>
|
|
||||||
<!-- <p>{{docs.pd_document_name}}</p> -->
|
|
||||||
</div>
|
|
||||||
<!-- <div class="buy"><i class="material-icons">add_shopping_cart</i></div> -->
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div fxFlex="20" class="m-gap p-gap">
|
||||||
</div>
|
<div class="p-list-main mb-2" style="width: 60%;height: auto;">
|
||||||
|
|
||||||
<div fxFlex="25" class="m-gap p-gap">
|
|
||||||
<div class="p-list-main mb-2">
|
|
||||||
<div class="p-list">
|
<div class="p-list">
|
||||||
|
<div class="top"> <img src="https://picsum.photos/2000/1500/?random=2" alt="Image 2"></div>
|
||||||
<div class="top"><img src="./../../../../../../../assets/images/face1.jpg" alt=""/></div>
|
|
||||||
<div class="bottom">
|
|
||||||
<div class="left">
|
|
||||||
<div class="details">
|
|
||||||
<small>Nivi SKM</small>
|
|
||||||
<!-- <p>{{docs.pd_document_name}}</p> -->
|
|
||||||
</div>
|
|
||||||
<!-- <div class="buy"><i class="material-icons">add_shopping_cart</i></div> -->
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div fxFlex="20" class="m-gap p-gap">
|
||||||
</div>
|
<div class="p-list-main mb-2" style="width: 60%;height: auto;">
|
||||||
|
|
||||||
<div fxFlex="25" class="m-gap p-gap">
|
|
||||||
<div class="p-list-main mb-2">
|
|
||||||
<div class="p-list">
|
<div class="p-list">
|
||||||
|
<div class="top"><img src="https://picsum.photos/2000/1500/?random=3" alt="Image 3"></div>
|
||||||
<div class="top"><img src="./../../../../../../../assets/images/face1.jpg" alt=""/></div>
|
|
||||||
<div class="bottom">
|
|
||||||
<div class="left">
|
|
||||||
<div class="details">
|
|
||||||
<small>Nivi SKM</small>
|
|
||||||
<!-- <p>{{docs.pd_document_name}}</p> -->
|
|
||||||
</div>
|
|
||||||
<!-- <div class="buy"><i class="material-icons">add_shopping_cart</i></div> -->
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div fxFlex="20" class="m-gap p-gap">
|
||||||
</div>
|
<div class="p-list-main mb-2" style="width: 60%;height: auto;">
|
||||||
<div fxFlex="25" class="m-gap p-gap">
|
|
||||||
<div class="p-list-main mb-2">
|
|
||||||
<div class="p-list">
|
<div class="p-list">
|
||||||
|
<div class="top"> <img src="https://picsum.photos/2000/1500/?random=1" alt="Image 1"></div>
|
||||||
<div class="top"><img src="./../../../../../../../assets/images/face1.jpg" alt=""/></div>
|
|
||||||
<div class="bottom">
|
|
||||||
<div class="left">
|
|
||||||
<div class="details">
|
|
||||||
<small>Nivi SKM</small>
|
|
||||||
<!-- <p>{{docs.pd_document_name}}</p> -->
|
|
||||||
</div>
|
</div>
|
||||||
<!-- <div class="buy"><i class="material-icons">add_shopping_cart</i></div> -->
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div fxFlex="row">
|
||||||
|
<div fxFlex="100" class="m-gap p-gap">
|
||||||
|
<div fxLayout="row" fxLayoutWrap="wrap">
|
||||||
|
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="20" fxFlex.lg="20" fxFlex.xl="20">
|
||||||
|
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
|
||||||
|
</div>
|
||||||
|
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="20" fxFlex.lg="20" fxFlex.xl="20">
|
||||||
|
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
|
||||||
|
</div>
|
||||||
|
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="20" fxFlex.lg="20" fxFlex.xl="20">
|
||||||
|
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
|
||||||
|
</div>
|
||||||
|
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="20" fxFlex.lg="20" fxFlex.xl="20">
|
||||||
|
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
|
||||||
|
</div>
|
||||||
|
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="20" fxFlex.lg="20" fxFlex.xl="20">
|
||||||
|
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
|
||||||
|
</div>
|
||||||
|
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="20" fxFlex.lg="20" fxFlex.xl="20">
|
||||||
|
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div fxLayout="row" fxLayoutWrap="wrap">
|
||||||
|
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="25" fxFlex.lg="25" fxFlex.xl="25">
|
||||||
|
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
|
||||||
|
</div>
|
||||||
|
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="25" fxFlex.lg="25" fxFlex.xl="25">
|
||||||
|
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
|
||||||
|
</div>
|
||||||
|
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="25" fxFlex.lg="25" fxFlex.xl="25">
|
||||||
|
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
|
||||||
|
</div>
|
||||||
|
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="25" fxFlex.lg="25" fxFlex.xl="25">
|
||||||
|
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
|
||||||
|
</div>
|
||||||
|
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="20" fxFlex.lg="20" fxFlex.xl="20">
|
||||||
|
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
|
||||||
|
</div>
|
||||||
|
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="20" fxFlex.lg="20" fxFlex.xl="20">
|
||||||
|
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</ng-template>
|
</ng-template>
|
||||||
</mat-tab>
|
</mat-tab>
|
||||||
|
|
||||||
|
|||||||
@ -53,6 +53,25 @@ export class CurrentLoanComponent implements OnInit {
|
|||||||
this.notifier = notifier;
|
this.notifier = notifier;
|
||||||
this.applicants = this.pd_all_details.pdapplicants_detials;
|
this.applicants = this.pd_all_details.pdapplicants_detials;
|
||||||
}
|
}
|
||||||
|
public viewerOptions: any = {
|
||||||
|
navbar: false,
|
||||||
|
toolbar: {
|
||||||
|
zoomIn: 4,
|
||||||
|
zoomOut: 4,
|
||||||
|
oneToOne: 4,
|
||||||
|
reset: 4,
|
||||||
|
prev: 4,
|
||||||
|
play: {
|
||||||
|
show: 4,
|
||||||
|
size: 'large',
|
||||||
|
},
|
||||||
|
next: 4,
|
||||||
|
rotateLeft: 4,
|
||||||
|
rotateRight: 4,
|
||||||
|
flipHorizontal: 4,
|
||||||
|
flipVertical: 4,
|
||||||
|
}
|
||||||
|
};
|
||||||
ngOnInit() {
|
ngOnInit() {
|
||||||
this.getMasterDetails('BTLENDERLIST',1);
|
this.getMasterDetails('BTLENDERLIST',1);
|
||||||
this.getMasterDetails('FREQUENCY',2);
|
this.getMasterDetails('FREQUENCY',2);
|
||||||
|
|||||||
@ -128,112 +128,96 @@
|
|||||||
</mat-tab>
|
</mat-tab>
|
||||||
<mat-tab label="Docs">
|
<mat-tab label="Docs">
|
||||||
<ng-template matTabContent>
|
<ng-template matTabContent>
|
||||||
<div fxLayout="row wrap">
|
<div fxLayout="row wrap" style="padding:20px;">
|
||||||
<div fxFlex="25" class="m-gap p-gap">
|
<div fxFlex="100">
|
||||||
<div class="p-list-main mb-2">
|
<div fxFlex="20" class="m-gap p-gap">
|
||||||
|
<div class="p-list-main mb-2" style="width: 60%;height: auto;">
|
||||||
<div class="p-list">
|
<div class="p-list">
|
||||||
|
<div class="top"> <img src="https://picsum.photos/2000/1500/?random=1" alt="Image 1"></div>
|
||||||
<div class="top"><img src="./../../../../../../../assets/images/face2.jpg" alt=""/></div>
|
|
||||||
<div class="bottom">
|
|
||||||
<div class="left">
|
|
||||||
<div class="details">
|
|
||||||
<small>Nivi SKM</small>
|
|
||||||
<!-- <p>{{docs.pd_document_name}}</p> -->
|
|
||||||
</div>
|
|
||||||
<!-- <div class="buy"><i class="material-icons">add_shopping_cart</i></div> -->
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div fxFlex="20" class="m-gap p-gap">
|
||||||
</div>
|
<div class="p-list-main mb-2" style="width: 60%;height: auto;">
|
||||||
<div fxFlex="25" class="m-gap p-gap">
|
|
||||||
<div class="p-list-main mb-2">
|
|
||||||
<div class="p-list">
|
<div class="p-list">
|
||||||
|
<div class="top"> <img src="https://picsum.photos/2000/1500/?random=2" alt="Image 2"></div>
|
||||||
<div class="top"><img src="./../../../../../../../assets/images/face1.jpg" alt=""/></div>
|
|
||||||
<div class="bottom">
|
|
||||||
<div class="left">
|
|
||||||
<div class="details">
|
|
||||||
<small>Nivi SKM</small>
|
|
||||||
<!-- <p>{{docs.pd_document_name}}</p> -->
|
|
||||||
</div>
|
|
||||||
<!-- <div class="buy"><i class="material-icons">add_shopping_cart</i></div> -->
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div fxFlex="20" class="m-gap p-gap">
|
||||||
</div>
|
<div class="p-list-main mb-2" style="width: 60%;height: auto;">
|
||||||
<div fxFlex="25" class="m-gap p-gap">
|
|
||||||
<div class="p-list-main mb-2">
|
|
||||||
<div class="p-list">
|
<div class="p-list">
|
||||||
|
<div class="top"><img src="https://picsum.photos/2000/1500/?random=3" alt="Image 3"></div>
|
||||||
<div class="top"><img src="./../../../../../../../assets/images/face1.jpg" alt=""/></div>
|
|
||||||
<div class="bottom">
|
|
||||||
<div class="left">
|
|
||||||
<div class="details">
|
|
||||||
<small>Nivi SKM</small>
|
|
||||||
<!-- <p>{{docs.pd_document_name}}</p> -->
|
|
||||||
</div>
|
|
||||||
<!-- <div class="buy"><i class="material-icons">add_shopping_cart</i></div> -->
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div fxFlex="20" class="m-gap p-gap">
|
||||||
</div>
|
<div class="p-list-main mb-2" style="width: 60%;height: auto;">
|
||||||
<div fxFlex="25" class="m-gap p-gap">
|
|
||||||
<div class="p-list-main mb-2">
|
|
||||||
<div class="p-list">
|
<div class="p-list">
|
||||||
|
<div class="top"> <img src="https://picsum.photos/2000/1500/?random=2" alt="Image 2"></div>
|
||||||
<div class="top"><img src="./../../../../../../../assets/images/face1.jpg" alt=""/></div>
|
|
||||||
<div class="bottom">
|
|
||||||
<div class="left">
|
|
||||||
<div class="details">
|
|
||||||
<small>Nivi SKM</small>
|
|
||||||
<!-- <p>{{docs.pd_document_name}}</p> -->
|
|
||||||
</div>
|
|
||||||
<!-- <div class="buy"><i class="material-icons">add_shopping_cart</i></div> -->
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div fxFlex="20" class="m-gap p-gap">
|
||||||
</div>
|
<div class="p-list-main mb-2" style="width: 60%;height: auto;">
|
||||||
<div fxFlex="25" class="m-gap p-gap">
|
|
||||||
<div class="p-list-main mb-2">
|
|
||||||
<div class="p-list">
|
<div class="p-list">
|
||||||
|
<div class="top"><img src="https://picsum.photos/2000/1500/?random=3" alt="Image 3"></div>
|
||||||
<div class="top"><img src="./../../../../../../../assets/images/face1.jpg" alt=""/></div>
|
|
||||||
<div class="bottom">
|
|
||||||
<div class="left">
|
|
||||||
<div class="details">
|
|
||||||
<small>Nivi SKM</small>
|
|
||||||
<!-- <p>{{docs.pd_document_name}}</p> -->
|
|
||||||
</div>
|
|
||||||
<!-- <div class="buy"><i class="material-icons">add_shopping_cart</i></div> -->
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div fxFlex="20" class="m-gap p-gap">
|
||||||
</div>
|
<div class="p-list-main mb-2" style="width: 60%;height: auto;">
|
||||||
<div fxFlex="25" class="m-gap p-gap">
|
|
||||||
<div class="p-list-main mb-2">
|
|
||||||
<div class="p-list">
|
<div class="p-list">
|
||||||
|
<div class="top"> <img src="https://picsum.photos/2000/1500/?random=1" alt="Image 1"></div>
|
||||||
<div class="top"><img src="./../../../../../../../assets/images/face1.jpg" alt=""/></div>
|
|
||||||
<div class="bottom">
|
|
||||||
<div class="left">
|
|
||||||
<div class="details">
|
|
||||||
<small>Nivi SKM</small>
|
|
||||||
<!-- <p>{{docs.pd_document_name}}</p> -->
|
|
||||||
</div>
|
</div>
|
||||||
<!-- <div class="buy"><i class="material-icons">add_shopping_cart</i></div> -->
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div fxFlex="row">
|
||||||
|
<div fxFlex="100" class="m-gap p-gap">
|
||||||
|
<div fxLayout="row" fxLayoutWrap="wrap">
|
||||||
|
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="20" fxFlex.lg="20" fxFlex.xl="20">
|
||||||
|
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
|
||||||
|
</div>
|
||||||
|
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="20" fxFlex.lg="20" fxFlex.xl="20">
|
||||||
|
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
|
||||||
|
</div>
|
||||||
|
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="20" fxFlex.lg="20" fxFlex.xl="20">
|
||||||
|
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
|
||||||
|
</div>
|
||||||
|
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="20" fxFlex.lg="20" fxFlex.xl="20">
|
||||||
|
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
|
||||||
|
</div>
|
||||||
|
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="20" fxFlex.lg="20" fxFlex.xl="20">
|
||||||
|
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
|
||||||
|
</div>
|
||||||
|
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="20" fxFlex.lg="20" fxFlex.xl="20">
|
||||||
|
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div fxLayout="row" fxLayoutWrap="wrap">
|
||||||
|
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="25" fxFlex.lg="25" fxFlex.xl="25">
|
||||||
|
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
|
||||||
|
</div>
|
||||||
|
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="25" fxFlex.lg="25" fxFlex.xl="25">
|
||||||
|
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
|
||||||
|
</div>
|
||||||
|
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="25" fxFlex.lg="25" fxFlex.xl="25">
|
||||||
|
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
|
||||||
|
</div>
|
||||||
|
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="25" fxFlex.lg="25" fxFlex.xl="25">
|
||||||
|
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
|
||||||
|
</div>
|
||||||
|
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="20" fxFlex.lg="20" fxFlex.xl="20">
|
||||||
|
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
|
||||||
|
</div>
|
||||||
|
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="20" fxFlex.lg="20" fxFlex.xl="20">
|
||||||
|
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</ng-template>
|
</ng-template>
|
||||||
</mat-tab>
|
</mat-tab>
|
||||||
</mat-tab-group>
|
</mat-tab-group>
|
||||||
|
|||||||
@ -49,7 +49,25 @@ export class EmploymentInfoComponent implements OnInit {
|
|||||||
this.notifier = notifier;
|
this.notifier = notifier;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
public viewerOptions: any = {
|
||||||
|
navbar: false,
|
||||||
|
toolbar: {
|
||||||
|
zoomIn: 4,
|
||||||
|
zoomOut: 4,
|
||||||
|
oneToOne: 4,
|
||||||
|
reset: 4,
|
||||||
|
prev: 4,
|
||||||
|
play: {
|
||||||
|
show: 4,
|
||||||
|
size: 'large',
|
||||||
|
},
|
||||||
|
next: 4,
|
||||||
|
rotateLeft: 4,
|
||||||
|
rotateRight: 4,
|
||||||
|
flipHorizontal: 4,
|
||||||
|
flipVertical: 4,
|
||||||
|
}
|
||||||
|
};
|
||||||
ngOnInit() {
|
ngOnInit() {
|
||||||
this.pd_cus_segment=this.pd_all_details.pdmaster_details.customer_segment_abbr.toUpperCase();
|
this.pd_cus_segment=this.pd_all_details.pdmaster_details.customer_segment_abbr.toUpperCase();
|
||||||
this.initemploymentForm();
|
this.initemploymentForm();
|
||||||
|
|||||||
@ -4,7 +4,8 @@
|
|||||||
{{pageTitle}}
|
{{pageTitle}}
|
||||||
</div>
|
</div>
|
||||||
<div fxFlex="30" align="end" style="padding: 10px !important;">
|
<div fxFlex="30" align="end" style="padding: 10px !important;">
|
||||||
<button mat-raised-button mat-icon-button class="mr-1 mb-1 hover-icon" type="button" matTooltip="Close" matTooltipPosition="right" mat-dialog-close><mat-icon>close</mat-icon></button>
|
<button mat-raised-button mat-icon-button class="mr-1 mb-1 hover-icon" type="button" matTooltip="Close" matTooltipPosition="right"
|
||||||
|
mat-dialog-close><mat-icon>close</mat-icon></button>
|
||||||
</div>
|
</div>
|
||||||
</h2>
|
</h2>
|
||||||
|
|
||||||
@ -18,57 +19,172 @@
|
|||||||
<!-- <mat-card-title>Address Details</mat-card-title> -->
|
<!-- <mat-card-title>Address Details</mat-card-title> -->
|
||||||
<mat-card-content>
|
<mat-card-content>
|
||||||
|
|
||||||
<mat-form-field>
|
<!--<mat-form-field>
|
||||||
<input matInput placeholder="Number Of Family Members" formControlName="members" required>
|
<input matInput placeholder="Number Of Family Members" formControlName="members" required>
|
||||||
|
</mat-form-field>-->
|
||||||
|
<div>
|
||||||
|
<mat-form-field>
|
||||||
|
<mat-select placeholder="Select a person" formControlName="selected_person" required>
|
||||||
|
<mat-option value="{{person.id}}" *ngFor="let person of selectPerson">
|
||||||
|
{{person.name}}
|
||||||
|
</mat-option>
|
||||||
|
</mat-select>
|
||||||
</mat-form-field>
|
</mat-form-field>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<h5>Residence Details</h5>
|
||||||
|
<mat-form-field>
|
||||||
|
<input matInput placeholder="Place" formControlName="residence_place" required>
|
||||||
|
</mat-form-field>
|
||||||
|
<mat-form-field>
|
||||||
|
<input matInput placeholder="City" formControlName="residence_city" required>
|
||||||
|
</mat-form-field>
|
||||||
|
<mat-form-field>
|
||||||
|
<input matInput placeholder="State" formControlName="residence_state" required>
|
||||||
|
</mat-form-field>
|
||||||
|
<mat-form-field>
|
||||||
|
<input matInput placeholder="Pin" formControlName="residence_pin" required>
|
||||||
|
</mat-form-field>
|
||||||
|
|
||||||
|
<mat-form-field>
|
||||||
|
<input matInput placeholder="Number of yrs" formControlName="residence_No_of_years" type="number" required>
|
||||||
|
</mat-form-field>
|
||||||
|
|
||||||
|
<mat-form-field>
|
||||||
|
<mat-select placeholder="Ownership" formControlName="residence_ownership" required>
|
||||||
|
<mat-option value="{{ownerShip.id}}" *ngFor="let ownerShip of ownerShipData">
|
||||||
|
{{ownerShip.name}}
|
||||||
|
</mat-option>
|
||||||
|
</mat-select>
|
||||||
|
</mat-form-field>
|
||||||
|
|
||||||
|
<mat-form-field *ngIf="familyForm.get('residence_ownership').value == 4">
|
||||||
|
<input matInput placeholder="Please specify" formControlName="ownershipOther">
|
||||||
|
</mat-form-field>
|
||||||
|
|
||||||
|
<mat-form-field *ngIf="familyForm.get('residence_ownership').value == 3">
|
||||||
|
<input matInput placeholder="Rent Amount" formControlName="rent">
|
||||||
|
</mat-form-field>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<mat-form-field>
|
||||||
|
<input matInput placeholder="Number of Family Members" formControlName="total_number_of_family_members" (focusout)="getNumberOfFamilyMemberDetails()"
|
||||||
|
type="number" max='20' min='1'>
|
||||||
|
</mat-form-field>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div>
|
||||||
|
<div formArrayName="family_members_details">
|
||||||
|
<div *ngFor="let item of familyForm.controls.family_members_details['controls']; let i=index" [formGroupName]="i">
|
||||||
<mat-card>
|
<mat-card>
|
||||||
|
<div>
|
||||||
|
<mat-form-field>
|
||||||
|
<input matInput placeholder="Name" formControlName="family_member_name" required>
|
||||||
|
</mat-form-field>
|
||||||
|
<!--<mat-form-field>
|
||||||
|
<input matInput placeholder="Relationship" formControlName="family_member_relationship" required>
|
||||||
|
</mat-form-field>-->
|
||||||
|
<mat-form-field>
|
||||||
|
<mat-select placeholder="Relationship" formControlName="family_member_relationship" required>
|
||||||
|
<mat-option value="{{relation.relationship_id}}" *ngFor="let relation of relationData">
|
||||||
|
{{relation.name}}
|
||||||
|
</mat-option>
|
||||||
|
</mat-select>
|
||||||
|
</mat-form-field>
|
||||||
|
<mat-form-field>
|
||||||
|
<input matInput placeholder="Age" formControlName="family_member_age" required>
|
||||||
|
</mat-form-field>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<mat-form-field>
|
||||||
|
<mat-select placeholder="Earning Status" formControlName="family_member_earning_status" required>
|
||||||
|
<mat-option value="{{earnings.id}}" *ngFor="let earnings of earningStatus">
|
||||||
|
{{earnings.type}}
|
||||||
|
</mat-option>
|
||||||
|
</mat-select>
|
||||||
|
</mat-form-field>
|
||||||
|
</div>
|
||||||
|
<div *ngIf="item.get('family_member_earning_status').value == 1">
|
||||||
|
<!--<pre>{{ customerSegData | json}}</pre>-->
|
||||||
|
<mat-form-field>
|
||||||
|
<mat-select placeholder="Segment" formControlName="earning_segment" required>
|
||||||
|
<mat-option value="{{segment.customer_segment_id}}" *ngFor="let segment of customerSegData">
|
||||||
|
{{segment.name}}
|
||||||
|
</mat-option>
|
||||||
|
</mat-select>
|
||||||
|
</mat-form-field>
|
||||||
|
<mat-form-field>
|
||||||
|
<input matInput placeholder="Income Per Month" formControlName="earning_gross_income_per_month" required>
|
||||||
|
</mat-form-field>
|
||||||
|
<mat-form-field>
|
||||||
|
<input matInput placeholder="Name of the Employer/Business" formControlName="earning_name_of_the_employer_or_business" required>
|
||||||
|
</mat-form-field>
|
||||||
|
<mat-form-field>
|
||||||
|
<input matInput placeholder="No. of years in Employer/Business" formControlName="earning_number_of_years_in_employment_or_business"
|
||||||
|
required>
|
||||||
|
</mat-form-field>
|
||||||
|
</div>
|
||||||
|
<div *ngIf="item.get('family_member_earning_status').value == 2">
|
||||||
|
<mat-form-field>
|
||||||
|
<mat-select placeholder="Occupation" formControlName="non_earning_occupation" required>
|
||||||
|
<mat-option value="{{occupation.occupation_non_earning_member_id}}" *ngFor="let occupation of occupationData">
|
||||||
|
{{occupation.name}}
|
||||||
|
</mat-option>
|
||||||
|
</mat-select>
|
||||||
|
</mat-form-field>
|
||||||
|
<mat-form-field *ngIf="item.get('non_earning_occupation').value==9">
|
||||||
|
<input matInput placeholder="Specify Others" formControlName="non_earning_if_others" required>
|
||||||
|
</mat-form-field>
|
||||||
|
<mat-form-field *ngIf="item.get('non_earning_occupation').value==3">
|
||||||
|
<input matInput placeholder="Retired From" formControlName="non_earning_if_retired_from" type="date" required>
|
||||||
|
</mat-form-field>
|
||||||
|
</div>
|
||||||
|
</mat-card>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!--<mat-card>
|
||||||
<mat-card-header>
|
<mat-card-header>
|
||||||
<p>Earning Members
|
<p>Earning Members
|
||||||
</p>
|
</p>
|
||||||
</mat-card-header>
|
</mat-card-header>
|
||||||
<div formArrayName="earningMembers">
|
<div formArrayName="earningMembers">
|
||||||
<div *ngFor="let item of familyForm.controls.earningMembers['controls']; let i=index"
|
<div *ngFor="let item of familyForm.controls.earningMembers['controls']; let i=index" [formGroupName]="i">
|
||||||
[formGroupName]="i">
|
|
||||||
<mat-card-content class="matcards">
|
<mat-card-content class="matcards">
|
||||||
<mat-form-field>
|
<mat-form-field>
|
||||||
<input matInput placeholder="Name"
|
<input matInput placeholder="Name" formControlName="earning_member_name" required>
|
||||||
formControlName="earning_member_name" required>
|
|
||||||
</mat-form-field>
|
</mat-form-field>
|
||||||
<mat-form-field>
|
<mat-form-field>
|
||||||
<input matInput placeholder="Age" (keypress)="keyPress($event)"
|
<input matInput placeholder="Age" (keypress)="keyPress($event)" formControlName="earning_member_age" required>
|
||||||
formControlName="earning_member_age" required>
|
|
||||||
</mat-form-field>
|
</mat-form-field>
|
||||||
<mat-form-field>
|
<mat-form-field>
|
||||||
<mat-select placeholder="Relation" formControlName="relation" required>
|
<mat-select placeholder="Relation" formControlName="relation" required>
|
||||||
<mat-option value="{{relations.relationship_id}}"
|
<mat-option value="{{relations.relationship_id}}" *ngFor="let relations of relationData">
|
||||||
*ngFor="let relations of relationData">
|
|
||||||
{{relations.name}}
|
{{relations.name}}
|
||||||
</mat-option>
|
</mat-option>
|
||||||
</mat-select>
|
</mat-select>
|
||||||
</mat-form-field>
|
</mat-form-field>
|
||||||
<mat-form-field>
|
<mat-form-field>
|
||||||
<mat-select placeholder="Segment" formControlName="segment" required>
|
<mat-select placeholder="Segment" formControlName="segment" required>
|
||||||
<mat-option value="{{cusSeg.customer_segment_id}}"
|
<mat-option value="{{cusSeg.customer_segment_id}}" *ngFor="let cusSeg of customerSegData">
|
||||||
*ngFor="let cusSeg of customerSegData">
|
|
||||||
{{cusSeg.name}}
|
{{cusSeg.name}}
|
||||||
</mat-option>
|
</mat-option>
|
||||||
|
|
||||||
</mat-select>
|
</mat-select>
|
||||||
</mat-form-field>
|
</mat-form-field>
|
||||||
<mat-form-field>
|
<mat-form-field>
|
||||||
<input matInput placeholder="Income / Revenue"
|
<input matInput placeholder="Income / Revenue" formControlName="income" required>
|
||||||
formControlName="income" required>
|
|
||||||
</mat-form-field>
|
</mat-form-field>
|
||||||
<mat-form-field>
|
<mat-form-field>
|
||||||
<input matInput placeholder="Name of Employer / Business"
|
<input matInput placeholder="Name of Employer / Business" formControlName="employer_name" required>
|
||||||
formControlName="employer_name" required>
|
|
||||||
</mat-form-field>
|
</mat-form-field>
|
||||||
<button type="button" mat-raised-button mat-icon-button *ngIf="i==0" color="primary"
|
<button type="button" mat-raised-button mat-icon-button *ngIf="i==0" color="primary" matTooltip="Add More Earning Members"
|
||||||
matTooltip="Add More Earning Members" matTooltipPosition="above" (click)="addearningMembers()">
|
matTooltipPosition="above" (click)="addearningMembers()">
|
||||||
<mat-icon>add</mat-icon>
|
<mat-icon>add</mat-icon>
|
||||||
</button>
|
</button>
|
||||||
<button type="button" mat-raised-button mat-icon-button
|
<button type="button" mat-raised-button mat-icon-button matTooltip="Delete" matTooltipPosition="above" (click)="deleteEarningMembers(i)"
|
||||||
matTooltip="Delete" matTooltipPosition="above" (click)="deleteEarningMembers(i)" *ngIf="i>0">
|
*ngIf="i>0">
|
||||||
<mat-icon>delete</mat-icon>
|
<mat-icon>delete</mat-icon>
|
||||||
</button>
|
</button>
|
||||||
</mat-card-content>
|
</mat-card-content>
|
||||||
@ -81,83 +197,46 @@
|
|||||||
</p>
|
</p>
|
||||||
</mat-card-header>
|
</mat-card-header>
|
||||||
<div formArrayName="nonEarningMembers">
|
<div formArrayName="nonEarningMembers">
|
||||||
<div *ngFor="let members of familyForm.controls.nonEarningMembers['controls']; let i=index"
|
<div *ngFor="let members of familyForm.controls.nonEarningMembers['controls']; let i=index" [formGroupName]="i">
|
||||||
[formGroupName]="i">
|
|
||||||
<mat-card-content class="matcard">
|
<mat-card-content class="matcard">
|
||||||
<mat-form-field>
|
<mat-form-field>
|
||||||
<input matInput placeholder="Name"
|
<input matInput placeholder="Name" formControlName="non_earning_member_name" required>
|
||||||
formControlName="non_earning_member_name" required>
|
|
||||||
</mat-form-field>
|
</mat-form-field>
|
||||||
<mat-form-field>
|
<mat-form-field>
|
||||||
<input matInput placeholder="Age" (keypress)="keyPress($event)"
|
<input matInput placeholder="Age" (keypress)="keyPress($event)" formControlName="non_earning_member_age" required>
|
||||||
formControlName="non_earning_member_age" required>
|
|
||||||
</mat-form-field>
|
</mat-form-field>
|
||||||
<mat-form-field>
|
<mat-form-field>
|
||||||
<mat-select placeholder="Relation"
|
<mat-select placeholder="Relation" formControlName="relationship" required>
|
||||||
formControlName="relationship" required>
|
<mat-option value="{{relation.relationship_id}}" *ngFor="let relation of relationData">
|
||||||
<mat-option value="{{relation.relationship_id}}"
|
|
||||||
*ngFor="let relation of relationData">
|
|
||||||
{{relation.name}}
|
{{relation.name}}
|
||||||
</mat-option>
|
</mat-option>
|
||||||
</mat-select>
|
</mat-select>
|
||||||
</mat-form-field>
|
</mat-form-field>
|
||||||
<mat-form-field>
|
<mat-form-field>
|
||||||
<mat-select placeholder="Occupation"
|
<mat-select placeholder="Occupation" formControlName="occupation" required>
|
||||||
formControlName="occupation" required>
|
<mat-option value="{{occupation.occupation_non_earning_member_id}}" *ngFor="let occupation of occupationData">{{occupation.name}}
|
||||||
<mat-option value="{{occupation.occupation_non_earning_member_id}}"
|
|
||||||
*ngFor="let occupation of occupationData">{{occupation.name}}
|
|
||||||
</mat-option>
|
</mat-option>
|
||||||
</mat-select>
|
</mat-select>
|
||||||
</mat-form-field>
|
</mat-form-field>
|
||||||
<mat-form-field *ngIf="members['controls'].occupation.value==3">
|
<mat-form-field *ngIf="members['controls'].occupation.value==3">
|
||||||
<input matInput placeholder="Retired From"
|
<input matInput placeholder="Retired From" formControlName="retired">
|
||||||
formControlName="retired">
|
|
||||||
</mat-form-field>
|
</mat-form-field>
|
||||||
<mat-form-field *ngIf="members['controls'].occupation.value==9">
|
<mat-form-field *ngIf="members['controls'].occupation.value==9">
|
||||||
<input matInput placeholder="Specify Others Occupation"
|
<input matInput placeholder="Specify Others Occupation" formControlName="others_occupation">
|
||||||
formControlName="others_occupation">
|
|
||||||
</mat-form-field>
|
</mat-form-field>
|
||||||
<button type="button" mat-raised-button mat-icon-button (click)="addMembers()" color="primary"
|
<button type="button" mat-raised-button mat-icon-button (click)="addMembers()" color="primary" matTooltip="Add More Non Earning Members"
|
||||||
matTooltip="Add More Non Earning Members" matTooltipPosition="above" *ngIf="i==0">
|
matTooltipPosition="above" *ngIf="i==0">
|
||||||
<mat-icon>add</mat-icon>
|
<mat-icon>add</mat-icon>
|
||||||
</button>
|
</button>
|
||||||
<button type="button" mat-raised-button mat-icon-button (click)="deleteMembers(i)"
|
<button type="button" mat-raised-button mat-icon-button (click)="deleteMembers(i)" matTooltip="Delete" matTooltipPosition="above"
|
||||||
matTooltip="Delete" matTooltipPosition="above" *ngIf="i>0">
|
*ngIf="i>0">
|
||||||
<mat-icon>delete</mat-icon>
|
<mat-icon>delete</mat-icon>
|
||||||
</button>
|
</button>
|
||||||
</mat-card-content>
|
</mat-card-content>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</mat-card>
|
</mat-card>-->
|
||||||
<mat-card>
|
|
||||||
<mat-card-header>
|
|
||||||
<p>Residence </p>
|
|
||||||
</mat-card-header>
|
|
||||||
<mat-card-content class="matcard">
|
|
||||||
<mat-form-field>
|
|
||||||
<input matInput placeholder="Residence Address"
|
|
||||||
formControlName="residence" required>
|
|
||||||
</mat-form-field>
|
|
||||||
<mat-form-field>
|
|
||||||
<input matInput placeholder="Number of yrs" formControlName="years" required>
|
|
||||||
</mat-form-field>
|
|
||||||
<mat-form-field>
|
|
||||||
<mat-select placeholder="Ownership" formControlName="ownership" required>
|
|
||||||
<mat-option value="{{ownerShip.id}}"
|
|
||||||
*ngFor="let ownerShip of ownerShipData">
|
|
||||||
{{ownerShip.name}}
|
|
||||||
</mat-option>
|
|
||||||
</mat-select>
|
|
||||||
</mat-form-field>
|
|
||||||
<mat-form-field *ngIf="ownership.value ==4">
|
|
||||||
<input matInput placeholder="Please specify" formControlName="ownershipOther">
|
|
||||||
</mat-form-field>
|
|
||||||
<mat-form-field *ngIf="ownership.value ==3">
|
|
||||||
<input matInput placeholder="Rent Amount"
|
|
||||||
formControlName="rent">
|
|
||||||
</mat-form-field>
|
|
||||||
</mat-card-content>
|
|
||||||
</mat-card>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
@ -170,112 +249,98 @@
|
|||||||
|
|
||||||
<mat-tab label="Docs">
|
<mat-tab label="Docs">
|
||||||
<ng-template matTabContent>
|
<ng-template matTabContent>
|
||||||
<div fxLayout="row wrap">
|
<div ngxViewer>
|
||||||
<div fxFlex="25" class="m-gap p-gap">
|
<div fxLayout="row wrap" style="padding:20px;">
|
||||||
<div class="p-list-main mb-2">
|
<div fxFlex="100">
|
||||||
|
<div fxFlex="20" class="m-gap p-gap">
|
||||||
|
<div class="p-list-main mb-2" style="width: 60%;height: auto;">
|
||||||
<div class="p-list">
|
<div class="p-list">
|
||||||
|
<div class="top"> <img src="https://picsum.photos/2000/1500/?random=1" alt="Image 1"></div>
|
||||||
<div class="top"><img src="./../../../../../../../assets/images/face2.jpg" alt=""/></div>
|
|
||||||
<div class="bottom">
|
|
||||||
<div class="left">
|
|
||||||
<div class="details">
|
|
||||||
<small>Nivi SKM</small>
|
|
||||||
<!-- <p>{{docs.pd_document_name}}</p> -->
|
|
||||||
</div>
|
|
||||||
<!-- <div class="buy"><i class="material-icons">add_shopping_cart</i></div> -->
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div fxFlex="20" class="m-gap p-gap">
|
||||||
</div>
|
<div class="p-list-main mb-2" style="width: 60%;height: auto;">
|
||||||
<div fxFlex="25" class="m-gap p-gap">
|
|
||||||
<div class="p-list-main mb-2">
|
|
||||||
<div class="p-list">
|
<div class="p-list">
|
||||||
|
<div class="top"> <img src="https://picsum.photos/2000/1500/?random=2" alt="Image 2"></div>
|
||||||
<div class="top"><img src="./../../../../../../../assets/images/face1.jpg" alt=""/></div>
|
|
||||||
<div class="bottom">
|
|
||||||
<div class="left">
|
|
||||||
<div class="details">
|
|
||||||
<small>Nivi SKM</small>
|
|
||||||
<!-- <p>{{docs.pd_document_name}}</p> -->
|
|
||||||
</div>
|
|
||||||
<!-- <div class="buy"><i class="material-icons">add_shopping_cart</i></div> -->
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div fxFlex="20" class="m-gap p-gap">
|
||||||
</div>
|
<div class="p-list-main mb-2" style="width: 60%;height: auto;">
|
||||||
<div fxFlex="25" class="m-gap p-gap">
|
|
||||||
<div class="p-list-main mb-2">
|
|
||||||
<div class="p-list">
|
<div class="p-list">
|
||||||
|
<div class="top"><img src="https://picsum.photos/2000/1500/?random=3" alt="Image 3"></div>
|
||||||
<div class="top"><img src="./../../../../../../../assets/images/face1.jpg" alt=""/></div>
|
|
||||||
<div class="bottom">
|
|
||||||
<div class="left">
|
|
||||||
<div class="details">
|
|
||||||
<small>Nivi SKM</small>
|
|
||||||
<!-- <p>{{docs.pd_document_name}}</p> -->
|
|
||||||
</div>
|
|
||||||
<!-- <div class="buy"><i class="material-icons">add_shopping_cart</i></div> -->
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div fxFlex="20" class="m-gap p-gap">
|
||||||
</div>
|
<div class="p-list-main mb-2" style="width: 60%;height: auto;">
|
||||||
<div fxFlex="25" class="m-gap p-gap">
|
|
||||||
<div class="p-list-main mb-2">
|
|
||||||
<div class="p-list">
|
<div class="p-list">
|
||||||
|
<div class="top"> <img src="https://picsum.photos/2000/1500/?random=2" alt="Image 2"></div>
|
||||||
<div class="top"><img src="./../../../../../../../assets/images/face1.jpg" alt=""/></div>
|
|
||||||
<div class="bottom">
|
|
||||||
<div class="left">
|
|
||||||
<div class="details">
|
|
||||||
<small>Nivi SKM</small>
|
|
||||||
<!-- <p>{{docs.pd_document_name}}</p> -->
|
|
||||||
</div>
|
|
||||||
<!-- <div class="buy"><i class="material-icons">add_shopping_cart</i></div> -->
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div fxFlex="20" class="m-gap p-gap">
|
||||||
</div>
|
<div class="p-list-main mb-2" style="width: 60%;height: auto;">
|
||||||
<div fxFlex="25" class="m-gap p-gap">
|
|
||||||
<div class="p-list-main mb-2">
|
|
||||||
<div class="p-list">
|
<div class="p-list">
|
||||||
|
<div class="top"><img src="https://picsum.photos/2000/1500/?random=3" alt="Image 3"></div>
|
||||||
<div class="top"><img src="./../../../../../../../assets/images/face1.jpg" alt=""/></div>
|
|
||||||
<div class="bottom">
|
|
||||||
<div class="left">
|
|
||||||
<div class="details">
|
|
||||||
<small>Nivi SKM</small>
|
|
||||||
<!-- <p>{{docs.pd_document_name}}</p> -->
|
|
||||||
</div>
|
|
||||||
<!-- <div class="buy"><i class="material-icons">add_shopping_cart</i></div> -->
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div fxFlex="20" class="m-gap p-gap">
|
||||||
</div>
|
<div class="p-list-main mb-2" style="width: 60%;height: auto;">
|
||||||
<div fxFlex="25" class="m-gap p-gap">
|
|
||||||
<div class="p-list-main mb-2">
|
|
||||||
<div class="p-list">
|
<div class="p-list">
|
||||||
|
<div class="top"> <img src="https://picsum.photos/2000/1500/?random=1" alt="Image 1"></div>
|
||||||
<div class="top"><img src="./../../../../../../../assets/images/face1.jpg" alt=""/></div>
|
|
||||||
<div class="bottom">
|
|
||||||
<div class="left">
|
|
||||||
<div class="details">
|
|
||||||
<small>Nivi SKM</small>
|
|
||||||
<!-- <p>{{docs.pd_document_name}}</p> -->
|
|
||||||
</div>
|
</div>
|
||||||
<!-- <div class="buy"><i class="material-icons">add_shopping_cart</i></div> -->
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div fxFlex="row">
|
||||||
|
<div fxFlex="100" class="m-gap p-gap">
|
||||||
|
<div fxLayout="row" fxLayoutWrap="wrap">
|
||||||
|
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="20" fxFlex.lg="20" fxFlex.xl="20">
|
||||||
|
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
|
||||||
|
</div>
|
||||||
|
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="20" fxFlex.lg="20" fxFlex.xl="20">
|
||||||
|
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
|
||||||
|
</div>
|
||||||
|
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="20" fxFlex.lg="20" fxFlex.xl="20">
|
||||||
|
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
|
||||||
|
</div>
|
||||||
|
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="20" fxFlex.lg="20" fxFlex.xl="20">
|
||||||
|
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
|
||||||
|
</div>
|
||||||
|
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="20" fxFlex.lg="20" fxFlex.xl="20">
|
||||||
|
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
|
||||||
|
</div>
|
||||||
|
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="20" fxFlex.lg="20" fxFlex.xl="20">
|
||||||
|
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div fxLayout="row" fxLayoutWrap="wrap">
|
||||||
|
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="25" fxFlex.lg="25" fxFlex.xl="25">
|
||||||
|
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
|
||||||
|
</div>
|
||||||
|
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="25" fxFlex.lg="25" fxFlex.xl="25">
|
||||||
|
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
|
||||||
|
</div>
|
||||||
|
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="25" fxFlex.lg="25" fxFlex.xl="25">
|
||||||
|
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
|
||||||
|
</div>
|
||||||
|
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="25" fxFlex.lg="25" fxFlex.xl="25">
|
||||||
|
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
|
||||||
|
</div>
|
||||||
|
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="20" fxFlex.lg="20" fxFlex.xl="20">
|
||||||
|
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
|
||||||
|
</div>
|
||||||
|
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="20" fxFlex.lg="20" fxFlex.xl="20">
|
||||||
|
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</ng-template>
|
</ng-template>
|
||||||
</mat-tab>
|
</mat-tab>
|
||||||
|
|
||||||
@ -311,7 +376,7 @@
|
|||||||
<mat-card-content>
|
<mat-card-content>
|
||||||
<p>Family Details</p>
|
<p>Family Details</p>
|
||||||
<form class="address" [formGroup]="familyForm"> -->
|
<form class="address" [formGroup]="familyForm"> -->
|
||||||
<!-- <mat-form-field>
|
<!-- <mat-form-field>
|
||||||
<mat-select placeholder="Person Met" formControlName="person" required>
|
<mat-select placeholder="Person Met" formControlName="person" required>
|
||||||
<mat-option *ngFor="let personMet of personMetData" [value]="personMet.person_met_id">
|
<mat-option *ngFor="let personMet of personMetData" [value]="personMet.person_met_id">
|
||||||
{{personMet.person_met_name}}
|
{{personMet.person_met_name}}
|
||||||
@ -321,7 +386,7 @@
|
|||||||
<mat-form-field *ngIf="person.value ==8">
|
<mat-form-field *ngIf="person.value ==8">
|
||||||
<input matInput placeholder="Enter the relationship" formControlName="personOther">
|
<input matInput placeholder="Enter the relationship" formControlName="personOther">
|
||||||
</mat-form-field> -->
|
</mat-form-field> -->
|
||||||
<!-- <mat-form-field>
|
<!-- <mat-form-field>
|
||||||
<input matInput placeholder="Number Of Family Members" formControlName="members" required>
|
<input matInput placeholder="Number Of Family Members" formControlName="members" required>
|
||||||
</mat-form-field>
|
</mat-form-field>
|
||||||
<mat-card>
|
<mat-card>
|
||||||
|
|||||||
@ -30,22 +30,28 @@ import {ActivatedRoute, Router} from "@angular/router";
|
|||||||
})
|
})
|
||||||
export class FamilyDetailsComponent implements OnInit {
|
export class FamilyDetailsComponent implements OnInit {
|
||||||
//@Input() pdid: number;
|
//@Input() pdid: number;
|
||||||
pageTitle: string ="Family Details";
|
pageTitle: string ="Other Family Details";
|
||||||
pdid : string;
|
pdid : string;
|
||||||
form_id : number;
|
form_id : number;
|
||||||
|
|
||||||
public currentLoanForm: FormGroup;
|
|
||||||
private notifier: NotifierService;
|
private notifier: NotifierService;
|
||||||
public familyForm: FormGroup;
|
public familyForm: FormGroup;
|
||||||
|
|
||||||
// public person: AbstractControl;
|
selectPerson = [{
|
||||||
// public personOther: AbstractControl;
|
name : 'person 1',
|
||||||
public members: AbstractControl;
|
id : 111
|
||||||
public residence: AbstractControl;
|
}, {
|
||||||
public years: AbstractControl;
|
name : 'person 2',
|
||||||
public ownership: AbstractControl;
|
id : 222
|
||||||
public ownershipOther: AbstractControl;
|
}];
|
||||||
public rent: AbstractControl;
|
|
||||||
|
earningStatus = [{
|
||||||
|
type: 'Earning',
|
||||||
|
id: 1
|
||||||
|
}, {
|
||||||
|
type: 'Non Earning',
|
||||||
|
id: 2
|
||||||
|
}]
|
||||||
|
|
||||||
relationData: any = [];
|
relationData: any = [];
|
||||||
occupationData: any = [];
|
occupationData: any = [];
|
||||||
@ -68,7 +74,7 @@ export class FamilyDetailsComponent implements OnInit {
|
|||||||
this.getMasterDetails('OCCUPATIONMEMBERS',2);
|
this.getMasterDetails('OCCUPATIONMEMBERS',2);
|
||||||
//this.getMasterDetails('PERSONSMET',3);
|
//this.getMasterDetails('PERSONSMET',3);
|
||||||
this.getMasterDetails('RESIDENCEOWNERSHIP',4);
|
this.getMasterDetails('RESIDENCEOWNERSHIP',4);
|
||||||
this.getMasterDetails('CUSTOMERSEGMENT',5)
|
this.getMasterDetails('CUSTOMERSEGMENT',5);
|
||||||
this.initFamilyForm();
|
this.initFamilyForm();
|
||||||
let params: any = {};
|
let params: any = {};
|
||||||
params.pd_id = this.pdid;
|
params.pd_id = this.pdid;
|
||||||
@ -77,131 +83,118 @@ export class FamilyDetailsComponent implements OnInit {
|
|||||||
const control = <FormArray>this.familyForm.controls['nonEarningMembers'];
|
const control = <FormArray>this.familyForm.controls['nonEarningMembers'];
|
||||||
const value = <FormArray>this.familyForm.controls['earningMembers'];
|
const value = <FormArray>this.familyForm.controls['earningMembers'];
|
||||||
if (data.status == 200) {
|
if (data.status == 200) {
|
||||||
var result = Object.keys(data.records.non_earning_members).map(function (key) {
|
this.familyForm.controls.selected_person.setValue(data.records.selected_person);
|
||||||
return data.records.non_earning_members[key];
|
this.familyForm.controls.residence_place.setValue(data.records.residence_place);
|
||||||
});
|
this.familyForm.controls.residence_city.setValue(data.records.residence_city);
|
||||||
var earning = Object.keys(data.records.earning_members).map(function (key) {
|
this.familyForm.controls.residence_state.setValue(data.records.residence_state);
|
||||||
return data.records.earning_members[key];
|
this.familyForm.controls.residence_pin.setValue(data.records.residence_pin);
|
||||||
});
|
this.familyForm.controls.residence_No_of_years.setValue(data.records.residence_No_of_years);
|
||||||
// this.familyForm.controls.person.setValue(data.records.person_met);
|
this.familyForm.controls.residence_ownership.setValue(data.records.residence_ownership);
|
||||||
// if (data.records.person_met_other) {
|
this.familyForm.controls.ownershipOther.setValue(data.records.ownershipOther);
|
||||||
// this.familyForm.controls.personOther.setValue(data.records.person_met_other);
|
this.familyForm.controls.rent.setValue(data.records.rent);
|
||||||
// }
|
this.familyForm.controls.total_number_of_family_members.setValue(data.records.total_number_of_family_members);
|
||||||
this.familyForm.controls.members.setValue(data.records.family_members);
|
|
||||||
this.familyForm.controls.years.setValue(data.records.no_of_years);
|
|
||||||
this.familyForm.controls.ownership.setValue(data.records.ownership);
|
|
||||||
this.familyForm.controls.family_details_form_remark.setValue(data.records.family_details_form_remark);
|
this.familyForm.controls.family_details_form_remark.setValue(data.records.family_details_form_remark);
|
||||||
|
this.generateFamilyMembersDetailsGetData(data.records.family_members_details);
|
||||||
|
} else {
|
||||||
|
// value.push(this.createMembers());
|
||||||
|
// control.push(this.createNonMembers());
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
if (data.records.ownership_others) {
|
initgenerateFamilyMembersDetailsGet(val): FormGroup {
|
||||||
this.familyForm.controls.ownershipOther.setValue(data.records.ownership_others);
|
return this.fb.group({
|
||||||
|
family_member_name : [val.family_member_name, Validators.compose([])],
|
||||||
|
family_member_relationship : [val.family_member_relationship, Validators.compose([])],
|
||||||
|
family_member_age : [val.family_member_age, Validators.compose([])],
|
||||||
|
family_member_earning_status : [val.family_member_earning_status, Validators.compose([])],
|
||||||
|
earning_segment: [val.earning_segment, Validators.compose([])],
|
||||||
|
earning_gross_income_per_month: [val.earning_gross_income_per_month, Validators.compose([])],
|
||||||
|
earning_name_of_the_employer_or_business: [val.earning_name_of_the_employer_or_business, Validators.compose([])],
|
||||||
|
earning_number_of_years_in_employment_or_business: [val.earning_number_of_years_in_employment_or_business, Validators.compose([])],
|
||||||
|
non_earning_occupation: [val.non_earning_occupation, Validators.compose([])],
|
||||||
|
non_earning_if_others: [val.non_earning_if_others, Validators.compose([])],
|
||||||
|
non_earning_if_retired_from: [val.non_earning_if_retired_from, Validators.compose([])],
|
||||||
|
})
|
||||||
}
|
}
|
||||||
this.familyForm.controls.rent.setValue(data.records.what_rent);
|
|
||||||
if (result.length == 0) {
|
generateFamilyMembersDetailsGetData(data) {
|
||||||
control.push(this.createNonMembers());
|
var result = Object.keys(data).map(function (key) {
|
||||||
} else {
|
return data[key];
|
||||||
result.forEach(datas => {
|
|
||||||
control.push(this.createNonMembers());
|
|
||||||
});
|
});
|
||||||
this.familyForm.controls.nonEarningMembers.setValue(result);
|
if (result.length > 0) {
|
||||||
|
for (let val of result) {
|
||||||
|
const control = <FormArray>this.familyForm.controls['family_members_details'];
|
||||||
|
control.push(this.initgenerateFamilyMembersDetailsGet(val));
|
||||||
}
|
}
|
||||||
if (earning.length == 0) {
|
|
||||||
value.push(this.createMembers());
|
|
||||||
} else {
|
|
||||||
earning.forEach(datas => {
|
|
||||||
value.push(this.createMembers());
|
|
||||||
});
|
|
||||||
this.familyForm.controls.earningMembers.setValue(earning);
|
|
||||||
}
|
}
|
||||||
this.familyForm.controls.residence.setValue(data.records.residence);
|
|
||||||
} else {
|
|
||||||
value.push(this.createMembers());
|
|
||||||
control.push(this.createNonMembers());
|
|
||||||
}
|
}
|
||||||
});
|
|
||||||
|
onSearchChange(e):void {
|
||||||
|
e.preventDefault();
|
||||||
}
|
}
|
||||||
public initFamilyForm(): void {
|
public initFamilyForm(): void {
|
||||||
this.familyForm = this.fb.group({
|
this.familyForm = this.fb.group({
|
||||||
// person: ['', Validators.compose([Validators.required])],
|
selected_person: ['', Validators.compose([Validators.required])],
|
||||||
// personOther: [''],
|
// personOther: [''],
|
||||||
members: ['', Validators.compose([Validators.required])],
|
// members: ['', Validators.compose([Validators.required])],
|
||||||
residence: ['', Validators.compose([Validators.required])],
|
residence_place: ['', Validators.compose([])],
|
||||||
years: ['', Validators.compose([Validators.required])],
|
residence_city: ['', Validators.compose([])],
|
||||||
ownership: ['', Validators.compose([Validators.required])],
|
residence_state: ['', Validators.compose([])],
|
||||||
|
residence_pin: ['', Validators.compose([])],
|
||||||
|
residence_No_of_years: ['', Validators.compose([])],
|
||||||
|
residence_ownership: ['', Validators.compose([])],
|
||||||
ownershipOther: [''],
|
ownershipOther: [''],
|
||||||
rent: [''],
|
rent: [''],
|
||||||
earningMembers: this.fb.array([]),
|
|
||||||
nonEarningMembers: this.fb.array([]),
|
total_number_of_family_members: ['', Validators.compose([Validators.min(1), Validators.max(20)])],
|
||||||
|
|
||||||
|
family_members_details: this.fb.array([]),
|
||||||
|
// earningMembers: this.fb.array([]),
|
||||||
|
// nonEarningMembers: this.fb.array([]),
|
||||||
family_details_form_remark: ['']
|
family_details_form_remark: ['']
|
||||||
});
|
});
|
||||||
// this.person = this.familyForm.controls['person'];
|
|
||||||
// this.personOther = this.familyForm.controls['personOther'];
|
|
||||||
this.members = this.familyForm.controls['members'];
|
|
||||||
this.residence = this.familyForm.controls['residence'];
|
|
||||||
this.years = this.familyForm.controls['years'];
|
|
||||||
this.ownership = this.familyForm.controls['ownership'];
|
|
||||||
this.ownershipOther = this.familyForm.controls['ownershipOther'];
|
|
||||||
this.rent = this.familyForm.controls['rent'];
|
|
||||||
}
|
}
|
||||||
createMembers(): FormGroup {
|
|
||||||
|
|
||||||
|
getNumberOfFamilyMemberDetails(){
|
||||||
|
// alert(this.familyForm.controls.total_number_of_family_members.valid);
|
||||||
|
if(this.familyForm.controls.total_number_of_family_members.valid){
|
||||||
|
let totalMem = this.familyForm.get('total_number_of_family_members').value;
|
||||||
|
const control = <FormArray>this.familyForm.controls.family_members_details;
|
||||||
|
if(totalMem > control.length) {
|
||||||
|
let len = totalMem - control.length;
|
||||||
|
for(let i = 0; i < len; i++){
|
||||||
|
control.push(this.generateFamilyMembersDetailsGet());
|
||||||
|
}
|
||||||
|
} else if (totalMem < control.length) {
|
||||||
|
// control.controls.slice(0, totalMem);
|
||||||
|
control.controls = [];
|
||||||
|
for(let i = 0; i < totalMem; i++){
|
||||||
|
control.push(this.generateFamilyMembersDetailsGet());
|
||||||
|
}
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
generateFamilyMembersDetailsGet(): FormGroup {
|
||||||
return this.fb.group({
|
return this.fb.group({
|
||||||
earning_member_name : ['', Validators.compose([Validators.required])],
|
family_member_name : ['', Validators.compose([])],
|
||||||
earning_member_age : ['', Validators.compose([Validators.required])],
|
family_member_relationship : ['', Validators.compose([])],
|
||||||
relation: ['', Validators.compose([Validators.required])],
|
family_member_age : ['', Validators.compose([])],
|
||||||
segment: ['', Validators.compose([Validators.required])],
|
family_member_earning_status : ['', Validators.compose([])],
|
||||||
income: ['', Validators.compose([Validators.required])],
|
earning_segment: ['', Validators.compose([])],
|
||||||
employer_name: ['', Validators.compose([Validators.required])],
|
earning_gross_income_per_month: ['', Validators.compose([])],
|
||||||
});
|
earning_name_of_the_employer_or_business: ['', Validators.compose([])],
|
||||||
}
|
earning_number_of_years_in_employment_or_business: ['', Validators.compose([])],
|
||||||
createNonMembers(): FormGroup {
|
non_earning_occupation: ['', Validators.compose([])],
|
||||||
return this.fb.group({
|
non_earning_if_others: ['', Validators.compose([])],
|
||||||
non_earning_member_name : ['', Validators.compose([Validators.required])],
|
non_earning_if_retired_from: ['', Validators.compose([])],
|
||||||
non_earning_member_age : ['', Validators.compose([Validators.required])],
|
})
|
||||||
relationship: ['', Validators.compose([Validators.required])],
|
|
||||||
occupation: ['', Validators.compose([Validators.required])],
|
|
||||||
retired: [''],
|
|
||||||
others_occupation : ['']
|
|
||||||
});
|
|
||||||
}
|
}
|
||||||
|
|
||||||
addearningMembers() {
|
|
||||||
|
|
||||||
const control = <FormArray>this.familyForm.controls['earningMembers'];
|
|
||||||
//this.earnMemberArrCount = control.length;
|
|
||||||
|
|
||||||
if(control.length == this.familyForm.controls['members'].value)
|
|
||||||
{
|
|
||||||
|
|
||||||
}else{
|
|
||||||
control.push(this.createMembers());
|
|
||||||
//console.log('Add earn member',this.familyForm.controls['members'].value);
|
|
||||||
}
|
|
||||||
|
|
||||||
// console.log(this.earnMemberArrCount);
|
|
||||||
// console.log(this.nonEarnMemberArrCount);
|
|
||||||
}
|
|
||||||
addMembers() {
|
|
||||||
const control = <FormArray>this.familyForm.controls['nonEarningMembers'];
|
|
||||||
this.count++;
|
|
||||||
// this.nonEarnMemberArrCount = control.length;
|
|
||||||
// console.log(this.earnMemberArrCount);
|
|
||||||
// console.log(this.nonEarnMemberArrCount);
|
|
||||||
// if(control.length == this.familyForm.controls['members'].value)
|
|
||||||
// {
|
|
||||||
|
|
||||||
// }else{
|
|
||||||
// control.push(this.createNonMembers());
|
|
||||||
// }
|
|
||||||
|
|
||||||
|
|
||||||
}
|
|
||||||
deleteEarningMembers(index) {
|
|
||||||
const control = <FormArray>this.familyForm.controls['earningMembers'];
|
|
||||||
control.removeAt(index);
|
|
||||||
}
|
|
||||||
deleteMembers(index) {
|
|
||||||
const control = <FormArray>this.familyForm.controls['nonEarningMembers'];
|
|
||||||
control.removeAt(index);
|
|
||||||
}
|
|
||||||
// get all master details
|
// get all master details
|
||||||
getMasterDetails(table:string,type:number){
|
getMasterDetails(table:string,type:number){
|
||||||
this._pd.getAllMasterDatas(table).subscribe(
|
this._pd.getAllMasterDatas(table).subscribe(
|
||||||
@ -231,43 +224,10 @@ export class FamilyDetailsComponent implements OnInit {
|
|||||||
if (!this.familyForm.valid) {
|
if (!this.familyForm.valid) {
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
let records: any = {};
|
var records = this.familyForm.value;
|
||||||
records.no_of_years = this.years.value;
|
//To Remove The "Null" With Key also
|
||||||
if (this.ownership.value == 4) {
|
Object.keys(records).forEach((key) => (records[key] == null) && delete records[key]);
|
||||||
records.ownership_others = this.ownershipOther.value;
|
// records.other_family_details = answerFormValues;
|
||||||
}
|
|
||||||
records.ownership = this.ownership.value;
|
|
||||||
records.residence = this.residence.value;
|
|
||||||
if (this.ownership.value == 3) {
|
|
||||||
records.what_rent = this.rent.value;
|
|
||||||
}
|
|
||||||
// if (this.person.value == 8) {
|
|
||||||
// records.person_met_other = this.personOther.value;
|
|
||||||
// }
|
|
||||||
//records.person_met = this.person.value;
|
|
||||||
records.family_members = this.members.value;
|
|
||||||
records.earning_members = this.familyForm.controls['earningMembers'].value;
|
|
||||||
// filter re conditions
|
|
||||||
let non_earning_members_filter = this.familyForm.controls['nonEarningMembers'].value.map(function(obj) {
|
|
||||||
|
|
||||||
console.log(obj.occupation);
|
|
||||||
if(obj.occupation==3){
|
|
||||||
return obj;
|
|
||||||
}
|
|
||||||
else{
|
|
||||||
obj.retired='';
|
|
||||||
return obj;
|
|
||||||
}
|
|
||||||
if(obj.occupation==9){
|
|
||||||
return obj;
|
|
||||||
}
|
|
||||||
else{
|
|
||||||
obj.others_occupation='';
|
|
||||||
return obj;
|
|
||||||
}
|
|
||||||
});
|
|
||||||
records.non_earning_members = non_earning_members_filter;
|
|
||||||
records.family_details_form_remark = this.familyForm.controls['family_details_form_remark'].value;
|
|
||||||
records.pdid = this.pdid;
|
records.pdid = this.pdid;
|
||||||
records.formid = '6';
|
records.formid = '6';
|
||||||
// records.fk_createdby = '251';
|
// records.fk_createdby = '251';
|
||||||
@ -277,25 +237,25 @@ export class FamilyDetailsComponent implements OnInit {
|
|||||||
this.notifier.notify('warning', 'Something Wents Wrong Try Again.!');
|
this.notifier.notify('warning', 'Something Wents Wrong Try Again.!');
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
validateAllFormFields(formGroup: FormGroup) {
|
// validateAllFormFields(formGroup: FormGroup) {
|
||||||
Object.keys(formGroup.controls).forEach(field => {
|
// Object.keys(formGroup.controls).forEach(field => {
|
||||||
const control = formGroup.get(field);
|
// const control = formGroup.get(field);
|
||||||
if (control instanceof FormControl) {
|
// if (control instanceof FormControl) {
|
||||||
control.markAsTouched({onlySelf: true});
|
// control.markAsTouched({onlySelf: true});
|
||||||
} else if (control instanceof FormGroup) {
|
// } else if (control instanceof FormGroup) {
|
||||||
this.validateAllFormFields(control);
|
// this.validateAllFormFields(control);
|
||||||
}
|
// }
|
||||||
});
|
// });
|
||||||
}
|
// }
|
||||||
|
|
||||||
/** On Key Press Event For Age */
|
// /** On Key Press Event For Age */
|
||||||
keyPress(event: any) {
|
// keyPress(event: any) {
|
||||||
const pattern = /[0-9]/;
|
// const pattern = /[0-9]/;
|
||||||
|
|
||||||
let inputChar = String.fromCharCode(event.charCode);
|
// let inputChar = String.fromCharCode(event.charCode);
|
||||||
if (event.keyCode != 8 && !pattern.test(inputChar)) {
|
// if (event.keyCode != 8 && !pattern.test(inputChar)) {
|
||||||
event.preventDefault();
|
// event.preventDefault();
|
||||||
}
|
// }
|
||||||
}
|
// }
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|||||||
@ -139,112 +139,96 @@
|
|||||||
</mat-tab>
|
</mat-tab>
|
||||||
<mat-tab label="Docs">
|
<mat-tab label="Docs">
|
||||||
<ng-template matTabContent>
|
<ng-template matTabContent>
|
||||||
<div fxLayout="row wrap">
|
<div fxLayout="row wrap" style="padding:20px;">
|
||||||
<div fxFlex="25" class="m-gap p-gap">
|
<div fxFlex="100">
|
||||||
<div class="p-list-main mb-2">
|
<div fxFlex="20" class="m-gap p-gap">
|
||||||
|
<div class="p-list-main mb-2" style="width: 60%;height: auto;">
|
||||||
<div class="p-list">
|
<div class="p-list">
|
||||||
|
<div class="top"> <img src="https://picsum.photos/2000/1500/?random=1" alt="Image 1"></div>
|
||||||
<div class="top"><img src="./../../../../../../../assets/images/face2.jpg" alt=""/></div>
|
|
||||||
<div class="bottom">
|
|
||||||
<div class="left">
|
|
||||||
<div class="details">
|
|
||||||
<small>Nivi SKM</small>
|
|
||||||
<!-- <p>{{docs.pd_document_name}}</p> -->
|
|
||||||
</div>
|
|
||||||
<!-- <div class="buy"><i class="material-icons">add_shopping_cart</i></div> -->
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div fxFlex="20" class="m-gap p-gap">
|
||||||
</div>
|
<div class="p-list-main mb-2" style="width: 60%;height: auto;">
|
||||||
<div fxFlex="25" class="m-gap p-gap">
|
|
||||||
<div class="p-list-main mb-2">
|
|
||||||
<div class="p-list">
|
<div class="p-list">
|
||||||
|
<div class="top"> <img src="https://picsum.photos/2000/1500/?random=2" alt="Image 2"></div>
|
||||||
<div class="top"><img src="./../../../../../../../assets/images/face1.jpg" alt=""/></div>
|
|
||||||
<div class="bottom">
|
|
||||||
<div class="left">
|
|
||||||
<div class="details">
|
|
||||||
<small>Nivi SKM</small>
|
|
||||||
<!-- <p>{{docs.pd_document_name}}</p> -->
|
|
||||||
</div>
|
|
||||||
<!-- <div class="buy"><i class="material-icons">add_shopping_cart</i></div> -->
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div fxFlex="20" class="m-gap p-gap">
|
||||||
</div>
|
<div class="p-list-main mb-2" style="width: 60%;height: auto;">
|
||||||
<div fxFlex="25" class="m-gap p-gap">
|
|
||||||
<div class="p-list-main mb-2">
|
|
||||||
<div class="p-list">
|
<div class="p-list">
|
||||||
|
<div class="top"><img src="https://picsum.photos/2000/1500/?random=3" alt="Image 3"></div>
|
||||||
<div class="top"><img src="./../../../../../../../assets/images/face1.jpg" alt=""/></div>
|
|
||||||
<div class="bottom">
|
|
||||||
<div class="left">
|
|
||||||
<div class="details">
|
|
||||||
<small>Nivi SKM</small>
|
|
||||||
<!-- <p>{{docs.pd_document_name}}</p> -->
|
|
||||||
</div>
|
|
||||||
<!-- <div class="buy"><i class="material-icons">add_shopping_cart</i></div> -->
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div fxFlex="20" class="m-gap p-gap">
|
||||||
</div>
|
<div class="p-list-main mb-2" style="width: 60%;height: auto;">
|
||||||
<div fxFlex="25" class="m-gap p-gap">
|
|
||||||
<div class="p-list-main mb-2">
|
|
||||||
<div class="p-list">
|
<div class="p-list">
|
||||||
|
<div class="top"> <img src="https://picsum.photos/2000/1500/?random=2" alt="Image 2"></div>
|
||||||
<div class="top"><img src="./../../../../../../../assets/images/face1.jpg" alt=""/></div>
|
|
||||||
<div class="bottom">
|
|
||||||
<div class="left">
|
|
||||||
<div class="details">
|
|
||||||
<small>Nivi SKM</small>
|
|
||||||
<!-- <p>{{docs.pd_document_name}}</p> -->
|
|
||||||
</div>
|
|
||||||
<!-- <div class="buy"><i class="material-icons">add_shopping_cart</i></div> -->
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div fxFlex="20" class="m-gap p-gap">
|
||||||
</div>
|
<div class="p-list-main mb-2" style="width: 60%;height: auto;">
|
||||||
<div fxFlex="25" class="m-gap p-gap">
|
|
||||||
<div class="p-list-main mb-2">
|
|
||||||
<div class="p-list">
|
<div class="p-list">
|
||||||
|
<div class="top"><img src="https://picsum.photos/2000/1500/?random=3" alt="Image 3"></div>
|
||||||
<div class="top"><img src="./../../../../../../../assets/images/face1.jpg" alt=""/></div>
|
|
||||||
<div class="bottom">
|
|
||||||
<div class="left">
|
|
||||||
<div class="details">
|
|
||||||
<small>Nivi SKM</small>
|
|
||||||
<!-- <p>{{docs.pd_document_name}}</p> -->
|
|
||||||
</div>
|
|
||||||
<!-- <div class="buy"><i class="material-icons">add_shopping_cart</i></div> -->
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div fxFlex="20" class="m-gap p-gap">
|
||||||
</div>
|
<div class="p-list-main mb-2" style="width: 60%;height: auto;">
|
||||||
<div fxFlex="25" class="m-gap p-gap">
|
|
||||||
<div class="p-list-main mb-2">
|
|
||||||
<div class="p-list">
|
<div class="p-list">
|
||||||
|
<div class="top"> <img src="https://picsum.photos/2000/1500/?random=1" alt="Image 1"></div>
|
||||||
<div class="top"><img src="./../../../../../../../assets/images/face1.jpg" alt=""/></div>
|
|
||||||
<div class="bottom">
|
|
||||||
<div class="left">
|
|
||||||
<div class="details">
|
|
||||||
<small>Nivi SKM</small>
|
|
||||||
<!-- <p>{{docs.pd_document_name}}</p> -->
|
|
||||||
</div>
|
</div>
|
||||||
<!-- <div class="buy"><i class="material-icons">add_shopping_cart</i></div> -->
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div fxFlex="row">
|
||||||
|
<div fxFlex="100" class="m-gap p-gap">
|
||||||
|
<div fxLayout="row" fxLayoutWrap="wrap">
|
||||||
|
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="20" fxFlex.lg="20" fxFlex.xl="20">
|
||||||
|
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
|
||||||
|
</div>
|
||||||
|
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="20" fxFlex.lg="20" fxFlex.xl="20">
|
||||||
|
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
|
||||||
|
</div>
|
||||||
|
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="20" fxFlex.lg="20" fxFlex.xl="20">
|
||||||
|
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
|
||||||
|
</div>
|
||||||
|
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="20" fxFlex.lg="20" fxFlex.xl="20">
|
||||||
|
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
|
||||||
|
</div>
|
||||||
|
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="20" fxFlex.lg="20" fxFlex.xl="20">
|
||||||
|
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
|
||||||
|
</div>
|
||||||
|
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="20" fxFlex.lg="20" fxFlex.xl="20">
|
||||||
|
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div fxLayout="row" fxLayoutWrap="wrap">
|
||||||
|
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="25" fxFlex.lg="25" fxFlex.xl="25">
|
||||||
|
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
|
||||||
|
</div>
|
||||||
|
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="25" fxFlex.lg="25" fxFlex.xl="25">
|
||||||
|
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
|
||||||
|
</div>
|
||||||
|
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="25" fxFlex.lg="25" fxFlex.xl="25">
|
||||||
|
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
|
||||||
|
</div>
|
||||||
|
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="25" fxFlex.lg="25" fxFlex.xl="25">
|
||||||
|
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
|
||||||
|
</div>
|
||||||
|
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="20" fxFlex.lg="20" fxFlex.xl="20">
|
||||||
|
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
|
||||||
|
</div>
|
||||||
|
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="20" fxFlex.lg="20" fxFlex.xl="20">
|
||||||
|
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</ng-template>
|
</ng-template>
|
||||||
</mat-tab>
|
</mat-tab>
|
||||||
|
|
||||||
|
|||||||
@ -48,6 +48,25 @@ export class FinancialInfoComponent implements OnInit {
|
|||||||
this.form_id = 14;
|
this.form_id = 14;
|
||||||
this.notifier = notifier;
|
this.notifier = notifier;
|
||||||
}
|
}
|
||||||
|
public viewerOptions: any = {
|
||||||
|
navbar: false,
|
||||||
|
toolbar: {
|
||||||
|
zoomIn: 4,
|
||||||
|
zoomOut: 4,
|
||||||
|
oneToOne: 4,
|
||||||
|
reset: 4,
|
||||||
|
prev: 4,
|
||||||
|
play: {
|
||||||
|
show: 4,
|
||||||
|
size: 'large',
|
||||||
|
},
|
||||||
|
next: 4,
|
||||||
|
rotateLeft: 4,
|
||||||
|
rotateRight: 4,
|
||||||
|
flipHorizontal: 4,
|
||||||
|
flipVertical: 4,
|
||||||
|
}
|
||||||
|
};
|
||||||
ngOnInit() {
|
ngOnInit() {
|
||||||
|
|
||||||
this.initstockForm();
|
this.initstockForm();
|
||||||
|
|||||||
@ -51,110 +51,95 @@
|
|||||||
|
|
||||||
<mat-tab label="Docs">
|
<mat-tab label="Docs">
|
||||||
<ng-template matTabContent>
|
<ng-template matTabContent>
|
||||||
<div fxLayout="row wrap">
|
<div fxLayout="row wrap" style="padding:20px;">
|
||||||
<div fxFlex="25" class="m-gap p-gap">
|
<div fxFlex="100">
|
||||||
<div class="p-list-main mb-2">
|
<div fxFlex="20" class="m-gap p-gap">
|
||||||
|
<div class="p-list-main mb-2" style="width: 60%;height: auto;">
|
||||||
<div class="p-list">
|
<div class="p-list">
|
||||||
|
<div class="top"> <img src="https://picsum.photos/2000/1500/?random=1" alt="Image 1"></div>
|
||||||
<div class="top"><img src="./../../../../../../../assets/images/face2.jpg" alt=""/></div>
|
|
||||||
<div class="bottom">
|
|
||||||
<div class="left">
|
|
||||||
<div class="details">
|
|
||||||
<small>Nivi SKM</small>
|
|
||||||
<!-- <p>{{docs.pd_document_name}}</p> -->
|
|
||||||
</div>
|
|
||||||
<!-- <div class="buy"><i class="material-icons">add_shopping_cart</i></div> -->
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div fxFlex="20" class="m-gap p-gap">
|
||||||
</div>
|
<div class="p-list-main mb-2" style="width: 60%;height: auto;">
|
||||||
<div fxFlex="25" class="m-gap p-gap">
|
|
||||||
<div class="p-list-main mb-2">
|
|
||||||
<div class="p-list">
|
<div class="p-list">
|
||||||
|
<div class="top"> <img src="https://picsum.photos/2000/1500/?random=2" alt="Image 2"></div>
|
||||||
<div class="top"><img src="./../../../../../../../assets/images/face1.jpg" alt=""/></div>
|
|
||||||
<div class="bottom">
|
|
||||||
<div class="left">
|
|
||||||
<div class="details">
|
|
||||||
<small>Nivi SKM</small>
|
|
||||||
<!-- <p>{{docs.pd_document_name}}</p> -->
|
|
||||||
</div>
|
|
||||||
<!-- <div class="buy"><i class="material-icons">add_shopping_cart</i></div> -->
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div fxFlex="20" class="m-gap p-gap">
|
||||||
</div>
|
<div class="p-list-main mb-2" style="width: 60%;height: auto;">
|
||||||
<div fxFlex="25" class="m-gap p-gap">
|
|
||||||
<div class="p-list-main mb-2">
|
|
||||||
<div class="p-list">
|
<div class="p-list">
|
||||||
|
<div class="top"><img src="https://picsum.photos/2000/1500/?random=3" alt="Image 3"></div>
|
||||||
<div class="top"><img src="./../../../../../../../assets/images/face1.jpg" alt=""/></div>
|
|
||||||
<div class="bottom">
|
|
||||||
<div class="left">
|
|
||||||
<div class="details">
|
|
||||||
<small>Nivi SKM</small>
|
|
||||||
<!-- <p>{{docs.pd_document_name}}</p> -->
|
|
||||||
</div>
|
|
||||||
<!-- <div class="buy"><i class="material-icons">add_shopping_cart</i></div> -->
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div fxFlex="20" class="m-gap p-gap">
|
||||||
</div>
|
<div class="p-list-main mb-2" style="width: 60%;height: auto;">
|
||||||
<div fxFlex="25" class="m-gap p-gap">
|
|
||||||
<div class="p-list-main mb-2">
|
|
||||||
<div class="p-list">
|
<div class="p-list">
|
||||||
|
<div class="top"> <img src="https://picsum.photos/2000/1500/?random=2" alt="Image 2"></div>
|
||||||
<div class="top"><img src="./../../../../../../../assets/images/face1.jpg" alt=""/></div>
|
|
||||||
<div class="bottom">
|
|
||||||
<div class="left">
|
|
||||||
<div class="details">
|
|
||||||
<small>Nivi SKM</small>
|
|
||||||
<!-- <p>{{docs.pd_document_name}}</p> -->
|
|
||||||
</div>
|
|
||||||
<!-- <div class="buy"><i class="material-icons">add_shopping_cart</i></div> -->
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div fxFlex="20" class="m-gap p-gap">
|
||||||
</div>
|
<div class="p-list-main mb-2" style="width: 60%;height: auto;">
|
||||||
<div fxFlex="25" class="m-gap p-gap">
|
|
||||||
<div class="p-list-main mb-2">
|
|
||||||
<div class="p-list">
|
<div class="p-list">
|
||||||
|
<div class="top"><img src="https://picsum.photos/2000/1500/?random=3" alt="Image 3"></div>
|
||||||
<div class="top"><img src="./../../../../../../../assets/images/face1.jpg" alt=""/></div>
|
|
||||||
<div class="bottom">
|
|
||||||
<div class="left">
|
|
||||||
<div class="details">
|
|
||||||
<small>Nivi SKM</small>
|
|
||||||
<!-- <p>{{docs.pd_document_name}}</p> -->
|
|
||||||
</div>
|
|
||||||
<!-- <div class="buy"><i class="material-icons">add_shopping_cart</i></div> -->
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div fxFlex="20" class="m-gap p-gap">
|
||||||
</div>
|
<div class="p-list-main mb-2" style="width: 60%;height: auto;">
|
||||||
<div fxFlex="25" class="m-gap p-gap">
|
|
||||||
<div class="p-list-main mb-2">
|
|
||||||
<div class="p-list">
|
<div class="p-list">
|
||||||
|
<div class="top"> <img src="https://picsum.photos/2000/1500/?random=1" alt="Image 1"></div>
|
||||||
<div class="top"><img src="./../../../../../../../assets/images/face1.jpg" alt=""/></div>
|
|
||||||
<div class="bottom">
|
|
||||||
<div class="left">
|
|
||||||
<div class="details">
|
|
||||||
<small>Nivi SKM</small>
|
|
||||||
<!-- <p>{{docs.pd_document_name}}</p> -->
|
|
||||||
</div>
|
|
||||||
<!-- <div class="buy"><i class="material-icons">add_shopping_cart</i></div> -->
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<div fxFlex="row">
|
||||||
|
<div fxFlex="100" class="m-gap p-gap">
|
||||||
|
<div fxLayout="row" fxLayoutWrap="wrap">
|
||||||
|
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="20" fxFlex.lg="20" fxFlex.xl="20">
|
||||||
|
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
|
||||||
|
</div>
|
||||||
|
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="20" fxFlex.lg="20" fxFlex.xl="20">
|
||||||
|
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
|
||||||
|
</div>
|
||||||
|
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="20" fxFlex.lg="20" fxFlex.xl="20">
|
||||||
|
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
|
||||||
|
</div>
|
||||||
|
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="20" fxFlex.lg="20" fxFlex.xl="20">
|
||||||
|
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
|
||||||
|
</div>
|
||||||
|
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="20" fxFlex.lg="20" fxFlex.xl="20">
|
||||||
|
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
|
||||||
|
</div>
|
||||||
|
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="20" fxFlex.lg="20" fxFlex.xl="20">
|
||||||
|
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div fxLayout="row" fxLayoutWrap="wrap">
|
||||||
|
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="25" fxFlex.lg="25" fxFlex.xl="25">
|
||||||
|
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
|
||||||
|
</div>
|
||||||
|
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="25" fxFlex.lg="25" fxFlex.xl="25">
|
||||||
|
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
|
||||||
|
</div>
|
||||||
|
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="25" fxFlex.lg="25" fxFlex.xl="25">
|
||||||
|
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
|
||||||
|
</div>
|
||||||
|
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="25" fxFlex.lg="25" fxFlex.xl="25">
|
||||||
|
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
|
||||||
|
</div>
|
||||||
|
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="20" fxFlex.lg="20" fxFlex.xl="20">
|
||||||
|
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
|
||||||
|
</div>
|
||||||
|
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="20" fxFlex.lg="20" fxFlex.xl="20">
|
||||||
|
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</ng-template>
|
</ng-template>
|
||||||
|
|||||||
@ -32,7 +32,25 @@ export class LenderRepresentativeComponent implements OnInit {
|
|||||||
this.form_id = 15;
|
this.form_id = 15;
|
||||||
this.notifier = notifier;
|
this.notifier = notifier;
|
||||||
}
|
}
|
||||||
|
public viewerOptions: any = {
|
||||||
|
navbar: false,
|
||||||
|
toolbar: {
|
||||||
|
zoomIn: 4,
|
||||||
|
zoomOut: 4,
|
||||||
|
oneToOne: 4,
|
||||||
|
reset: 4,
|
||||||
|
prev: 4,
|
||||||
|
play: {
|
||||||
|
show: 4,
|
||||||
|
size: 'large',
|
||||||
|
},
|
||||||
|
next: 4,
|
||||||
|
rotateLeft: 4,
|
||||||
|
rotateRight: 4,
|
||||||
|
flipHorizontal: 4,
|
||||||
|
flipVertical: 4,
|
||||||
|
}
|
||||||
|
};
|
||||||
ngOnInit() {
|
ngOnInit() {
|
||||||
this.initRepresentative();
|
this.initRepresentative();
|
||||||
let params: any = {};
|
let params: any = {};
|
||||||
|
|||||||
@ -183,110 +183,95 @@
|
|||||||
</mat-tab>
|
</mat-tab>
|
||||||
<mat-tab label="Docs">
|
<mat-tab label="Docs">
|
||||||
<ng-template matTabContent>
|
<ng-template matTabContent>
|
||||||
<div fxLayout="row wrap">
|
<div fxLayout="row wrap" style="padding:20px;">
|
||||||
<div fxFlex="25" class="m-gap p-gap">
|
<div fxFlex="100">
|
||||||
<div class="p-list-main mb-2">
|
<div fxFlex="20" class="m-gap p-gap">
|
||||||
|
<div class="p-list-main mb-2" style="width: 60%;height: auto;">
|
||||||
<div class="p-list">
|
<div class="p-list">
|
||||||
|
<div class="top"> <img src="https://picsum.photos/2000/1500/?random=1" alt="Image 1"></div>
|
||||||
<div class="top"><img src="./../../../../../../../assets/images/face2.jpg" alt=""/></div>
|
|
||||||
<div class="bottom">
|
|
||||||
<div class="left">
|
|
||||||
<div class="details">
|
|
||||||
<small>Nivi SKM</small>
|
|
||||||
<!-- <p>{{docs.pd_document_name}}</p> -->
|
|
||||||
</div>
|
|
||||||
<!-- <div class="buy"><i class="material-icons">add_shopping_cart</i></div> -->
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div fxFlex="20" class="m-gap p-gap">
|
||||||
</div>
|
<div class="p-list-main mb-2" style="width: 60%;height: auto;">
|
||||||
<div fxFlex="25" class="m-gap p-gap">
|
|
||||||
<div class="p-list-main mb-2">
|
|
||||||
<div class="p-list">
|
<div class="p-list">
|
||||||
|
<div class="top"> <img src="https://picsum.photos/2000/1500/?random=2" alt="Image 2"></div>
|
||||||
<div class="top"><img src="./../../../../../../../assets/images/face1.jpg" alt=""/></div>
|
|
||||||
<div class="bottom">
|
|
||||||
<div class="left">
|
|
||||||
<div class="details">
|
|
||||||
<small>Nivi SKM</small>
|
|
||||||
<!-- <p>{{docs.pd_document_name}}</p> -->
|
|
||||||
</div>
|
|
||||||
<!-- <div class="buy"><i class="material-icons">add_shopping_cart</i></div> -->
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div fxFlex="20" class="m-gap p-gap">
|
||||||
</div>
|
<div class="p-list-main mb-2" style="width: 60%;height: auto;">
|
||||||
<div fxFlex="25" class="m-gap p-gap">
|
|
||||||
<div class="p-list-main mb-2">
|
|
||||||
<div class="p-list">
|
<div class="p-list">
|
||||||
|
<div class="top"><img src="https://picsum.photos/2000/1500/?random=3" alt="Image 3"></div>
|
||||||
<div class="top"><img src="./../../../../../../../assets/images/face1.jpg" alt=""/></div>
|
|
||||||
<div class="bottom">
|
|
||||||
<div class="left">
|
|
||||||
<div class="details">
|
|
||||||
<small>Nivi SKM</small>
|
|
||||||
<!-- <p>{{docs.pd_document_name}}</p> -->
|
|
||||||
</div>
|
|
||||||
<!-- <div class="buy"><i class="material-icons">add_shopping_cart</i></div> -->
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div fxFlex="20" class="m-gap p-gap">
|
||||||
</div>
|
<div class="p-list-main mb-2" style="width: 60%;height: auto;">
|
||||||
<div fxFlex="25" class="m-gap p-gap">
|
|
||||||
<div class="p-list-main mb-2">
|
|
||||||
<div class="p-list">
|
<div class="p-list">
|
||||||
|
<div class="top"> <img src="https://picsum.photos/2000/1500/?random=2" alt="Image 2"></div>
|
||||||
<div class="top"><img src="./../../../../../../../assets/images/face1.jpg" alt=""/></div>
|
|
||||||
<div class="bottom">
|
|
||||||
<div class="left">
|
|
||||||
<div class="details">
|
|
||||||
<small>Nivi SKM</small>
|
|
||||||
<!-- <p>{{docs.pd_document_name}}</p> -->
|
|
||||||
</div>
|
|
||||||
<!-- <div class="buy"><i class="material-icons">add_shopping_cart</i></div> -->
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div fxFlex="20" class="m-gap p-gap">
|
||||||
</div>
|
<div class="p-list-main mb-2" style="width: 60%;height: auto;">
|
||||||
<div fxFlex="25" class="m-gap p-gap">
|
|
||||||
<div class="p-list-main mb-2">
|
|
||||||
<div class="p-list">
|
<div class="p-list">
|
||||||
|
<div class="top"><img src="https://picsum.photos/2000/1500/?random=3" alt="Image 3"></div>
|
||||||
<div class="top"><img src="./../../../../../../../assets/images/face1.jpg" alt=""/></div>
|
|
||||||
<div class="bottom">
|
|
||||||
<div class="left">
|
|
||||||
<div class="details">
|
|
||||||
<small>Nivi SKM</small>
|
|
||||||
<!-- <p>{{docs.pd_document_name}}</p> -->
|
|
||||||
</div>
|
|
||||||
<!-- <div class="buy"><i class="material-icons">add_shopping_cart</i></div> -->
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div fxFlex="20" class="m-gap p-gap">
|
||||||
</div>
|
<div class="p-list-main mb-2" style="width: 60%;height: auto;">
|
||||||
<div fxFlex="25" class="m-gap p-gap">
|
|
||||||
<div class="p-list-main mb-2">
|
|
||||||
<div class="p-list">
|
<div class="p-list">
|
||||||
|
<div class="top"> <img src="https://picsum.photos/2000/1500/?random=1" alt="Image 1"></div>
|
||||||
<div class="top"><img src="./../../../../../../../assets/images/face1.jpg" alt=""/></div>
|
|
||||||
<div class="bottom">
|
|
||||||
<div class="left">
|
|
||||||
<div class="details">
|
|
||||||
<small>Nivi SKM</small>
|
|
||||||
<!-- <p>{{docs.pd_document_name}}</p> -->
|
|
||||||
</div>
|
|
||||||
<!-- <div class="buy"><i class="material-icons">add_shopping_cart</i></div> -->
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<div fxFlex="row">
|
||||||
|
<div fxFlex="100" class="m-gap p-gap">
|
||||||
|
<div fxLayout="row" fxLayoutWrap="wrap">
|
||||||
|
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="20" fxFlex.lg="20" fxFlex.xl="20">
|
||||||
|
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
|
||||||
|
</div>
|
||||||
|
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="20" fxFlex.lg="20" fxFlex.xl="20">
|
||||||
|
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
|
||||||
|
</div>
|
||||||
|
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="20" fxFlex.lg="20" fxFlex.xl="20">
|
||||||
|
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
|
||||||
|
</div>
|
||||||
|
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="20" fxFlex.lg="20" fxFlex.xl="20">
|
||||||
|
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
|
||||||
|
</div>
|
||||||
|
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="20" fxFlex.lg="20" fxFlex.xl="20">
|
||||||
|
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
|
||||||
|
</div>
|
||||||
|
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="20" fxFlex.lg="20" fxFlex.xl="20">
|
||||||
|
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div fxLayout="row" fxLayoutWrap="wrap">
|
||||||
|
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="25" fxFlex.lg="25" fxFlex.xl="25">
|
||||||
|
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
|
||||||
|
</div>
|
||||||
|
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="25" fxFlex.lg="25" fxFlex.xl="25">
|
||||||
|
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
|
||||||
|
</div>
|
||||||
|
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="25" fxFlex.lg="25" fxFlex.xl="25">
|
||||||
|
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
|
||||||
|
</div>
|
||||||
|
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="25" fxFlex.lg="25" fxFlex.xl="25">
|
||||||
|
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
|
||||||
|
</div>
|
||||||
|
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="20" fxFlex.lg="20" fxFlex.xl="20">
|
||||||
|
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
|
||||||
|
</div>
|
||||||
|
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="20" fxFlex.lg="20" fxFlex.xl="20">
|
||||||
|
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</ng-template>
|
</ng-template>
|
||||||
|
|||||||
@ -82,7 +82,25 @@ export class LoanDetailsComponent implements OnInit {
|
|||||||
this.pdid= this.pd_all_details.pdmaster_details.pd_id;
|
this.pdid= this.pd_all_details.pdmaster_details.pd_id;
|
||||||
this.notifier = notifier;
|
this.notifier = notifier;
|
||||||
}
|
}
|
||||||
|
public viewerOptions: any = {
|
||||||
|
navbar: false,
|
||||||
|
toolbar: {
|
||||||
|
zoomIn: 4,
|
||||||
|
zoomOut: 4,
|
||||||
|
oneToOne: 4,
|
||||||
|
reset: 4,
|
||||||
|
prev: 4,
|
||||||
|
play: {
|
||||||
|
show: 4,
|
||||||
|
size: 'large',
|
||||||
|
},
|
||||||
|
next: 4,
|
||||||
|
rotateLeft: 4,
|
||||||
|
rotateRight: 4,
|
||||||
|
flipHorizontal: 4,
|
||||||
|
flipVertical: 4,
|
||||||
|
}
|
||||||
|
};
|
||||||
ngOnInit() {
|
ngOnInit() {
|
||||||
console.clear();
|
console.clear();
|
||||||
console.log(this.pd_all_details);
|
console.log(this.pd_all_details);
|
||||||
|
|||||||
@ -93,105 +93,93 @@
|
|||||||
|
|
||||||
<mat-tab label="Docs">
|
<mat-tab label="Docs">
|
||||||
<ng-template matTabContent>
|
<ng-template matTabContent>
|
||||||
<div fxLayout="row wrap">
|
<div fxLayout="row wrap" style="padding:20px;">
|
||||||
<div fxFlex="25" class="m-gap p-gap">
|
<div fxFlex="100">
|
||||||
<div class="p-list-main mb-2">
|
<div fxFlex="20" class="m-gap p-gap">
|
||||||
|
<div class="p-list-main mb-2" style="width: 60%;height: auto;">
|
||||||
<div class="p-list">
|
<div class="p-list">
|
||||||
<div class="top"><img src="./../../../../../../../assets/images/face2.jpg" alt=""/></div>
|
<div class="top"> <img src="https://picsum.photos/2000/1500/?random=1" alt="Image 1"></div>
|
||||||
<div class="bottom">
|
|
||||||
<div class="left">
|
|
||||||
<div class="details">
|
|
||||||
<small>Nivi SKM</small>
|
|
||||||
<!-- <p>{{docs.pd_document_name}}</p> -->
|
|
||||||
</div>
|
|
||||||
<!-- <div class="buy"><i class="material-icons">add_shopping_cart</i></div> -->
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div fxFlex="20" class="m-gap p-gap">
|
||||||
</div>
|
<div class="p-list-main mb-2" style="width: 60%;height: auto;">
|
||||||
<div fxFlex="25" class="m-gap p-gap">
|
|
||||||
<div class="p-list-main mb-2">
|
|
||||||
<div class="p-list">
|
<div class="p-list">
|
||||||
|
<div class="top"> <img src="https://picsum.photos/2000/1500/?random=2" alt="Image 2"></div>
|
||||||
<div class="top"><img src="./../../../../../../../assets/images/face1.jpg" alt=""/></div>
|
|
||||||
<div class="bottom">
|
|
||||||
<div class="left">
|
|
||||||
<div class="details">
|
|
||||||
<small>Nivi SKM</small>
|
|
||||||
<!-- <p>{{docs.pd_document_name}}</p> -->
|
|
||||||
</div>
|
|
||||||
<!-- <div class="buy"><i class="material-icons">add_shopping_cart</i></div> -->
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div fxFlex="20" class="m-gap p-gap">
|
||||||
</div>
|
<div class="p-list-main mb-2" style="width: 60%;height: auto;">
|
||||||
<div fxFlex="25" class="m-gap p-gap">
|
|
||||||
<div class="p-list-main mb-2">
|
|
||||||
<div class="p-list">
|
<div class="p-list">
|
||||||
|
<div class="top"><img src="https://picsum.photos/2000/1500/?random=3" alt="Image 3"></div>
|
||||||
<div class="top"><img src="./../../../../../../../assets/images/face1.jpg" alt=""/></div>
|
|
||||||
<div class="bottom">
|
|
||||||
<div class="left">
|
|
||||||
<div class="details">
|
|
||||||
<small>Nivi SKM</small>
|
|
||||||
<!-- <p>{{docs.pd_document_name}}</p> -->
|
|
||||||
</div>
|
|
||||||
<!-- <div class="buy"><i class="material-icons">add_shopping_cart</i></div> -->
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div fxFlex="20" class="m-gap p-gap">
|
||||||
</div>
|
<div class="p-list-main mb-2" style="width: 60%;height: auto;">
|
||||||
<div fxFlex="25" class="m-gap p-gap">
|
|
||||||
<div class="p-list-main mb-2">
|
|
||||||
<div class="p-list">
|
<div class="p-list">
|
||||||
<div class="top"><img src="./../../../../../../../assets/images/face1.jpg" alt=""/></div>
|
<div class="top"> <img src="https://picsum.photos/2000/1500/?random=2" alt="Image 2"></div>
|
||||||
<div class="bottom">
|
|
||||||
<div class="left">
|
|
||||||
<div class="details">
|
|
||||||
<small>Nivi SKM</small>
|
|
||||||
<!-- <p>{{docs.pd_document_name}}</p> -->
|
|
||||||
</div>
|
|
||||||
<!-- <div class="buy"><i class="material-icons">add_shopping_cart</i></div> -->
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div fxFlex="20" class="m-gap p-gap">
|
||||||
</div>
|
<div class="p-list-main mb-2" style="width: 60%;height: auto;">
|
||||||
<div fxFlex="25" class="m-gap p-gap">
|
|
||||||
<div class="p-list-main mb-2">
|
|
||||||
<div class="p-list">
|
<div class="p-list">
|
||||||
|
<div class="top"><img src="https://picsum.photos/2000/1500/?random=3" alt="Image 3"></div>
|
||||||
<div class="top"><img src="./../../../../../../../assets/images/face1.jpg" alt=""/></div>
|
|
||||||
<div class="bottom">
|
|
||||||
<div class="left">
|
|
||||||
<div class="details">
|
|
||||||
<small>Nivi SKM</small>
|
|
||||||
<!-- <p>{{docs.pd_document_name}}</p> -->
|
|
||||||
</div>
|
|
||||||
<!-- <div class="buy"><i class="material-icons">add_shopping_cart</i></div> -->
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div fxFlex="20" class="m-gap p-gap">
|
||||||
</div>
|
<div class="p-list-main mb-2" style="width: 60%;height: auto;">
|
||||||
<div fxFlex="25" class="m-gap p-gap">
|
|
||||||
<div class="p-list-main mb-2">
|
|
||||||
<div class="p-list">
|
<div class="p-list">
|
||||||
|
<div class="top"> <img src="https://picsum.photos/2000/1500/?random=1" alt="Image 1"></div>
|
||||||
<div class="top"><img src="./../../../../../../../assets/images/face1.jpg" alt=""/></div>
|
|
||||||
<div class="bottom">
|
|
||||||
<div class="left">
|
|
||||||
<div class="details">
|
|
||||||
<small>Nivi SKM</small>
|
|
||||||
<!-- <p>{{docs.pd_document_name}}</p> -->
|
|
||||||
</div>
|
</div>
|
||||||
<!-- <div class="buy"><i class="material-icons">add_shopping_cart</i></div> -->
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<div fxFlex="row">
|
||||||
|
<div fxFlex="100" class="m-gap p-gap">
|
||||||
|
<div fxLayout="row" fxLayoutWrap="wrap">
|
||||||
|
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="20" fxFlex.lg="20" fxFlex.xl="20">
|
||||||
|
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
|
||||||
|
</div>
|
||||||
|
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="20" fxFlex.lg="20" fxFlex.xl="20">
|
||||||
|
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
|
||||||
|
</div>
|
||||||
|
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="20" fxFlex.lg="20" fxFlex.xl="20">
|
||||||
|
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
|
||||||
|
</div>
|
||||||
|
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="20" fxFlex.lg="20" fxFlex.xl="20">
|
||||||
|
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
|
||||||
|
</div>
|
||||||
|
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="20" fxFlex.lg="20" fxFlex.xl="20">
|
||||||
|
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
|
||||||
|
</div>
|
||||||
|
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="20" fxFlex.lg="20" fxFlex.xl="20">
|
||||||
|
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div fxLayout="row" fxLayoutWrap="wrap">
|
||||||
|
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="25" fxFlex.lg="25" fxFlex.xl="25">
|
||||||
|
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
|
||||||
|
</div>
|
||||||
|
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="25" fxFlex.lg="25" fxFlex.xl="25">
|
||||||
|
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
|
||||||
|
</div>
|
||||||
|
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="25" fxFlex.lg="25" fxFlex.xl="25">
|
||||||
|
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
|
||||||
|
</div>
|
||||||
|
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="25" fxFlex.lg="25" fxFlex.xl="25">
|
||||||
|
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
|
||||||
|
</div>
|
||||||
|
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="20" fxFlex.lg="20" fxFlex.xl="20">
|
||||||
|
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
|
||||||
|
</div>
|
||||||
|
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="20" fxFlex.lg="20" fxFlex.xl="20">
|
||||||
|
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@ -55,7 +55,25 @@ export class OtherIncomeComponent implements OnInit {
|
|||||||
this.form_id = 9;
|
this.form_id = 9;
|
||||||
this.notifier = notifier;
|
this.notifier = notifier;
|
||||||
}
|
}
|
||||||
|
public viewerOptions: any = {
|
||||||
|
navbar: false,
|
||||||
|
toolbar: {
|
||||||
|
zoomIn: 4,
|
||||||
|
zoomOut: 4,
|
||||||
|
oneToOne: 4,
|
||||||
|
reset: 4,
|
||||||
|
prev: 4,
|
||||||
|
play: {
|
||||||
|
show: 4,
|
||||||
|
size: 'large',
|
||||||
|
},
|
||||||
|
next: 4,
|
||||||
|
rotateLeft: 4,
|
||||||
|
rotateRight: 4,
|
||||||
|
flipHorizontal: 4,
|
||||||
|
flipVertical: 4,
|
||||||
|
}
|
||||||
|
};
|
||||||
ngOnInit() {
|
ngOnInit() {
|
||||||
console.clear();
|
console.clear();
|
||||||
this.getFrequency();
|
this.getFrequency();
|
||||||
|
|||||||
@ -209,110 +209,95 @@
|
|||||||
</mat-tab>
|
</mat-tab>
|
||||||
<mat-tab label="Docs">
|
<mat-tab label="Docs">
|
||||||
<ng-template matTabContent>
|
<ng-template matTabContent>
|
||||||
<div fxLayout="row wrap">
|
<div fxLayout="row wrap" style="padding:20px;">
|
||||||
<div fxFlex="25" class="m-gap p-gap">
|
<div fxFlex="100">
|
||||||
<div class="p-list-main mb-2">
|
<div fxFlex="20" class="m-gap p-gap">
|
||||||
|
<div class="p-list-main mb-2" style="width: 60%;height: auto;">
|
||||||
<div class="p-list">
|
<div class="p-list">
|
||||||
|
<div class="top"> <img src="https://picsum.photos/2000/1500/?random=1" alt="Image 1"></div>
|
||||||
<div class="top"><img src="./../../../../../../../assets/images/face2.jpg" alt=""/></div>
|
|
||||||
<div class="bottom">
|
|
||||||
<div class="left">
|
|
||||||
<div class="details">
|
|
||||||
<small>Nivi SKM</small>
|
|
||||||
<!-- <p>{{docs.pd_document_name}}</p> -->
|
|
||||||
</div>
|
|
||||||
<!-- <div class="buy"><i class="material-icons">add_shopping_cart</i></div> -->
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div fxFlex="20" class="m-gap p-gap">
|
||||||
</div>
|
<div class="p-list-main mb-2" style="width: 60%;height: auto;">
|
||||||
<div fxFlex="25" class="m-gap p-gap">
|
|
||||||
<div class="p-list-main mb-2">
|
|
||||||
<div class="p-list">
|
<div class="p-list">
|
||||||
|
<div class="top"> <img src="https://picsum.photos/2000/1500/?random=2" alt="Image 2"></div>
|
||||||
<div class="top"><img src="./../../../../../../../assets/images/face1.jpg" alt=""/></div>
|
|
||||||
<div class="bottom">
|
|
||||||
<div class="left">
|
|
||||||
<div class="details">
|
|
||||||
<small>Nivi SKM</small>
|
|
||||||
<!-- <p>{{docs.pd_document_name}}</p> -->
|
|
||||||
</div>
|
|
||||||
<!-- <div class="buy"><i class="material-icons">add_shopping_cart</i></div> -->
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div fxFlex="20" class="m-gap p-gap">
|
||||||
</div>
|
<div class="p-list-main mb-2" style="width: 60%;height: auto;">
|
||||||
<div fxFlex="25" class="m-gap p-gap">
|
|
||||||
<div class="p-list-main mb-2">
|
|
||||||
<div class="p-list">
|
<div class="p-list">
|
||||||
|
<div class="top"><img src="https://picsum.photos/2000/1500/?random=3" alt="Image 3"></div>
|
||||||
<div class="top"><img src="./../../../../../../../assets/images/face1.jpg" alt=""/></div>
|
|
||||||
<div class="bottom">
|
|
||||||
<div class="left">
|
|
||||||
<div class="details">
|
|
||||||
<small>Nivi SKM</small>
|
|
||||||
<!-- <p>{{docs.pd_document_name}}</p> -->
|
|
||||||
</div>
|
|
||||||
<!-- <div class="buy"><i class="material-icons">add_shopping_cart</i></div> -->
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div fxFlex="20" class="m-gap p-gap">
|
||||||
</div>
|
<div class="p-list-main mb-2" style="width: 60%;height: auto;">
|
||||||
<div fxFlex="25" class="m-gap p-gap">
|
|
||||||
<div class="p-list-main mb-2">
|
|
||||||
<div class="p-list">
|
<div class="p-list">
|
||||||
|
<div class="top"> <img src="https://picsum.photos/2000/1500/?random=2" alt="Image 2"></div>
|
||||||
<div class="top"><img src="./../../../../../../../assets/images/face1.jpg" alt=""/></div>
|
|
||||||
<div class="bottom">
|
|
||||||
<div class="left">
|
|
||||||
<div class="details">
|
|
||||||
<small>Nivi SKM</small>
|
|
||||||
<!-- <p>{{docs.pd_document_name}}</p> -->
|
|
||||||
</div>
|
|
||||||
<!-- <div class="buy"><i class="material-icons">add_shopping_cart</i></div> -->
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div fxFlex="20" class="m-gap p-gap">
|
||||||
</div>
|
<div class="p-list-main mb-2" style="width: 60%;height: auto;">
|
||||||
<div fxFlex="25" class="m-gap p-gap">
|
|
||||||
<div class="p-list-main mb-2">
|
|
||||||
<div class="p-list">
|
<div class="p-list">
|
||||||
|
<div class="top"><img src="https://picsum.photos/2000/1500/?random=3" alt="Image 3"></div>
|
||||||
<div class="top"><img src="./../../../../../../../assets/images/face1.jpg" alt=""/></div>
|
|
||||||
<div class="bottom">
|
|
||||||
<div class="left">
|
|
||||||
<div class="details">
|
|
||||||
<small>Nivi SKM</small>
|
|
||||||
<!-- <p>{{docs.pd_document_name}}</p> -->
|
|
||||||
</div>
|
|
||||||
<!-- <div class="buy"><i class="material-icons">add_shopping_cart</i></div> -->
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div fxFlex="20" class="m-gap p-gap">
|
||||||
</div>
|
<div class="p-list-main mb-2" style="width: 60%;height: auto;">
|
||||||
<div fxFlex="25" class="m-gap p-gap">
|
|
||||||
<div class="p-list-main mb-2">
|
|
||||||
<div class="p-list">
|
<div class="p-list">
|
||||||
|
<div class="top"> <img src="https://picsum.photos/2000/1500/?random=1" alt="Image 1"></div>
|
||||||
<div class="top"><img src="./../../../../../../../assets/images/face1.jpg" alt=""/></div>
|
|
||||||
<div class="bottom">
|
|
||||||
<div class="left">
|
|
||||||
<div class="details">
|
|
||||||
<small>Nivi SKM</small>
|
|
||||||
<!-- <p>{{docs.pd_document_name}}</p> -->
|
|
||||||
</div>
|
|
||||||
<!-- <div class="buy"><i class="material-icons">add_shopping_cart</i></div> -->
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<div fxFlex="row">
|
||||||
|
<div fxFlex="100" class="m-gap p-gap">
|
||||||
|
<div fxLayout="row" fxLayoutWrap="wrap">
|
||||||
|
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="20" fxFlex.lg="20" fxFlex.xl="20">
|
||||||
|
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
|
||||||
|
</div>
|
||||||
|
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="20" fxFlex.lg="20" fxFlex.xl="20">
|
||||||
|
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
|
||||||
|
</div>
|
||||||
|
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="20" fxFlex.lg="20" fxFlex.xl="20">
|
||||||
|
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
|
||||||
|
</div>
|
||||||
|
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="20" fxFlex.lg="20" fxFlex.xl="20">
|
||||||
|
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
|
||||||
|
</div>
|
||||||
|
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="20" fxFlex.lg="20" fxFlex.xl="20">
|
||||||
|
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
|
||||||
|
</div>
|
||||||
|
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="20" fxFlex.lg="20" fxFlex.xl="20">
|
||||||
|
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div fxLayout="row" fxLayoutWrap="wrap">
|
||||||
|
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="25" fxFlex.lg="25" fxFlex.xl="25">
|
||||||
|
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
|
||||||
|
</div>
|
||||||
|
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="25" fxFlex.lg="25" fxFlex.xl="25">
|
||||||
|
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
|
||||||
|
</div>
|
||||||
|
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="25" fxFlex.lg="25" fxFlex.xl="25">
|
||||||
|
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
|
||||||
|
</div>
|
||||||
|
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="25" fxFlex.lg="25" fxFlex.xl="25">
|
||||||
|
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
|
||||||
|
</div>
|
||||||
|
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="20" fxFlex.lg="20" fxFlex.xl="20">
|
||||||
|
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
|
||||||
|
</div>
|
||||||
|
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="20" fxFlex.lg="20" fxFlex.xl="20">
|
||||||
|
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</ng-template>
|
</ng-template>
|
||||||
|
|||||||
@ -66,7 +66,25 @@ export class PersonalInfoComponent implements OnInit {
|
|||||||
this.notifier = notifier;
|
this.notifier = notifier;
|
||||||
this.form_id = 3;
|
this.form_id = 3;
|
||||||
}
|
}
|
||||||
|
public viewerOptions: any = {
|
||||||
|
navbar: false,
|
||||||
|
toolbar: {
|
||||||
|
zoomIn: 4,
|
||||||
|
zoomOut: 4,
|
||||||
|
oneToOne: 4,
|
||||||
|
reset: 4,
|
||||||
|
prev: 4,
|
||||||
|
play: {
|
||||||
|
show: 4,
|
||||||
|
size: 'large',
|
||||||
|
},
|
||||||
|
next: 4,
|
||||||
|
rotateLeft: 4,
|
||||||
|
rotateRight: 4,
|
||||||
|
flipHorizontal: 4,
|
||||||
|
flipVertical: 4,
|
||||||
|
}
|
||||||
|
};
|
||||||
ngOnInit() {
|
ngOnInit() {
|
||||||
this.initFormDetails()
|
this.initFormDetails()
|
||||||
this.loadPDDetails();
|
this.loadPDDetails();
|
||||||
|
|||||||
@ -204,110 +204,95 @@
|
|||||||
</mat-tab>
|
</mat-tab>
|
||||||
<mat-tab label="Docs">
|
<mat-tab label="Docs">
|
||||||
<ng-template matTabContent>
|
<ng-template matTabContent>
|
||||||
<div fxLayout="row wrap">
|
<div fxLayout="row wrap" style="padding:20px;">
|
||||||
<div fxFlex="25" class="m-gap p-gap">
|
<div fxFlex="100">
|
||||||
<div class="p-list-main mb-2">
|
<div fxFlex="20" class="m-gap p-gap">
|
||||||
|
<div class="p-list-main mb-2" style="width: 60%;height: auto;">
|
||||||
<div class="p-list">
|
<div class="p-list">
|
||||||
|
<div class="top"> <img src="https://picsum.photos/2000/1500/?random=1" alt="Image 1"></div>
|
||||||
<div class="top"><img src="./../../../../../../../assets/images/face2.jpg" alt=""/></div>
|
|
||||||
<div class="bottom">
|
|
||||||
<div class="left">
|
|
||||||
<div class="details">
|
|
||||||
<small>Nivi SKM</small>
|
|
||||||
<!-- <p>{{docs.pd_document_name}}</p> -->
|
|
||||||
</div>
|
|
||||||
<!-- <div class="buy"><i class="material-icons">add_shopping_cart</i></div> -->
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div fxFlex="20" class="m-gap p-gap">
|
||||||
</div>
|
<div class="p-list-main mb-2" style="width: 60%;height: auto;">
|
||||||
<div fxFlex="25" class="m-gap p-gap">
|
|
||||||
<div class="p-list-main mb-2">
|
|
||||||
<div class="p-list">
|
<div class="p-list">
|
||||||
|
<div class="top"> <img src="https://picsum.photos/2000/1500/?random=2" alt="Image 2"></div>
|
||||||
<div class="top"><img src="./../../../../../../../assets/images/face1.jpg" alt=""/></div>
|
|
||||||
<div class="bottom">
|
|
||||||
<div class="left">
|
|
||||||
<div class="details">
|
|
||||||
<small>Nivi SKM</small>
|
|
||||||
<!-- <p>{{docs.pd_document_name}}</p> -->
|
|
||||||
</div>
|
|
||||||
<!-- <div class="buy"><i class="material-icons">add_shopping_cart</i></div> -->
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div fxFlex="20" class="m-gap p-gap">
|
||||||
</div>
|
<div class="p-list-main mb-2" style="width: 60%;height: auto;">
|
||||||
<div fxFlex="25" class="m-gap p-gap">
|
|
||||||
<div class="p-list-main mb-2">
|
|
||||||
<div class="p-list">
|
<div class="p-list">
|
||||||
|
<div class="top"><img src="https://picsum.photos/2000/1500/?random=3" alt="Image 3"></div>
|
||||||
<div class="top"><img src="./../../../../../../../assets/images/face1.jpg" alt=""/></div>
|
|
||||||
<div class="bottom">
|
|
||||||
<div class="left">
|
|
||||||
<div class="details">
|
|
||||||
<small>Nivi SKM</small>
|
|
||||||
<!-- <p>{{docs.pd_document_name}}</p> -->
|
|
||||||
</div>
|
|
||||||
<!-- <div class="buy"><i class="material-icons">add_shopping_cart</i></div> -->
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div fxFlex="20" class="m-gap p-gap">
|
||||||
</div>
|
<div class="p-list-main mb-2" style="width: 60%;height: auto;">
|
||||||
<div fxFlex="25" class="m-gap p-gap">
|
|
||||||
<div class="p-list-main mb-2">
|
|
||||||
<div class="p-list">
|
<div class="p-list">
|
||||||
|
<div class="top"> <img src="https://picsum.photos/2000/1500/?random=2" alt="Image 2"></div>
|
||||||
<div class="top"><img src="./../../../../../../../assets/images/face1.jpg" alt=""/></div>
|
|
||||||
<div class="bottom">
|
|
||||||
<div class="left">
|
|
||||||
<div class="details">
|
|
||||||
<small>Nivi SKM</small>
|
|
||||||
<!-- <p>{{docs.pd_document_name}}</p> -->
|
|
||||||
</div>
|
|
||||||
<!-- <div class="buy"><i class="material-icons">add_shopping_cart</i></div> -->
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div fxFlex="20" class="m-gap p-gap">
|
||||||
</div>
|
<div class="p-list-main mb-2" style="width: 60%;height: auto;">
|
||||||
<div fxFlex="25" class="m-gap p-gap">
|
|
||||||
<div class="p-list-main mb-2">
|
|
||||||
<div class="p-list">
|
<div class="p-list">
|
||||||
|
<div class="top"><img src="https://picsum.photos/2000/1500/?random=3" alt="Image 3"></div>
|
||||||
<div class="top"><img src="./../../../../../../../assets/images/face1.jpg" alt=""/></div>
|
|
||||||
<div class="bottom">
|
|
||||||
<div class="left">
|
|
||||||
<div class="details">
|
|
||||||
<small>Nivi SKM</small>
|
|
||||||
<!-- <p>{{docs.pd_document_name}}</p> -->
|
|
||||||
</div>
|
|
||||||
<!-- <div class="buy"><i class="material-icons">add_shopping_cart</i></div> -->
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div fxFlex="20" class="m-gap p-gap">
|
||||||
</div>
|
<div class="p-list-main mb-2" style="width: 60%;height: auto;">
|
||||||
<div fxFlex="25" class="m-gap p-gap">
|
|
||||||
<div class="p-list-main mb-2">
|
|
||||||
<div class="p-list">
|
<div class="p-list">
|
||||||
|
<div class="top"> <img src="https://picsum.photos/2000/1500/?random=1" alt="Image 1"></div>
|
||||||
<div class="top"><img src="./../../../../../../../assets/images/face1.jpg" alt=""/></div>
|
|
||||||
<div class="bottom">
|
|
||||||
<div class="left">
|
|
||||||
<div class="details">
|
|
||||||
<small>Nivi SKM</small>
|
|
||||||
<!-- <p>{{docs.pd_document_name}}</p> -->
|
|
||||||
</div>
|
|
||||||
<!-- <div class="buy"><i class="material-icons">add_shopping_cart</i></div> -->
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<div fxFlex="row">
|
||||||
|
<div fxFlex="100" class="m-gap p-gap">
|
||||||
|
<div fxLayout="row" fxLayoutWrap="wrap">
|
||||||
|
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="20" fxFlex.lg="20" fxFlex.xl="20">
|
||||||
|
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
|
||||||
|
</div>
|
||||||
|
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="20" fxFlex.lg="20" fxFlex.xl="20">
|
||||||
|
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
|
||||||
|
</div>
|
||||||
|
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="20" fxFlex.lg="20" fxFlex.xl="20">
|
||||||
|
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
|
||||||
|
</div>
|
||||||
|
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="20" fxFlex.lg="20" fxFlex.xl="20">
|
||||||
|
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
|
||||||
|
</div>
|
||||||
|
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="20" fxFlex.lg="20" fxFlex.xl="20">
|
||||||
|
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
|
||||||
|
</div>
|
||||||
|
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="20" fxFlex.lg="20" fxFlex.xl="20">
|
||||||
|
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div fxLayout="row" fxLayoutWrap="wrap">
|
||||||
|
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="25" fxFlex.lg="25" fxFlex.xl="25">
|
||||||
|
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
|
||||||
|
</div>
|
||||||
|
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="25" fxFlex.lg="25" fxFlex.xl="25">
|
||||||
|
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
|
||||||
|
</div>
|
||||||
|
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="25" fxFlex.lg="25" fxFlex.xl="25">
|
||||||
|
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
|
||||||
|
</div>
|
||||||
|
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="25" fxFlex.lg="25" fxFlex.xl="25">
|
||||||
|
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
|
||||||
|
</div>
|
||||||
|
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="20" fxFlex.lg="20" fxFlex.xl="20">
|
||||||
|
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
|
||||||
|
</div>
|
||||||
|
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="20" fxFlex.lg="20" fxFlex.xl="20">
|
||||||
|
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</ng-template>
|
</ng-template>
|
||||||
</mat-tab>
|
</mat-tab>
|
||||||
|
|||||||
@ -36,7 +36,25 @@ export class RentalInfoComponent implements OnInit {
|
|||||||
this.notifier = notifier;
|
this.notifier = notifier;
|
||||||
this.form_id = 17;
|
this.form_id = 17;
|
||||||
}
|
}
|
||||||
|
public viewerOptions: any = {
|
||||||
|
navbar: false,
|
||||||
|
toolbar: {
|
||||||
|
zoomIn: 4,
|
||||||
|
zoomOut: 4,
|
||||||
|
oneToOne: 4,
|
||||||
|
reset: 4,
|
||||||
|
prev: 4,
|
||||||
|
play: {
|
||||||
|
show: 4,
|
||||||
|
size: 'large',
|
||||||
|
},
|
||||||
|
next: 4,
|
||||||
|
rotateLeft: 4,
|
||||||
|
rotateRight: 4,
|
||||||
|
flipHorizontal: 4,
|
||||||
|
flipVertical: 4,
|
||||||
|
}
|
||||||
|
};
|
||||||
ngOnInit() {
|
ngOnInit() {
|
||||||
this.step = 0;
|
this.step = 0;
|
||||||
this.inintRentalForm();
|
this.inintRentalForm();
|
||||||
|
|||||||
@ -215,112 +215,96 @@
|
|||||||
</mat-tab>
|
</mat-tab>
|
||||||
<mat-tab label="Docs">
|
<mat-tab label="Docs">
|
||||||
<ng-template matTabContent>
|
<ng-template matTabContent>
|
||||||
<div fxLayout="row wrap">
|
<div fxLayout="row wrap" style="padding:20px;">
|
||||||
<div fxFlex="25" class="m-gap p-gap">
|
<div fxFlex="100">
|
||||||
<div class="p-list-main mb-2">
|
<div fxFlex="20" class="m-gap p-gap">
|
||||||
|
<div class="p-list-main mb-2" style="width: 60%;height: auto;">
|
||||||
<div class="p-list">
|
<div class="p-list">
|
||||||
|
<div class="top"> <img src="https://picsum.photos/2000/1500/?random=1" alt="Image 1"></div>
|
||||||
<div class="top"><img src="./../../../../../../../assets/images/face2.jpg" alt=""/></div>
|
|
||||||
<div class="bottom">
|
|
||||||
<div class="left">
|
|
||||||
<div class="details">
|
|
||||||
<small>Nivi SKM</small>
|
|
||||||
<!-- <p>{{docs.pd_document_name}}</p> -->
|
|
||||||
</div>
|
|
||||||
<!-- <div class="buy"><i class="material-icons">add_shopping_cart</i></div> -->
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div fxFlex="20" class="m-gap p-gap">
|
||||||
</div>
|
<div class="p-list-main mb-2" style="width: 60%;height: auto;">
|
||||||
<div fxFlex="25" class="m-gap p-gap">
|
|
||||||
<div class="p-list-main mb-2">
|
|
||||||
<div class="p-list">
|
<div class="p-list">
|
||||||
|
<div class="top"> <img src="https://picsum.photos/2000/1500/?random=2" alt="Image 2"></div>
|
||||||
<div class="top"><img src="./../../../../../../../assets/images/face1.jpg" alt=""/></div>
|
|
||||||
<div class="bottom">
|
|
||||||
<div class="left">
|
|
||||||
<div class="details">
|
|
||||||
<small>Nivi SKM</small>
|
|
||||||
<!-- <p>{{docs.pd_document_name}}</p> -->
|
|
||||||
</div>
|
|
||||||
<!-- <div class="buy"><i class="material-icons">add_shopping_cart</i></div> -->
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div fxFlex="20" class="m-gap p-gap">
|
||||||
</div>
|
<div class="p-list-main mb-2" style="width: 60%;height: auto;">
|
||||||
<div fxFlex="25" class="m-gap p-gap">
|
|
||||||
<div class="p-list-main mb-2">
|
|
||||||
<div class="p-list">
|
<div class="p-list">
|
||||||
|
<div class="top"><img src="https://picsum.photos/2000/1500/?random=3" alt="Image 3"></div>
|
||||||
<div class="top"><img src="./../../../../../../../assets/images/face1.jpg" alt=""/></div>
|
|
||||||
<div class="bottom">
|
|
||||||
<div class="left">
|
|
||||||
<div class="details">
|
|
||||||
<small>Nivi SKM</small>
|
|
||||||
<!-- <p>{{docs.pd_document_name}}</p> -->
|
|
||||||
</div>
|
|
||||||
<!-- <div class="buy"><i class="material-icons">add_shopping_cart</i></div> -->
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div fxFlex="20" class="m-gap p-gap">
|
||||||
</div>
|
<div class="p-list-main mb-2" style="width: 60%;height: auto;">
|
||||||
<div fxFlex="25" class="m-gap p-gap">
|
|
||||||
<div class="p-list-main mb-2">
|
|
||||||
<div class="p-list">
|
<div class="p-list">
|
||||||
|
<div class="top"> <img src="https://picsum.photos/2000/1500/?random=2" alt="Image 2"></div>
|
||||||
<div class="top"><img src="./../../../../../../../assets/images/face1.jpg" alt=""/></div>
|
|
||||||
<div class="bottom">
|
|
||||||
<div class="left">
|
|
||||||
<div class="details">
|
|
||||||
<small>Nivi SKM</small>
|
|
||||||
<!-- <p>{{docs.pd_document_name}}</p> -->
|
|
||||||
</div>
|
|
||||||
<!-- <div class="buy"><i class="material-icons">add_shopping_cart</i></div> -->
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div fxFlex="20" class="m-gap p-gap">
|
||||||
</div>
|
<div class="p-list-main mb-2" style="width: 60%;height: auto;">
|
||||||
<div fxFlex="25" class="m-gap p-gap">
|
|
||||||
<div class="p-list-main mb-2">
|
|
||||||
<div class="p-list">
|
<div class="p-list">
|
||||||
|
<div class="top"><img src="https://picsum.photos/2000/1500/?random=3" alt="Image 3"></div>
|
||||||
<div class="top"><img src="./../../../../../../../assets/images/face1.jpg" alt=""/></div>
|
|
||||||
<div class="bottom">
|
|
||||||
<div class="left">
|
|
||||||
<div class="details">
|
|
||||||
<small>Nivi SKM</small>
|
|
||||||
<!-- <p>{{docs.pd_document_name}}</p> -->
|
|
||||||
</div>
|
|
||||||
<!-- <div class="buy"><i class="material-icons">add_shopping_cart</i></div> -->
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div fxFlex="20" class="m-gap p-gap">
|
||||||
</div>
|
<div class="p-list-main mb-2" style="width: 60%;height: auto;">
|
||||||
<div fxFlex="25" class="m-gap p-gap">
|
|
||||||
<div class="p-list-main mb-2">
|
|
||||||
<div class="p-list">
|
<div class="p-list">
|
||||||
|
<div class="top"> <img src="https://picsum.photos/2000/1500/?random=1" alt="Image 1"></div>
|
||||||
<div class="top"><img src="./../../../../../../../assets/images/face1.jpg" alt=""/></div>
|
|
||||||
<div class="bottom">
|
|
||||||
<div class="left">
|
|
||||||
<div class="details">
|
|
||||||
<small>Nivi SKM</small>
|
|
||||||
<!-- <p>{{docs.pd_document_name}}</p> -->
|
|
||||||
</div>
|
</div>
|
||||||
<!-- <div class="buy"><i class="material-icons">add_shopping_cart</i></div> -->
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div fxFlex="row">
|
||||||
|
<div fxFlex="100" class="m-gap p-gap">
|
||||||
|
<div fxLayout="row" fxLayoutWrap="wrap">
|
||||||
|
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="20" fxFlex.lg="20" fxFlex.xl="20">
|
||||||
|
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
|
||||||
|
</div>
|
||||||
|
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="20" fxFlex.lg="20" fxFlex.xl="20">
|
||||||
|
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
|
||||||
|
</div>
|
||||||
|
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="20" fxFlex.lg="20" fxFlex.xl="20">
|
||||||
|
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
|
||||||
|
</div>
|
||||||
|
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="20" fxFlex.lg="20" fxFlex.xl="20">
|
||||||
|
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
|
||||||
|
</div>
|
||||||
|
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="20" fxFlex.lg="20" fxFlex.xl="20">
|
||||||
|
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
|
||||||
|
</div>
|
||||||
|
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="20" fxFlex.lg="20" fxFlex.xl="20">
|
||||||
|
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div fxLayout="row" fxLayoutWrap="wrap">
|
||||||
|
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="25" fxFlex.lg="25" fxFlex.xl="25">
|
||||||
|
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
|
||||||
|
</div>
|
||||||
|
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="25" fxFlex.lg="25" fxFlex.xl="25">
|
||||||
|
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
|
||||||
|
</div>
|
||||||
|
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="25" fxFlex.lg="25" fxFlex.xl="25">
|
||||||
|
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
|
||||||
|
</div>
|
||||||
|
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="25" fxFlex.lg="25" fxFlex.xl="25">
|
||||||
|
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
|
||||||
|
</div>
|
||||||
|
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="20" fxFlex.lg="20" fxFlex.xl="20">
|
||||||
|
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
|
||||||
|
</div>
|
||||||
|
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="20" fxFlex.lg="20" fxFlex.xl="20">
|
||||||
|
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</ng-template>
|
</ng-template>
|
||||||
</mat-tab>
|
</mat-tab>
|
||||||
|
|
||||||
|
|||||||
@ -54,6 +54,25 @@ export class StockComponent implements OnInit {
|
|||||||
this.form_id = 11;
|
this.form_id = 11;
|
||||||
this.notifier = notifier;
|
this.notifier = notifier;
|
||||||
}
|
}
|
||||||
|
public viewerOptions: any = {
|
||||||
|
navbar: false,
|
||||||
|
toolbar: {
|
||||||
|
zoomIn: 4,
|
||||||
|
zoomOut: 4,
|
||||||
|
oneToOne: 4,
|
||||||
|
reset: 4,
|
||||||
|
prev: 4,
|
||||||
|
play: {
|
||||||
|
show: 4,
|
||||||
|
size: 'large',
|
||||||
|
},
|
||||||
|
next: 4,
|
||||||
|
rotateLeft: 4,
|
||||||
|
rotateRight: 4,
|
||||||
|
flipHorizontal: 4,
|
||||||
|
flipVertical: 4,
|
||||||
|
}
|
||||||
|
};
|
||||||
ngOnInit() {
|
ngOnInit() {
|
||||||
this.initstockForm();
|
this.initstockForm();
|
||||||
this.getUOM();
|
this.getUOM();
|
||||||
|
|||||||
@ -5,14 +5,10 @@
|
|||||||
<div fxFlex="70" align="left" style="padding: 10px !important;">{{pageTitle}}</div>
|
<div fxFlex="70" align="left" style="padding: 10px !important;">{{pageTitle}}</div>
|
||||||
<div fxFlex="30" align="end" style="padding: 10px !important;">
|
<div fxFlex="30" align="end" style="padding: 10px !important;">
|
||||||
<button mat-raised-button mat-icon-button class="mr-1 mb-1 hover-icon" type="button" matTooltip="Close" matTooltipPosition="right" mat-dialog-close><mat-icon>close</mat-icon></button>
|
<button mat-raised-button mat-icon-button class="mr-1 mb-1 hover-icon" type="button" matTooltip="Close" matTooltipPosition="right" mat-dialog-close><mat-icon>close</mat-icon></button>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</h2>
|
</h2>
|
||||||
|
|
||||||
<mat-dialog-content>
|
<mat-dialog-content>
|
||||||
|
|
||||||
<mat-tab-group>
|
<mat-tab-group>
|
||||||
|
|
||||||
<mat-tab label="Questions">
|
<mat-tab label="Questions">
|
||||||
<ng-template matTabContent>
|
<ng-template matTabContent>
|
||||||
<mat-card>
|
<mat-card>
|
||||||
@ -28,7 +24,6 @@
|
|||||||
</mat-card>
|
</mat-card>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div fxLayout="row wrap">
|
<div fxLayout="row wrap">
|
||||||
<div fxFlex="100">
|
<div fxFlex="100">
|
||||||
<mat-card>
|
<mat-card>
|
||||||
@ -99,16 +94,12 @@
|
|||||||
<!-- </div> -->
|
<!-- </div> -->
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
</mat-card-content>
|
</mat-card-content>
|
||||||
|
|
||||||
<mat-card-actions align="end">
|
<mat-card-actions align="end">
|
||||||
<!-- <span *ngIf="_supplierQuesFrom.controls.supplier_details.controls.length > 1" (click)="removeLanguage(i)">
|
<!-- <span *ngIf="_supplierQuesFrom.controls.supplier_details.controls.length > 1" (click)="removeLanguage(i)">
|
||||||
<button mat-raised-button mat-icon-button class="mr-1 mb-1 hover-icon" color="primary" matTooltip="Delete" matTooltipPosition="above"><mat-icon>delete</mat-icon></button>
|
<button mat-raised-button mat-icon-button class="mr-1 mb-1 hover-icon" color="primary" matTooltip="Delete" matTooltipPosition="above"><mat-icon>delete</mat-icon></button>
|
||||||
</span> -->
|
</span> -->
|
||||||
</mat-card-actions>
|
</mat-card-actions>
|
||||||
|
|
||||||
</mat-card>
|
</mat-card>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -121,126 +112,104 @@
|
|||||||
</mat-card>
|
</mat-card>
|
||||||
</ng-template>
|
</ng-template>
|
||||||
</mat-tab>
|
</mat-tab>
|
||||||
|
|
||||||
<mat-tab label="Docs">
|
<mat-tab label="Docs">
|
||||||
<ng-template matTabContent>
|
<ng-template matTabContent>
|
||||||
<div fxLayout="row wrap">
|
<div ngxViewer>
|
||||||
<div fxFlex="25" class="m-gap p-gap">
|
<div fxLayout="row wrap" style="padding:20px;">
|
||||||
<div class="p-list-main mb-2">
|
<div fxFlex="100">
|
||||||
|
<div fxFlex="20" class="m-gap p-gap">
|
||||||
|
<div class="p-list-main mb-2" style="width: 60%;height: auto;">
|
||||||
<div class="p-list">
|
<div class="p-list">
|
||||||
|
<div class="top"> <img src="https://picsum.photos/2000/1500/?random=1" alt="Image 1"></div>
|
||||||
<div class="top"><img src="./../../../../../../../assets/images/face2.jpg" alt=""/></div>
|
|
||||||
<div class="bottom">
|
|
||||||
<div class="left">
|
|
||||||
<div class="details">
|
|
||||||
<small>Nivi SKM</small>
|
|
||||||
<!-- <p>{{docs.pd_document_name}}</p> -->
|
|
||||||
</div>
|
|
||||||
<!-- <div class="buy"><i class="material-icons">add_shopping_cart</i></div> -->
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div fxFlex="20" class="m-gap p-gap">
|
||||||
</div>
|
<div class="p-list-main mb-2" style="width: 60%;height: auto;">
|
||||||
|
|
||||||
<div fxFlex="25" class="m-gap p-gap">
|
|
||||||
<div class="p-list-main mb-2">
|
|
||||||
<div class="p-list">
|
<div class="p-list">
|
||||||
|
<div class="top"> <img src="https://picsum.photos/2000/1500/?random=2" alt="Image 2"></div>
|
||||||
<div class="top"><img src="./../../../../../../../assets/images/face1.jpg" alt=""/></div>
|
|
||||||
<div class="bottom">
|
|
||||||
<div class="left">
|
|
||||||
<div class="details">
|
|
||||||
<small>Nivi SKM</small>
|
|
||||||
<!-- <p>{{docs.pd_document_name}}</p> -->
|
|
||||||
</div>
|
|
||||||
<!-- <div class="buy"><i class="material-icons">add_shopping_cart</i></div> -->
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div fxFlex="20" class="m-gap p-gap">
|
||||||
</div>
|
<div class="p-list-main mb-2" style="width: 60%;height: auto;">
|
||||||
|
|
||||||
<div fxFlex="25" class="m-gap p-gap">
|
|
||||||
<div class="p-list-main mb-2">
|
|
||||||
<div class="p-list">
|
<div class="p-list">
|
||||||
|
<div class="top"><img src="https://picsum.photos/2000/1500/?random=3" alt="Image 3"></div>
|
||||||
<div class="top"><img src="./../../../../../../../assets/images/face1.jpg" alt=""/></div>
|
|
||||||
<div class="bottom">
|
|
||||||
<div class="left">
|
|
||||||
<div class="details">
|
|
||||||
<small>Nivi SKM</small>
|
|
||||||
<!-- <p>{{docs.pd_document_name}}</p> -->
|
|
||||||
</div>
|
|
||||||
<!-- <div class="buy"><i class="material-icons">add_shopping_cart</i></div> -->
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div fxFlex="20" class="m-gap p-gap">
|
||||||
</div>
|
<div class="p-list-main mb-2" style="width: 60%;height: auto;">
|
||||||
|
|
||||||
<div fxFlex="25" class="m-gap p-gap">
|
|
||||||
<div class="p-list-main mb-2">
|
|
||||||
<div class="p-list">
|
<div class="p-list">
|
||||||
|
<div class="top"> <img src="https://picsum.photos/2000/1500/?random=2" alt="Image 2"></div>
|
||||||
<div class="top"><img src="./../../../../../../../assets/images/face1.jpg" alt=""/></div>
|
|
||||||
<div class="bottom">
|
|
||||||
<div class="left">
|
|
||||||
<div class="details">
|
|
||||||
<small>Nivi SKM</small>
|
|
||||||
<!-- <p>{{docs.pd_document_name}}</p> -->
|
|
||||||
</div>
|
|
||||||
<!-- <div class="buy"><i class="material-icons">add_shopping_cart</i></div> -->
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div fxFlex="20" class="m-gap p-gap">
|
||||||
</div>
|
<div class="p-list-main mb-2" style="width: 60%;height: auto;">
|
||||||
|
|
||||||
<div fxFlex="25" class="m-gap p-gap">
|
|
||||||
<div class="p-list-main mb-2">
|
|
||||||
<div class="p-list">
|
<div class="p-list">
|
||||||
|
<div class="top"><img src="https://picsum.photos/2000/1500/?random=3" alt="Image 3"></div>
|
||||||
<div class="top"><img src="./../../../../../../../assets/images/face1.jpg" alt=""/></div>
|
|
||||||
<div class="bottom">
|
|
||||||
<div class="left">
|
|
||||||
<div class="details">
|
|
||||||
<small>Nivi SKM</small>
|
|
||||||
<!-- <p>{{docs.pd_document_name}}</p> -->
|
|
||||||
</div>
|
|
||||||
<!-- <div class="buy"><i class="material-icons">add_shopping_cart</i></div> -->
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div fxFlex="20" class="m-gap p-gap">
|
||||||
</div>
|
<div class="p-list-main mb-2" style="width: 60%;height: auto;">
|
||||||
<div fxFlex="25" class="m-gap p-gap">
|
|
||||||
<div class="p-list-main mb-2">
|
|
||||||
<div class="p-list">
|
<div class="p-list">
|
||||||
|
<div class="top"> <img src="https://picsum.photos/2000/1500/?random=1" alt="Image 1"></div>
|
||||||
<div class="top"><img src="./../../../../../../../assets/images/face1.jpg" alt=""/></div>
|
|
||||||
<div class="bottom">
|
|
||||||
<div class="left">
|
|
||||||
<div class="details">
|
|
||||||
<small>Nivi SKM</small>
|
|
||||||
<!-- <p>{{docs.pd_document_name}}</p> -->
|
|
||||||
</div>
|
</div>
|
||||||
<!-- <div class="buy"><i class="material-icons">add_shopping_cart</i></div> -->
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div fxFlex="row">
|
||||||
|
<div fxFlex="100" class="m-gap p-gap">
|
||||||
|
<div fxLayout="row" fxLayoutWrap="wrap">
|
||||||
|
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="20" fxFlex.lg="20" fxFlex.xl="20">
|
||||||
|
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
|
||||||
|
</div>
|
||||||
|
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="20" fxFlex.lg="20" fxFlex.xl="20">
|
||||||
|
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
|
||||||
|
</div>
|
||||||
|
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="20" fxFlex.lg="20" fxFlex.xl="20">
|
||||||
|
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
|
||||||
|
</div>
|
||||||
|
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="20" fxFlex.lg="20" fxFlex.xl="20">
|
||||||
|
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
|
||||||
|
</div>
|
||||||
|
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="20" fxFlex.lg="20" fxFlex.xl="20">
|
||||||
|
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
|
||||||
|
</div>
|
||||||
|
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="20" fxFlex.lg="20" fxFlex.xl="20">
|
||||||
|
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div fxLayout="row" fxLayoutWrap="wrap">
|
||||||
|
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="25" fxFlex.lg="25" fxFlex.xl="25">
|
||||||
|
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
|
||||||
|
</div>
|
||||||
|
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="25" fxFlex.lg="25" fxFlex.xl="25">
|
||||||
|
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
|
||||||
|
</div>
|
||||||
|
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="25" fxFlex.lg="25" fxFlex.xl="25">
|
||||||
|
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
|
||||||
|
</div>
|
||||||
|
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="25" fxFlex.lg="25" fxFlex.xl="25">
|
||||||
|
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
|
||||||
|
</div>
|
||||||
|
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="20" fxFlex.lg="20" fxFlex.xl="20">
|
||||||
|
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
|
||||||
|
</div>
|
||||||
|
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="20" fxFlex.lg="20" fxFlex.xl="20">
|
||||||
|
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</ng-template>
|
</ng-template>
|
||||||
</mat-tab>
|
</mat-tab>
|
||||||
|
|
||||||
</mat-tab-group>
|
</mat-tab-group>
|
||||||
|
|
||||||
</mat-dialog-content>
|
</mat-dialog-content>
|
||||||
|
|
||||||
<mat-dialog-actions>
|
<mat-dialog-actions>
|
||||||
<div fxFlex="60" class="pb-0 text-sm-left" align="left">
|
<div fxFlex="60" class="pb-0 text-sm-left" align="left">
|
||||||
<!-- <mat-form-field appearance="outline" style="width: 100%">
|
<!-- <mat-form-field appearance="outline" style="width: 100%">
|
||||||
@ -251,7 +220,7 @@
|
|||||||
<div fxFlex="40" align="end">
|
<div fxFlex="40" align="end">
|
||||||
|
|
||||||
<button mat-raised-button mat-icon-button class="mr-1 mb-1 hover-icon" matTooltip="Save" matTooltipPosition="above" type="submit"><mat-icon>save</mat-icon></button>
|
<button mat-raised-button mat-icon-button class="mr-1 mb-1 hover-icon" matTooltip="Save" matTooltipPosition="above" type="submit"><mat-icon>save</mat-icon></button>
|
||||||
<!----<button mat-raised-button mat-icon-button class="mr-1 mb-1 hover-icon" matTooltip="Reset" matTooltipPosition="above" type="reset"><mat-icon>settings_backup_restore</mat-icon></button>-->
|
<!--<button mat-raised-button mat-icon-button class="mr-1 mb-1 hover-icon" matTooltip="Reset" matTooltipPosition="above" type="reset"><mat-icon>settings_backup_restore</mat-icon></button>-->
|
||||||
</div>
|
</div>
|
||||||
</mat-dialog-actions>
|
</mat-dialog-actions>
|
||||||
|
|
||||||
|
|||||||
@ -17,6 +17,9 @@
|
|||||||
.mat-card-actions {
|
.mat-card-actions {
|
||||||
background-color: white;
|
background-color: white;
|
||||||
}
|
}
|
||||||
|
::ng-deep .cdk-global-overlay-wrapper{
|
||||||
|
justify-content: center !important;
|
||||||
|
}
|
||||||
|
|
||||||
mat-form-field {
|
mat-form-field {
|
||||||
margin: 0 2%;
|
margin: 0 2%;
|
||||||
|
|||||||
@ -53,6 +53,25 @@ export class SupplierInfoComponent implements OnInit {
|
|||||||
this.form_id = 1;
|
this.form_id = 1;
|
||||||
this.notifier = notifier;
|
this.notifier = notifier;
|
||||||
}
|
}
|
||||||
|
public viewerOptions: any = {
|
||||||
|
navbar: false,
|
||||||
|
toolbar: {
|
||||||
|
zoomIn: 4,
|
||||||
|
zoomOut: 4,
|
||||||
|
oneToOne: 4,
|
||||||
|
reset: 4,
|
||||||
|
prev: 4,
|
||||||
|
play: {
|
||||||
|
show: 4,
|
||||||
|
size: 'large',
|
||||||
|
},
|
||||||
|
next: 4,
|
||||||
|
rotateLeft: 4,
|
||||||
|
rotateRight: 4,
|
||||||
|
flipHorizontal: 4,
|
||||||
|
flipVertical: 4,
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
ngOnInit() {
|
ngOnInit() {
|
||||||
// this.getM_FreqOfPurchase();
|
// this.getM_FreqOfPurchase();
|
||||||
|
|||||||
@ -80,6 +80,8 @@ import { ModelEditPdReportComponent } from './list-pd/pd-report/model-edit-pd-re
|
|||||||
import { OtherApplicantDetailsComponent } from './list-pd/start-pd/forms/other-applicant-details/other-applicant-details.component';
|
import { OtherApplicantDetailsComponent } from './list-pd/start-pd/forms/other-applicant-details/other-applicant-details.component';
|
||||||
import { NeighbourHoodComponent } from './list-pd/start-pd/forms/neighbour-hood/neighbour-hood.component';
|
import { NeighbourHoodComponent } from './list-pd/start-pd/forms/neighbour-hood/neighbour-hood.component';
|
||||||
|
|
||||||
|
// import ngx-viewer module
|
||||||
|
import { NgxViewerModule } from 'ngx-viewer';
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Custom angular notifier options
|
* Custom angular notifier options
|
||||||
@ -265,6 +267,7 @@ const pdCustomNotifierOptions: NotifierOptions = {
|
|||||||
imports: [
|
imports: [
|
||||||
CommonModule,
|
CommonModule,
|
||||||
ManagePdRoutingModule,
|
ManagePdRoutingModule,
|
||||||
|
NgxViewerModule,
|
||||||
NotifierModule.withConfig(pdCustomNotifierOptions),
|
NotifierModule.withConfig(pdCustomNotifierOptions),
|
||||||
CKEditorModule,
|
CKEditorModule,
|
||||||
PdfViewerModule,
|
PdfViewerModule,
|
||||||
|
|||||||
@ -44,6 +44,7 @@ Author: TrendSetter Themes
|
|||||||
@import "scss/core";
|
@import "scss/core";
|
||||||
@import "scss/material";
|
@import "scss/material";
|
||||||
@import "scss/utilities/utilities";
|
@import "scss/utilities/utilities";
|
||||||
|
@import '~viewerjs/dist/viewer.css';
|
||||||
|
|
||||||
|
|
||||||
/* Add application styles & imports to this file! */
|
/* Add application styles & imports to this file! */
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user