UI changes
This commit is contained in:
venbatechnologies@gmail.com
parent
805039c78f
commit
a6dd583c13
@ -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": {
|
||||||
|
|||||||
@ -236,110 +236,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>
|
||||||
|
|||||||
@ -251,6 +251,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();
|
||||||
|
|||||||
@ -309,112 +309,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>
|
||||||
|
|||||||
@ -170,7 +170,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();
|
||||||
|
|||||||
@ -170,112 +170,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>
|
||||||
|
|
||||||
|
|||||||
@ -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();
|
||||||
|
|||||||
@ -123,112 +123,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>
|
||||||
|
|
||||||
|
|||||||
@ -47,6 +47,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