simpo-component-library 2.2.3 → 2.2.31
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2022/lib/elements/index.mjs +6 -6
- package/esm2022/lib/elements/my-documents/my-documents.component.mjs +11 -0
- package/esm2022/lib/elements/my-orders/my-orders.component.mjs +64 -0
- package/esm2022/lib/elements/my-statement/my-statement.component.mjs +26 -0
- package/esm2022/lib/elements/need-help/need-help.component.mjs +11 -0
- package/esm2022/lib/elements/payment-confirmation/payment-confirmation.component.mjs +90 -0
- package/esm2022/lib/elements/portfolio/portfolio.component.mjs +3 -3
- package/esm2022/lib/elements/properties/properties.component.mjs +70 -0
- package/esm2022/lib/elements/property-view/property-view.component.mjs +42 -0
- package/esm2022/lib/sections/kyc-details/kyc-details.component.mjs +163 -0
- package/esm2022/lib/sections/navbar-section/navbar-section.component.mjs +41 -12
- package/esm2022/lib/sections/profile-section/profile-section.component.mjs +52 -0
- package/esm2022/lib/sections/profile-section/profile-section.modal.mjs +2 -0
- package/esm2022/lib/sections/property-component/property-component.component.mjs +78 -7
- package/esm2022/lib/sections/property-component/property-component.modal.mjs +1 -1
- package/esm2022/lib/sections/property-detail/property-detail.component.mjs +121 -0
- package/esm2022/lib/sections/property-detail/property-detail.model.mjs +2 -0
- package/esm2022/lib/sections/property-list/property-list.component.mjs +101 -48
- package/esm2022/lib/sections/signup-signin/signup-signin.component.mjs +278 -0
- package/esm2022/lib/sections/signup-signin/signup-signin.model.mjs +2 -0
- package/esm2022/lib/sections/verify-property-payment/verify-property-payment.component.mjs +55 -0
- package/esm2022/lib/services/events.service.mjs +2 -1
- package/esm2022/lib/services/rest.service.mjs +73 -5
- package/esm2022/lib/styles/index.mjs +6 -1
- package/esm2022/public-api.mjs +5 -1
- package/fesm2022/simpo-component-library.mjs +3027 -1993
- package/fesm2022/simpo-component-library.mjs.map +1 -1
- package/lib/elements/index.d.ts +3 -3
- package/lib/elements/my-documents/my-documents.component.d.ts +5 -0
- package/lib/elements/my-orders/my-orders.component.d.ts +10 -0
- package/lib/elements/my-statement/my-statement.component.d.ts +8 -0
- package/lib/elements/need-help/need-help.component.d.ts +5 -0
- package/lib/elements/payment-confirmation/payment-confirmation.component.d.ts +25 -0
- package/lib/elements/properties/properties.component.d.ts +12 -0
- package/lib/elements/property-view/property-view.component.d.ts +8 -0
- package/lib/sections/kyc-details/kyc-details.component.d.ts +38 -0
- package/lib/sections/navbar-section/navbar-section.component.d.ts +9 -1
- package/lib/sections/profile-section/profile-section.component.d.ts +16 -0
- package/lib/sections/profile-section/profile-section.modal.d.ts +5 -0
- package/lib/sections/property-component/property-component.component.d.ts +24 -4
- package/lib/sections/property-component/property-component.modal.d.ts +11 -18
- package/lib/sections/property-detail/property-detail.component.d.ts +32 -0
- package/lib/sections/property-detail/property-detail.model.d.ts +5 -0
- package/lib/sections/property-list/property-list.component.d.ts +7 -1
- package/lib/sections/signup-signin/signup-signin.component.d.ts +49 -0
- package/lib/sections/signup-signin/signup-signin.model.d.ts +10 -0
- package/lib/sections/verify-property-payment/verify-property-payment.component.d.ts +16 -0
- package/lib/services/events.service.d.ts +1 -0
- package/lib/services/rest.service.d.ts +18 -0
- package/lib/styles/index.d.ts +4 -0
- package/package.json +1 -1
- package/public-api.d.ts +4 -0
- package/simpo-component-library-2.2.31.tgz +0 -0
- package/esm2022/lib/elements/property/property.component.mjs +0 -41
- package/lib/elements/property/property.component.d.ts +0 -8
- package/simpo-component-library-2.2.3.tgz +0 -0
@@ -9,19 +9,19 @@ import { SimpoButtonComponent } from './simpo-button/simpo-button.component';
|
|
9
9
|
import { SociaIconsComponent } from './socia-icons/socia-icons.component';
|
10
10
|
import { CardSkeletonLoaderComponent } from './card-skeleton-loader/card-skeleton-loader.component';
|
11
11
|
import { SvgDividerComponent } from './svg-divider/svg-divider.component';
|
12
|
-
import { PropertyComponent } from './property/property.component';
|
13
12
|
import { PortfolioComponent } from './portfolio/portfolio.component';
|
13
|
+
import { PaymentConfirmationComponent } from './payment-confirmation/payment-confirmation.component';
|
14
14
|
import * as i0 from "@angular/core";
|
15
15
|
export class SimpoElementsModule {
|
16
16
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.4", ngImport: i0, type: SimpoElementsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
17
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.1.4", ngImport: i0, type: SimpoElementsModule, imports: [ButtonElementComponent, TextElementComponent, BelowImageCardComponent, TopOfImageCardComponent, CoveringImageCardComponent, HeadingElementComponent, SimpoButtonComponent, SociaIconsComponent, CardSkeletonLoaderComponent, SvgDividerComponent,
|
18
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.1.4", ngImport: i0, type: SimpoElementsModule, imports: [ButtonElementComponent, TextElementComponent, BelowImageCardComponent, TopOfImageCardComponent, CoveringImageCardComponent, SociaIconsComponent, CardSkeletonLoaderComponent, SvgDividerComponent,
|
17
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.1.4", ngImport: i0, type: SimpoElementsModule, imports: [ButtonElementComponent, TextElementComponent, BelowImageCardComponent, TopOfImageCardComponent, CoveringImageCardComponent, HeadingElementComponent, SimpoButtonComponent, SociaIconsComponent, CardSkeletonLoaderComponent, SvgDividerComponent, PortfolioComponent, PaymentConfirmationComponent], exports: [ButtonElementComponent, TextElementComponent, BelowImageCardComponent, TopOfImageCardComponent, CoveringImageCardComponent, HeadingElementComponent, SimpoButtonComponent, SociaIconsComponent, CardSkeletonLoaderComponent, SvgDividerComponent, PortfolioComponent, PaymentConfirmationComponent] }); }
|
18
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.1.4", ngImport: i0, type: SimpoElementsModule, imports: [ButtonElementComponent, TextElementComponent, BelowImageCardComponent, TopOfImageCardComponent, CoveringImageCardComponent, SociaIconsComponent, CardSkeletonLoaderComponent, SvgDividerComponent, PortfolioComponent, PaymentConfirmationComponent] }); }
|
19
19
|
}
|
20
20
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.4", ngImport: i0, type: SimpoElementsModule, decorators: [{
|
21
21
|
type: NgModule,
|
22
22
|
args: [{
|
23
|
-
imports: [ButtonElementComponent, TextElementComponent, BelowImageCardComponent, TopOfImageCardComponent, CoveringImageCardComponent, HeadingElementComponent, SimpoButtonComponent, SociaIconsComponent, CardSkeletonLoaderComponent, SvgDividerComponent,
|
24
|
-
exports: [ButtonElementComponent, TextElementComponent, BelowImageCardComponent, TopOfImageCardComponent, CoveringImageCardComponent, HeadingElementComponent, SimpoButtonComponent, SociaIconsComponent, CardSkeletonLoaderComponent, SvgDividerComponent,
|
23
|
+
imports: [ButtonElementComponent, TextElementComponent, BelowImageCardComponent, TopOfImageCardComponent, CoveringImageCardComponent, HeadingElementComponent, SimpoButtonComponent, SociaIconsComponent, CardSkeletonLoaderComponent, SvgDividerComponent, PortfolioComponent, PaymentConfirmationComponent],
|
24
|
+
exports: [ButtonElementComponent, TextElementComponent, BelowImageCardComponent, TopOfImageCardComponent, CoveringImageCardComponent, HeadingElementComponent, SimpoButtonComponent, SociaIconsComponent, CardSkeletonLoaderComponent, SvgDividerComponent, PortfolioComponent, PaymentConfirmationComponent],
|
25
25
|
}]
|
26
26
|
}] });
|
27
|
-
//# sourceMappingURL=data:application/json;base64,
|
27
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zaW1wby11aS9zcmMvbGliL2VsZW1lbnRzL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0sMkJBQTJCLENBQUM7QUFDbkUsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFDN0QsT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0sK0NBQStDLENBQUM7QUFDeEYsT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0saURBQWlELENBQUM7QUFDMUYsT0FBTyxFQUFFLDBCQUEwQixFQUFFLE1BQU0scURBQXFELENBQUM7QUFDakcsT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0sNkNBQTZDLENBQUM7QUFDdEYsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sdUNBQXVDLENBQUM7QUFDN0UsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0scUNBQXFDLENBQUM7QUFDMUUsT0FBTyxFQUFFLDJCQUEyQixFQUFFLE1BQU0sdURBQXVELENBQUM7QUFDcEcsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0scUNBQXFDLENBQUM7QUFDMUUsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFDckUsT0FBTyxFQUFFLDRCQUE0QixFQUFFLE1BQU0sdURBQXVELENBQUM7O0FBTXJHLE1BQU0sT0FBTyxtQkFBbUI7OEdBQW5CLG1CQUFtQjsrR0FBbkIsbUJBQW1CLFlBSHBCLHNCQUFzQixFQUFFLG9CQUFvQixFQUFFLHVCQUF1QixFQUFFLHVCQUF1QixFQUFFLDBCQUEwQixFQUFFLHVCQUF1QixFQUFDLG9CQUFvQixFQUFDLG1CQUFtQixFQUFFLDJCQUEyQixFQUFFLG1CQUFtQixFQUFDLGtCQUFrQixFQUFFLDRCQUE0QixhQUMvUixzQkFBc0IsRUFBRSxvQkFBb0IsRUFBRSx1QkFBdUIsRUFBRSx1QkFBdUIsRUFBRSwwQkFBMEIsRUFBRSx1QkFBdUIsRUFBQyxvQkFBb0IsRUFBQyxtQkFBbUIsRUFBRSwyQkFBMkIsRUFBRSxtQkFBbUIsRUFBQyxrQkFBa0IsRUFBRSw0QkFBNEI7K0dBRTlSLG1CQUFtQixZQUhwQixzQkFBc0IsRUFBRSxvQkFBb0IsRUFBRSx1QkFBdUIsRUFBRSx1QkFBdUIsRUFBRSwwQkFBMEIsRUFBK0MsbUJBQW1CLEVBQUUsMkJBQTJCLEVBQUUsbUJBQW1CLEVBQUMsa0JBQWtCLEVBQUUsNEJBQTRCOzsyRkFHOVIsbUJBQW1CO2tCQUovQixRQUFRO21CQUFDO29CQUNSLE9BQU8sRUFBRSxDQUFDLHNCQUFzQixFQUFFLG9CQUFvQixFQUFFLHVCQUF1QixFQUFFLHVCQUF1QixFQUFFLDBCQUEwQixFQUFFLHVCQUF1QixFQUFDLG9CQUFvQixFQUFDLG1CQUFtQixFQUFFLDJCQUEyQixFQUFFLG1CQUFtQixFQUFDLGtCQUFrQixFQUFFLDRCQUE0QixDQUFDO29CQUMxUyxPQUFPLEVBQUUsQ0FBQyxzQkFBc0IsRUFBRSxvQkFBb0IsRUFBRSx1QkFBdUIsRUFBRSx1QkFBdUIsRUFBRSwwQkFBMEIsRUFBRSx1QkFBdUIsRUFBQyxvQkFBb0IsRUFBQyxtQkFBbUIsRUFBRSwyQkFBMkIsRUFBRSxtQkFBbUIsRUFBQyxrQkFBa0IsRUFBRSw0QkFBNEIsQ0FBQztpQkFDM1MiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBCdXR0b25FbGVtZW50Q29tcG9uZW50IH0gZnJvbSAnLi9idXR0b24vYnV0dG9uLmNvbXBvbmVudCc7XHJcbmltcG9ydCB7IFRleHRFbGVtZW50Q29tcG9uZW50IH0gZnJvbSAnLi90ZXh0L3RleHQuY29tcG9uZW50JztcclxuaW1wb3J0IHsgQmVsb3dJbWFnZUNhcmRDb21wb25lbnQgfSBmcm9tICcuL2JlbG93LWltYWdlLWNhcmQvYmVsb3ctaW1hZ2UtY2FyZC5jb21wb25lbnQnO1xyXG5pbXBvcnQgeyBUb3BPZkltYWdlQ2FyZENvbXBvbmVudCB9IGZyb20gJy4vdG9wLW9mLWltYWdlLWNhcmQvdG9wLW9mLWltYWdlLWNhcmQuY29tcG9uZW50JztcclxuaW1wb3J0IHsgQ292ZXJpbmdJbWFnZUNhcmRDb21wb25lbnQgfSBmcm9tICcuL2NvdmVyaW5nLWltYWdlLWNhcmQvY292ZXJpbmctaW1hZ2UtY2FyZC5jb21wb25lbnQnO1xyXG5pbXBvcnQgeyBIZWFkaW5nRWxlbWVudENvbXBvbmVudCB9IGZyb20gJy4vaGVhZGluZy1lbGVtZW50L2hlYWRpbmctZWxlbWVudC5jb21wb25lbnQnO1xyXG5pbXBvcnQgeyBTaW1wb0J1dHRvbkNvbXBvbmVudCB9IGZyb20gJy4vc2ltcG8tYnV0dG9uL3NpbXBvLWJ1dHRvbi5jb21wb25lbnQnO1xyXG5pbXBvcnQgeyBTb2NpYUljb25zQ29tcG9uZW50IH0gZnJvbSAnLi9zb2NpYS1pY29ucy9zb2NpYS1pY29ucy5jb21wb25lbnQnO1xyXG5pbXBvcnQgeyBDYXJkU2tlbGV0b25Mb2FkZXJDb21wb25lbnQgfSBmcm9tICcuL2NhcmQtc2tlbGV0b24tbG9hZGVyL2NhcmQtc2tlbGV0b24tbG9hZGVyLmNvbXBvbmVudCc7XHJcbmltcG9ydCB7IFN2Z0RpdmlkZXJDb21wb25lbnQgfSBmcm9tICcuL3N2Zy1kaXZpZGVyL3N2Zy1kaXZpZGVyLmNvbXBvbmVudCc7XHJcbmltcG9ydCB7IFBvcnRmb2xpb0NvbXBvbmVudCB9IGZyb20gJy4vcG9ydGZvbGlvL3BvcnRmb2xpby5jb21wb25lbnQnO1xyXG5pbXBvcnQgeyBQYXltZW50Q29uZmlybWF0aW9uQ29tcG9uZW50IH0gZnJvbSAnLi9wYXltZW50LWNvbmZpcm1hdGlvbi9wYXltZW50LWNvbmZpcm1hdGlvbi5jb21wb25lbnQnO1xyXG5cclxuQE5nTW9kdWxlKHtcclxuICBpbXBvcnRzOiBbQnV0dG9uRWxlbWVudENvbXBvbmVudCwgVGV4dEVsZW1lbnRDb21wb25lbnQsIEJlbG93SW1hZ2VDYXJkQ29tcG9uZW50LCBUb3BPZkltYWdlQ2FyZENvbXBvbmVudCwgQ292ZXJpbmdJbWFnZUNhcmRDb21wb25lbnQsIEhlYWRpbmdFbGVtZW50Q29tcG9uZW50LFNpbXBvQnV0dG9uQ29tcG9uZW50LFNvY2lhSWNvbnNDb21wb25lbnQsIENhcmRTa2VsZXRvbkxvYWRlckNvbXBvbmVudCwgU3ZnRGl2aWRlckNvbXBvbmVudCxQb3J0Zm9saW9Db21wb25lbnQsIFBheW1lbnRDb25maXJtYXRpb25Db21wb25lbnRdLFxyXG4gIGV4cG9ydHM6IFtCdXR0b25FbGVtZW50Q29tcG9uZW50LCBUZXh0RWxlbWVudENvbXBvbmVudCwgQmVsb3dJbWFnZUNhcmRDb21wb25lbnQsIFRvcE9mSW1hZ2VDYXJkQ29tcG9uZW50LCBDb3ZlcmluZ0ltYWdlQ2FyZENvbXBvbmVudCwgSGVhZGluZ0VsZW1lbnRDb21wb25lbnQsU2ltcG9CdXR0b25Db21wb25lbnQsU29jaWFJY29uc0NvbXBvbmVudCwgQ2FyZFNrZWxldG9uTG9hZGVyQ29tcG9uZW50LCBTdmdEaXZpZGVyQ29tcG9uZW50LFBvcnRmb2xpb0NvbXBvbmVudCwgUGF5bWVudENvbmZpcm1hdGlvbkNvbXBvbmVudF0sXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBTaW1wb0VsZW1lbnRzTW9kdWxlIHsgfVxyXG4iXX0=
|
@@ -0,0 +1,11 @@
|
|
1
|
+
import { Component } from '@angular/core';
|
2
|
+
import * as i0 from "@angular/core";
|
3
|
+
export class MyDocumentsComponent {
|
4
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.4", ngImport: i0, type: MyDocumentsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
5
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.4", type: MyDocumentsComponent, isStandalone: true, selector: "simpo-my-documents", ngImport: i0, template: "<p>my-documents works!</p>\r\n", styles: [""] }); }
|
6
|
+
}
|
7
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.4", ngImport: i0, type: MyDocumentsComponent, decorators: [{
|
8
|
+
type: Component,
|
9
|
+
args: [{ selector: 'simpo-my-documents', standalone: true, imports: [], template: "<p>my-documents works!</p>\r\n" }]
|
10
|
+
}] });
|
11
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibXktZG9jdW1lbnRzLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NpbXBvLXVpL3NyYy9saWIvZWxlbWVudHMvbXktZG9jdW1lbnRzL215LWRvY3VtZW50cy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zaW1wby11aS9zcmMvbGliL2VsZW1lbnRzL215LWRvY3VtZW50cy9teS1kb2N1bWVudHMuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFTMUMsTUFBTSxPQUFPLG9CQUFvQjs4R0FBcEIsb0JBQW9CO2tHQUFwQixvQkFBb0IsOEVDVGpDLGdDQUNBOzsyRkRRYSxvQkFBb0I7a0JBUGhDLFNBQVM7K0JBQ0Usb0JBQW9CLGNBQ2xCLElBQUksV0FDUCxFQUFFIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ3NpbXBvLW15LWRvY3VtZW50cycsXHJcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcclxuICBpbXBvcnRzOiBbXSxcclxuICB0ZW1wbGF0ZVVybDogJy4vbXktZG9jdW1lbnRzLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybDogJy4vbXktZG9jdW1lbnRzLmNvbXBvbmVudC5jc3MnXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBNeURvY3VtZW50c0NvbXBvbmVudCB7XHJcblxyXG59XHJcbiIsIjxwPm15LWRvY3VtZW50cyB3b3JrcyE8L3A+XHJcbiJdfQ==
|
@@ -0,0 +1,64 @@
|
|
1
|
+
import { CommonModule } from '@angular/common';
|
2
|
+
import { Component } from '@angular/core';
|
3
|
+
import { MatIcon } from '@angular/material/icon';
|
4
|
+
import * as i0 from "@angular/core";
|
5
|
+
import * as i1 from "@angular/common";
|
6
|
+
export class MyOrdersComponent {
|
7
|
+
constructor() {
|
8
|
+
this.activeTab = "ALL_ORDERS";
|
9
|
+
this.tabs = [
|
10
|
+
{ viewValue: "All Orders", value: "ALL_ORDERS" },
|
11
|
+
{ viewValue: "Open Orders", value: "ORDERS" },
|
12
|
+
{ viewValue: "Successful Orders", value: "SUCCESS" },
|
13
|
+
{ viewValue: "Unsuccessful Orders", value: "UNSUCCESS" },
|
14
|
+
{ viewValue: "Sell Orders", value: "SELL" },
|
15
|
+
];
|
16
|
+
this.properties = [
|
17
|
+
{
|
18
|
+
imgUrl: "https://prod-simpo.s3.ap-south-1.amazonaws.com/prod-images/815921c1739254843186image%20%285%29.png",
|
19
|
+
status: "SUCCESS",
|
20
|
+
investedOn: "10th May 2023",
|
21
|
+
sqft: "450 Sq ft",
|
22
|
+
investedAmount: "₹4.1 L",
|
23
|
+
orderType: "Sell Order",
|
24
|
+
orderPlacedOn: "10th May 2023",
|
25
|
+
orderExecutedOn: "12th May 2023",
|
26
|
+
propertyName: "Real Estate Debt Investment - Blue Moon",
|
27
|
+
propertyLocation: "RRR Hyderabad, Telangana",
|
28
|
+
},
|
29
|
+
{
|
30
|
+
imgUrl: "https://prod-simpo.s3.ap-south-1.amazonaws.com/prod-images/815921c1739254843186image%20%285%29.png",
|
31
|
+
status: "PENDING",
|
32
|
+
investedOn: "10th May 2023",
|
33
|
+
sqft: "450 Sq ft",
|
34
|
+
investedAmount: "₹4.1 L",
|
35
|
+
orderType: "Buy Order",
|
36
|
+
orderPlacedOn: "10th May 2023",
|
37
|
+
orderExecutedOn: "12th May 2023",
|
38
|
+
propertyName: "Real Estate Debt Investment - Blue Moon",
|
39
|
+
propertyLocation: "RRR Hyderabad, Telangana",
|
40
|
+
},
|
41
|
+
{
|
42
|
+
imgUrl: "https://prod-simpo.s3.ap-south-1.amazonaws.com/prod-images/815921c1739254843186image%20%285%29.png",
|
43
|
+
status: "CANCELLED",
|
44
|
+
investedOn: "10th May 2023",
|
45
|
+
sqft: "450 Sq ft",
|
46
|
+
investedAmount: "₹4.1 L",
|
47
|
+
orderType: "Buy Order",
|
48
|
+
orderPlacedOn: "10th May 2023",
|
49
|
+
orderExecutedOn: "12th May 2023",
|
50
|
+
propertyName: "Real Estate Debt Investment - Blue Moon",
|
51
|
+
propertyLocation: "RRR Hyderabad, Telangana",
|
52
|
+
}
|
53
|
+
];
|
54
|
+
}
|
55
|
+
ngOnInit() {
|
56
|
+
}
|
57
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.4", ngImport: i0, type: MyOrdersComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
58
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.4", type: MyOrdersComponent, isStandalone: true, selector: "simpo-my-orders", ngImport: i0, template: "<div class=\"main-container\">\r\n <div class=\"property-tabs d-flex gap-10 mt-3 mb-3\">\r\n <div class=\"tab\" *ngFor=\"let ele of tabs\" (click)=\"activeTab = ele.value\"\r\n [class.tabActive]=\"activeTab == ele.value\">{{ele.viewValue}}</div>\r\n </div>\r\n <div class=\"cards-container\">\r\n <div class=\"property-card mb-3\" *ngFor=\"let ele of properties\">\r\n <div class=\"card-top d-flex justify-content-between\">\r\n <div class=\"card-left d-flex p-10 align-items-center\">\r\n <div class=\"br-1 p-0-10\">\r\n <div class=\"status\" [class.success]=\"ele.status == 'SUCCESS'\" [class.cancelled]=\"ele.status == 'CANCELLED'\">\r\n • {{ele.status | titlecase}}\r\n </div>\r\n </div>\r\n <div class=\"investedOn p-10\">\r\n {{ele.investedOn}}\r\n </div>\r\n </div>\r\n <div class=\"card-right d-flex align-items-center\" [class.buy]=\"ele.orderType == 'Buy Order' \">\r\n {{ele.orderType}}\r\n </div>\r\n </div>\r\n <div class=\"card-middle d-flex justify-content-between p-15\">\r\n <div class=\"middle-1 d-flex gap-10\">\r\n <div class=\"image-container\">\r\n <img [src]=\"ele.imgUrl\" alt=\"property image\" class=\"property-img\">\r\n </div>\r\n <div class=\"property-details\">\r\n <div class=\"property-name\">{{ele.propertyName}}</div>\r\n <div class=\"property-location\">{{ele.propertyLocation}}</div>\r\n </div>\r\n </div>\r\n <div class=\"middle-2\">\r\n {{ele.sqft}}\r\n </div>\r\n <div class=\"middle-3\">\r\n {{ele.investedAmount}}\r\n </div>\r\n </div>\r\n <div class=\"card-bottom d-flex align-items-center\">\r\n <div class=\"round-container\">\r\n <div class=\"round-1 d-flex align-items-center justify-content-center round-1-active\"><mat-icon class=\"d-flex align-items-center justify-content-center f-16\">check</mat-icon></div>\r\n </div>\r\n <div class=\"line\"></div>\r\n <div class=\"round-container\">\r\n <div class=\"round-2 d-flex align-items-center justify-content-center\" [class.round-1-active]=\"ele.status == 'SUCCESS'\" [class.round-cancelled]=\"ele.status == 'CANCELLED'\"><mat-icon *ngIf=\"ele.status == 'CANCELLED'\" class=\"d-flex align-items-center justify-content-center f-16\">close</mat-icon><mat-icon class=\"d-flex align-items-center justify-content-center f-16\" *ngIf=\"ele.status == 'SUCCESS'\">check</mat-icon></div>\r\n </div>\r\n </div>\r\n <div class=\"card-bottom d-flex justify-content-between\">\r\n <div class=\"placed\">\r\n <p class=\"placed-text mb-0\">Order Placed</p><span class=\"date\">{{ele.orderPlacedOn}}</span>\r\n </div>\r\n <div class=\"placed\">\r\n <p class=\"placed-text mb-0\">Order {{ele.status == 'CANCELLED' ? \"Cancelled\" : \"Executed\"}}</p><span class=\"date\">{{ele.orderExecutedOn}}</span>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n</div>", styles: ["*{font-family:DM Sans!important}mat-icon{font-family:Material Icons!important}.tab{padding:10px;background:#fff;border:1px solid rgba(0,0,0,.05);border-radius:8px;font-size:16px;line-height:24px;font-weight:500;color:#01161e;cursor:pointer}.tabActive{color:#f8a938!important;border:1px solid rgba(248,169,56,1)!important}.gap-10{gap:10px}.cards-container{height:70vh;overflow-y:scroll}.property-card{background:#fff;border:1px solid rgba(0,0,0,.04);border-radius:10px}.p-10{padding:10px}.p-15{padding:15px}.status{background:#ffd84b1a;border-radius:10px;font-size:14px;font-weight:600;line-height:21px;color:#f3be00;padding:5px}.success{background-color:#09b6000f!important;color:#09b600!important}.cancelled{background-color:#9017150d!important;color:#e43d11!important}.br-1{border-right:2px solid rgba(0,0,0,.2)}.card-bottom{width:70%;margin:0 auto}.round-1,.round-2{height:3vh;width:20px;background:#e1e1e1;border-radius:50%}.round-1-active{background:#f8a938!important;color:#fff}.f-18{font-size:18px}.line{background:#e1e1e1;height:2px;width:80%}.card-bottom-1{width:70%;margin:0 auto}.investedOn{font-size:16px;line-height:21px;font-weight:600;color:#000000b3}.card-right{background:#f86e38;border-radius:8px 0 0 8px;font-size:14px;line-height:24px;padding:5px;font-weight:600;color:#fff;margin:15px 0}.buy{background:#077b01!important}.property-name{font-size:16px;line-height:21px;font-weight:600;color:#0009}.property-location{font-size:14px;line-height:44px;font-weight:500;color:#0000004d}.middle-2{font-size:16px;line-height:21px;color:#000000b3;font-weight:600}.middle-3{font-size:26px;line-height:33px;font-weight:700;color:#000000b3}.placed-text{font-size:16px;font-weight:600;line-height:21px;color:#000000b3}.date{font-size:14px;line-height:44px;font-weight:500;color:#0000004d}.property-img{height:8vh;width:80px;border-radius:10px}.f-16{font-size:16px}.p-0-10{padding:0 10px}.round-cancelled{background-color:#fd3516!important;color:#fff!important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1.TitleCasePipe, name: "titlecase" }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] }); }
|
59
|
+
}
|
60
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.4", ngImport: i0, type: MyOrdersComponent, decorators: [{
|
61
|
+
type: Component,
|
62
|
+
args: [{ selector: 'simpo-my-orders', standalone: true, imports: [CommonModule, MatIcon], template: "<div class=\"main-container\">\r\n <div class=\"property-tabs d-flex gap-10 mt-3 mb-3\">\r\n <div class=\"tab\" *ngFor=\"let ele of tabs\" (click)=\"activeTab = ele.value\"\r\n [class.tabActive]=\"activeTab == ele.value\">{{ele.viewValue}}</div>\r\n </div>\r\n <div class=\"cards-container\">\r\n <div class=\"property-card mb-3\" *ngFor=\"let ele of properties\">\r\n <div class=\"card-top d-flex justify-content-between\">\r\n <div class=\"card-left d-flex p-10 align-items-center\">\r\n <div class=\"br-1 p-0-10\">\r\n <div class=\"status\" [class.success]=\"ele.status == 'SUCCESS'\" [class.cancelled]=\"ele.status == 'CANCELLED'\">\r\n • {{ele.status | titlecase}}\r\n </div>\r\n </div>\r\n <div class=\"investedOn p-10\">\r\n {{ele.investedOn}}\r\n </div>\r\n </div>\r\n <div class=\"card-right d-flex align-items-center\" [class.buy]=\"ele.orderType == 'Buy Order' \">\r\n {{ele.orderType}}\r\n </div>\r\n </div>\r\n <div class=\"card-middle d-flex justify-content-between p-15\">\r\n <div class=\"middle-1 d-flex gap-10\">\r\n <div class=\"image-container\">\r\n <img [src]=\"ele.imgUrl\" alt=\"property image\" class=\"property-img\">\r\n </div>\r\n <div class=\"property-details\">\r\n <div class=\"property-name\">{{ele.propertyName}}</div>\r\n <div class=\"property-location\">{{ele.propertyLocation}}</div>\r\n </div>\r\n </div>\r\n <div class=\"middle-2\">\r\n {{ele.sqft}}\r\n </div>\r\n <div class=\"middle-3\">\r\n {{ele.investedAmount}}\r\n </div>\r\n </div>\r\n <div class=\"card-bottom d-flex align-items-center\">\r\n <div class=\"round-container\">\r\n <div class=\"round-1 d-flex align-items-center justify-content-center round-1-active\"><mat-icon class=\"d-flex align-items-center justify-content-center f-16\">check</mat-icon></div>\r\n </div>\r\n <div class=\"line\"></div>\r\n <div class=\"round-container\">\r\n <div class=\"round-2 d-flex align-items-center justify-content-center\" [class.round-1-active]=\"ele.status == 'SUCCESS'\" [class.round-cancelled]=\"ele.status == 'CANCELLED'\"><mat-icon *ngIf=\"ele.status == 'CANCELLED'\" class=\"d-flex align-items-center justify-content-center f-16\">close</mat-icon><mat-icon class=\"d-flex align-items-center justify-content-center f-16\" *ngIf=\"ele.status == 'SUCCESS'\">check</mat-icon></div>\r\n </div>\r\n </div>\r\n <div class=\"card-bottom d-flex justify-content-between\">\r\n <div class=\"placed\">\r\n <p class=\"placed-text mb-0\">Order Placed</p><span class=\"date\">{{ele.orderPlacedOn}}</span>\r\n </div>\r\n <div class=\"placed\">\r\n <p class=\"placed-text mb-0\">Order {{ele.status == 'CANCELLED' ? \"Cancelled\" : \"Executed\"}}</p><span class=\"date\">{{ele.orderExecutedOn}}</span>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n</div>", styles: ["*{font-family:DM Sans!important}mat-icon{font-family:Material Icons!important}.tab{padding:10px;background:#fff;border:1px solid rgba(0,0,0,.05);border-radius:8px;font-size:16px;line-height:24px;font-weight:500;color:#01161e;cursor:pointer}.tabActive{color:#f8a938!important;border:1px solid rgba(248,169,56,1)!important}.gap-10{gap:10px}.cards-container{height:70vh;overflow-y:scroll}.property-card{background:#fff;border:1px solid rgba(0,0,0,.04);border-radius:10px}.p-10{padding:10px}.p-15{padding:15px}.status{background:#ffd84b1a;border-radius:10px;font-size:14px;font-weight:600;line-height:21px;color:#f3be00;padding:5px}.success{background-color:#09b6000f!important;color:#09b600!important}.cancelled{background-color:#9017150d!important;color:#e43d11!important}.br-1{border-right:2px solid rgba(0,0,0,.2)}.card-bottom{width:70%;margin:0 auto}.round-1,.round-2{height:3vh;width:20px;background:#e1e1e1;border-radius:50%}.round-1-active{background:#f8a938!important;color:#fff}.f-18{font-size:18px}.line{background:#e1e1e1;height:2px;width:80%}.card-bottom-1{width:70%;margin:0 auto}.investedOn{font-size:16px;line-height:21px;font-weight:600;color:#000000b3}.card-right{background:#f86e38;border-radius:8px 0 0 8px;font-size:14px;line-height:24px;padding:5px;font-weight:600;color:#fff;margin:15px 0}.buy{background:#077b01!important}.property-name{font-size:16px;line-height:21px;font-weight:600;color:#0009}.property-location{font-size:14px;line-height:44px;font-weight:500;color:#0000004d}.middle-2{font-size:16px;line-height:21px;color:#000000b3;font-weight:600}.middle-3{font-size:26px;line-height:33px;font-weight:700;color:#000000b3}.placed-text{font-size:16px;font-weight:600;line-height:21px;color:#000000b3}.date{font-size:14px;line-height:44px;font-weight:500;color:#0000004d}.property-img{height:8vh;width:80px;border-radius:10px}.f-16{font-size:16px}.p-0-10{padding:0 10px}.round-cancelled{background-color:#fd3516!important;color:#fff!important}\n"] }]
|
63
|
+
}], ctorParameters: () => [] });
|
64
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibXktb3JkZXJzLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NpbXBvLXVpL3NyYy9saWIvZWxlbWVudHMvbXktb3JkZXJzL215LW9yZGVycy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zaW1wby11aS9zcmMvbGliL2VsZW1lbnRzL215LW9yZGVycy9teS1vcmRlcnMuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDMUMsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLHdCQUF3QixDQUFDOzs7QUFTakQsTUFBTSxPQUFPLGlCQUFpQjtJQUU1QjtRQVFBLGNBQVMsR0FBUyxZQUFZLENBQUE7UUFDOUIsU0FBSSxHQUFTO1lBQ1gsRUFBQyxTQUFTLEVBQUcsWUFBWSxFQUFHLEtBQUssRUFBRyxZQUFZLEVBQUM7WUFDakQsRUFBQyxTQUFTLEVBQUcsYUFBYSxFQUFHLEtBQUssRUFBRyxRQUFRLEVBQUM7WUFDOUMsRUFBQyxTQUFTLEVBQUcsbUJBQW1CLEVBQUcsS0FBSyxFQUFHLFNBQVMsRUFBQztZQUNyRCxFQUFDLFNBQVMsRUFBRyxxQkFBcUIsRUFBRyxLQUFLLEVBQUcsV0FBVyxFQUFDO1lBQ3pELEVBQUMsU0FBUyxFQUFHLGFBQWEsRUFBRyxLQUFLLEVBQUcsTUFBTSxFQUFDO1NBQzdDLENBQUE7UUFFRCxlQUFVLEdBQVM7WUFDakI7Z0JBQ0UsTUFBTSxFQUFHLG9HQUFvRztnQkFDN0csTUFBTSxFQUFHLFNBQVM7Z0JBQ2xCLFVBQVUsRUFBRyxlQUFlO2dCQUM1QixJQUFJLEVBQUcsV0FBVztnQkFDbEIsY0FBYyxFQUFHLFFBQVE7Z0JBQ3pCLFNBQVMsRUFBRyxZQUFZO2dCQUN4QixhQUFhLEVBQUcsZUFBZTtnQkFDL0IsZUFBZSxFQUFHLGVBQWU7Z0JBQ2pDLFlBQVksRUFBRyx5Q0FBeUM7Z0JBQ3hELGdCQUFnQixFQUFHLDBCQUEwQjthQUM5QztZQUNEO2dCQUNFLE1BQU0sRUFBRyxvR0FBb0c7Z0JBQzdHLE1BQU0sRUFBRyxTQUFTO2dCQUNsQixVQUFVLEVBQUcsZUFBZTtnQkFDNUIsSUFBSSxFQUFHLFdBQVc7Z0JBQ2xCLGNBQWMsRUFBRyxRQUFRO2dCQUN6QixTQUFTLEVBQUcsV0FBVztnQkFDdkIsYUFBYSxFQUFHLGVBQWU7Z0JBQy9CLGVBQWUsRUFBRyxlQUFlO2dCQUNqQyxZQUFZLEVBQUcseUNBQXlDO2dCQUN4RCxnQkFBZ0IsRUFBRywwQkFBMEI7YUFDOUM7WUFDRDtnQkFDRSxNQUFNLEVBQUcsb0dBQW9HO2dCQUM3RyxNQUFNLEVBQUcsV0FBVztnQkFDcEIsVUFBVSxFQUFHLGVBQWU7Z0JBQzVCLElBQUksRUFBRyxXQUFXO2dCQUNsQixjQUFjLEVBQUcsUUFBUTtnQkFDekIsU0FBUyxFQUFHLFdBQVc7Z0JBQ3ZCLGFBQWEsRUFBRyxlQUFlO2dCQUMvQixlQUFlLEVBQUcsZUFBZTtnQkFDakMsWUFBWSxFQUFHLHlDQUF5QztnQkFDeEQsZ0JBQWdCLEVBQUcsMEJBQTBCO2FBQzlDO1NBQ0YsQ0FBQTtJQXBERCxDQUFDO0lBRUQsUUFBUTtJQUVSLENBQUM7OEdBUlUsaUJBQWlCO2tHQUFqQixpQkFBaUIsMkVDWDlCLCtoSEEwRE0sMCtERG5ETSxZQUFZLDZUQUFDLE9BQU87OzJGQUluQixpQkFBaUI7a0JBUDdCLFNBQVM7K0JBQ0UsaUJBQWlCLGNBQ2YsSUFBSSxXQUNQLENBQUMsWUFBWSxFQUFDLE9BQU8sQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XHJcbmltcG9ydCB7IENvbXBvbmVudCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBNYXRJY29uIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvaWNvbic7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ3NpbXBvLW15LW9yZGVycycsXHJcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcclxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLE1hdEljb25dLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9teS1vcmRlcnMuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsOiAnLi9teS1vcmRlcnMuY29tcG9uZW50LmNzcydcclxufSlcclxuZXhwb3J0IGNsYXNzIE15T3JkZXJzQ29tcG9uZW50IHtcclxuXHJcbiAgY29uc3RydWN0b3IoKXtcclxuXHJcbiAgfVxyXG5cclxuICBuZ09uSW5pdCgpe1xyXG5cclxuICB9XHJcblxyXG4gIGFjdGl2ZVRhYiA6IGFueSA9IFwiQUxMX09SREVSU1wiXHJcbiAgdGFicyA6IGFueSA9IFtcclxuICAgIHt2aWV3VmFsdWUgOiBcIkFsbCBPcmRlcnNcIiAsIHZhbHVlIDogXCJBTExfT1JERVJTXCJ9LFxyXG4gICAge3ZpZXdWYWx1ZSA6IFwiT3BlbiBPcmRlcnNcIiAsIHZhbHVlIDogXCJPUkRFUlNcIn0sXHJcbiAgICB7dmlld1ZhbHVlIDogXCJTdWNjZXNzZnVsIE9yZGVyc1wiICwgdmFsdWUgOiBcIlNVQ0NFU1NcIn0sICAgIFxyXG4gICAge3ZpZXdWYWx1ZSA6IFwiVW5zdWNjZXNzZnVsIE9yZGVyc1wiICwgdmFsdWUgOiBcIlVOU1VDQ0VTU1wifSxcclxuICAgIHt2aWV3VmFsdWUgOiBcIlNlbGwgT3JkZXJzXCIgLCB2YWx1ZSA6IFwiU0VMTFwifSwgICBcclxuICBdXHJcblxyXG4gIHByb3BlcnRpZXMgOiBhbnkgPSBbXHJcbiAgICB7XHJcbiAgICAgIGltZ1VybCA6IFwiaHR0cHM6Ly9wcm9kLXNpbXBvLnMzLmFwLXNvdXRoLTEuYW1hem9uYXdzLmNvbS9wcm9kLWltYWdlcy84MTU5MjFjMTczOTI1NDg0MzE4NmltYWdlJTIwJTI4NSUyOS5wbmdcIixcclxuICAgICAgc3RhdHVzIDogXCJTVUNDRVNTXCIsXHJcbiAgICAgIGludmVzdGVkT24gOiBcIjEwdGggTWF5IDIwMjNcIixcclxuICAgICAgc3FmdCA6IFwiNDUwIFNxIGZ0XCIsXHJcbiAgICAgIGludmVzdGVkQW1vdW50IDogXCLigrk0LjEgTFwiLFxyXG4gICAgICBvcmRlclR5cGUgOiBcIlNlbGwgT3JkZXJcIixcclxuICAgICAgb3JkZXJQbGFjZWRPbiA6IFwiMTB0aCBNYXkgMjAyM1wiLFxyXG4gICAgICBvcmRlckV4ZWN1dGVkT24gOiBcIjEydGggTWF5IDIwMjNcIixcclxuICAgICAgcHJvcGVydHlOYW1lIDogXCJSZWFsIEVzdGF0ZSBEZWJ0IEludmVzdG1lbnQgLSBCbHVlIE1vb25cIixcclxuICAgICAgcHJvcGVydHlMb2NhdGlvbiA6IFwiUlJSIEh5ZGVyYWJhZCwgVGVsYW5nYW5hXCIsXHJcbiAgICB9LFxyXG4gICAge1xyXG4gICAgICBpbWdVcmwgOiBcImh0dHBzOi8vcHJvZC1zaW1wby5zMy5hcC1zb3V0aC0xLmFtYXpvbmF3cy5jb20vcHJvZC1pbWFnZXMvODE1OTIxYzE3MzkyNTQ4NDMxODZpbWFnZSUyMCUyODUlMjkucG5nXCIsXHJcbiAgICAgIHN0YXR1cyA6IFwiUEVORElOR1wiLFxyXG4gICAgICBpbnZlc3RlZE9uIDogXCIxMHRoIE1heSAyMDIzXCIsXHJcbiAgICAgIHNxZnQgOiBcIjQ1MCBTcSBmdFwiLFxyXG4gICAgICBpbnZlc3RlZEFtb3VudCA6IFwi4oK5NC4xIExcIixcclxuICAgICAgb3JkZXJUeXBlIDogXCJCdXkgT3JkZXJcIixcclxuICAgICAgb3JkZXJQbGFjZWRPbiA6IFwiMTB0aCBNYXkgMjAyM1wiLFxyXG4gICAgICBvcmRlckV4ZWN1dGVkT24gOiBcIjEydGggTWF5IDIwMjNcIixcclxuICAgICAgcHJvcGVydHlOYW1lIDogXCJSZWFsIEVzdGF0ZSBEZWJ0IEludmVzdG1lbnQgLSBCbHVlIE1vb25cIixcclxuICAgICAgcHJvcGVydHlMb2NhdGlvbiA6IFwiUlJSIEh5ZGVyYWJhZCwgVGVsYW5nYW5hXCIsXHJcbiAgICB9LFxyXG4gICAge1xyXG4gICAgICBpbWdVcmwgOiBcImh0dHBzOi8vcHJvZC1zaW1wby5zMy5hcC1zb3V0aC0xLmFtYXpvbmF3cy5jb20vcHJvZC1pbWFnZXMvODE1OTIxYzE3MzkyNTQ4NDMxODZpbWFnZSUyMCUyODUlMjkucG5nXCIsXHJcbiAgICAgIHN0YXR1cyA6IFwiQ0FOQ0VMTEVEXCIsXHJcbiAgICAgIGludmVzdGVkT24gOiBcIjEwdGggTWF5IDIwMjNcIixcclxuICAgICAgc3FmdCA6IFwiNDUwIFNxIGZ0XCIsXHJcbiAgICAgIGludmVzdGVkQW1vdW50IDogXCLigrk0LjEgTFwiLFxyXG4gICAgICBvcmRlclR5cGUgOiBcIkJ1eSBPcmRlclwiLFxyXG4gICAgICBvcmRlclBsYWNlZE9uIDogXCIxMHRoIE1heSAyMDIzXCIsXHJcbiAgICAgIG9yZGVyRXhlY3V0ZWRPbiA6IFwiMTJ0aCBNYXkgMjAyM1wiLFxyXG4gICAgICBwcm9wZXJ0eU5hbWUgOiBcIlJlYWwgRXN0YXRlIERlYnQgSW52ZXN0bWVudCAtIEJsdWUgTW9vblwiLFxyXG4gICAgICBwcm9wZXJ0eUxvY2F0aW9uIDogXCJSUlIgSHlkZXJhYmFkLCBUZWxhbmdhbmFcIixcclxuICAgIH1cclxuICBdXHJcblxyXG5cclxufVxyXG4iLCI8ZGl2IGNsYXNzPVwibWFpbi1jb250YWluZXJcIj5cclxuICAgIDxkaXYgY2xhc3M9XCJwcm9wZXJ0eS10YWJzIGQtZmxleCBnYXAtMTAgbXQtMyBtYi0zXCI+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cInRhYlwiICpuZ0Zvcj1cImxldCBlbGUgb2YgdGFic1wiIChjbGljayk9XCJhY3RpdmVUYWIgPSBlbGUudmFsdWVcIlxyXG4gICAgICAgICAgICBbY2xhc3MudGFiQWN0aXZlXT1cImFjdGl2ZVRhYiA9PSBlbGUudmFsdWVcIj57e2VsZS52aWV3VmFsdWV9fTwvZGl2PlxyXG4gICAgPC9kaXY+XHJcbiAgICA8ZGl2IGNsYXNzPVwiY2FyZHMtY29udGFpbmVyXCI+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cInByb3BlcnR5LWNhcmQgbWItM1wiICpuZ0Zvcj1cImxldCBlbGUgb2YgcHJvcGVydGllc1wiPlxyXG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwiY2FyZC10b3AgZC1mbGV4IGp1c3RpZnktY29udGVudC1iZXR3ZWVuXCI+XHJcbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiY2FyZC1sZWZ0IGQtZmxleCBwLTEwIGFsaWduLWl0ZW1zLWNlbnRlclwiPlxyXG4gICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJici0xIHAtMC0xMFwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwic3RhdHVzXCIgW2NsYXNzLnN1Y2Nlc3NdPVwiZWxlLnN0YXR1cyA9PSAnU1VDQ0VTUydcIiBbY2xhc3MuY2FuY2VsbGVkXT1cImVsZS5zdGF0dXMgPT0gJ0NBTkNFTExFRCdcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICYjeDIwMjI7Jm5ic3A7e3tlbGUuc3RhdHVzIHwgdGl0bGVjYXNlfX1cclxuICAgICAgICAgICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImludmVzdGVkT24gcC0xMFwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICB7e2VsZS5pbnZlc3RlZE9ufX1cclxuICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImNhcmQtcmlnaHQgZC1mbGV4IGFsaWduLWl0ZW1zLWNlbnRlclwiIFtjbGFzcy5idXldPVwiZWxlLm9yZGVyVHlwZSA9PSAnQnV5IE9yZGVyJyBcIj5cclxuICAgICAgICAgICAgICAgICAgICB7e2VsZS5vcmRlclR5cGV9fVxyXG4gICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwiY2FyZC1taWRkbGUgZC1mbGV4IGp1c3RpZnktY29udGVudC1iZXR3ZWVuIHAtMTVcIj5cclxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJtaWRkbGUtMSBkLWZsZXggZ2FwLTEwXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImltYWdlLWNvbnRhaW5lclwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8aW1nIFtzcmNdPVwiZWxlLmltZ1VybFwiIGFsdD1cInByb3BlcnR5IGltYWdlXCIgY2xhc3M9XCJwcm9wZXJ0eS1pbWdcIj5cclxuICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwicHJvcGVydHktZGV0YWlsc1wiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwicHJvcGVydHktbmFtZVwiPnt7ZWxlLnByb3BlcnR5TmFtZX19PC9kaXY+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJwcm9wZXJ0eS1sb2NhdGlvblwiPnt7ZWxlLnByb3BlcnR5TG9jYXRpb259fTwvZGl2PlxyXG4gICAgICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwibWlkZGxlLTJcIj5cclxuICAgICAgICAgICAgICAgICAgICB7e2VsZS5zcWZ0fX1cclxuICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cIm1pZGRsZS0zXCI+XHJcbiAgICAgICAgICAgICAgICAgICAge3tlbGUuaW52ZXN0ZWRBbW91bnR9fVxyXG4gICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwiY2FyZC1ib3R0b20gZC1mbGV4IGFsaWduLWl0ZW1zLWNlbnRlclwiPlxyXG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cInJvdW5kLWNvbnRhaW5lclwiPlxyXG4gICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJyb3VuZC0xIGQtZmxleCBhbGlnbi1pdGVtcy1jZW50ZXIganVzdGlmeS1jb250ZW50LWNlbnRlciByb3VuZC0xLWFjdGl2ZVwiPjxtYXQtaWNvbiBjbGFzcz1cImQtZmxleCBhbGlnbi1pdGVtcy1jZW50ZXIganVzdGlmeS1jb250ZW50LWNlbnRlciBmLTE2XCI+Y2hlY2s8L21hdC1pY29uPjwvZGl2PlxyXG4gICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwibGluZVwiPjwvZGl2PlxyXG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cInJvdW5kLWNvbnRhaW5lclwiPlxyXG4gICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJyb3VuZC0yIGQtZmxleCBhbGlnbi1pdGVtcy1jZW50ZXIganVzdGlmeS1jb250ZW50LWNlbnRlclwiIFtjbGFzcy5yb3VuZC0xLWFjdGl2ZV09XCJlbGUuc3RhdHVzID09ICdTVUNDRVNTJ1wiIFtjbGFzcy5yb3VuZC1jYW5jZWxsZWRdPVwiZWxlLnN0YXR1cyA9PSAnQ0FOQ0VMTEVEJ1wiPjxtYXQtaWNvbiAqbmdJZj1cImVsZS5zdGF0dXMgPT0gJ0NBTkNFTExFRCdcIiBjbGFzcz1cImQtZmxleCBhbGlnbi1pdGVtcy1jZW50ZXIganVzdGlmeS1jb250ZW50LWNlbnRlciBmLTE2XCI+Y2xvc2U8L21hdC1pY29uPjxtYXQtaWNvbiBjbGFzcz1cImQtZmxleCBhbGlnbi1pdGVtcy1jZW50ZXIganVzdGlmeS1jb250ZW50LWNlbnRlciBmLTE2XCIgKm5nSWY9XCJlbGUuc3RhdHVzID09ICdTVUNDRVNTJ1wiPmNoZWNrPC9tYXQtaWNvbj48L2Rpdj5cclxuICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cImNhcmQtYm90dG9tIGQtZmxleCBqdXN0aWZ5LWNvbnRlbnQtYmV0d2VlblwiPlxyXG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cInBsYWNlZFwiPlxyXG4gICAgICAgICAgICAgICAgICAgIDxwIGNsYXNzPVwicGxhY2VkLXRleHQgbWItMFwiPk9yZGVyIFBsYWNlZDwvcD48c3BhbiBjbGFzcz1cImRhdGVcIj57e2VsZS5vcmRlclBsYWNlZE9ufX08L3NwYW4+XHJcbiAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJwbGFjZWRcIj5cclxuICAgICAgICAgICAgICAgICAgICA8cCBjbGFzcz1cInBsYWNlZC10ZXh0IG1iLTBcIj5PcmRlciB7e2VsZS5zdGF0dXMgPT0gJ0NBTkNFTExFRCcgPyBcIkNhbmNlbGxlZFwiIDogXCJFeGVjdXRlZFwifX08L3A+PHNwYW4gY2xhc3M9XCJkYXRlXCI+e3tlbGUub3JkZXJFeGVjdXRlZE9ufX08L3NwYW4+XHJcbiAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICA8L2Rpdj5cclxuPC9kaXY+Il19
|
@@ -0,0 +1,26 @@
|
|
1
|
+
import { CommonModule } from '@angular/common';
|
2
|
+
import { Component } from '@angular/core';
|
3
|
+
import * as i0 from "@angular/core";
|
4
|
+
import * as i1 from "@angular/common";
|
5
|
+
export class MyStatementComponent {
|
6
|
+
constructor() {
|
7
|
+
this.tableHeaders = ["Amount", "Status", "Payment Method", "Remarks"];
|
8
|
+
this.tableData = [
|
9
|
+
{ amount: 12000, status: "SUCCESS", method: "Credit Card", remarks: "Property Purchased" },
|
10
|
+
{ amount: 12000, status: "SUCCESS", method: "UPI", remarks: "Property Purchased" },
|
11
|
+
{ amount: 12000, status: "PENDING", method: "Credit Card", remarks: "Property Purchased" },
|
12
|
+
{ amount: 12000, status: "SUCCESS", method: "Credit Card", remarks: "Property Purchased" },
|
13
|
+
{ amount: 12000, status: "SUCCESS", method: "Credit Card", remarks: "Property Purchased" },
|
14
|
+
{ amount: 12000, status: "FAILED", method: "UPI", remarks: "Property Purchased" },
|
15
|
+
{ amount: 12000, status: "SUCCESS", method: "UPI", remarks: "Property Purchased" },
|
16
|
+
{ amount: 12000, status: "FAILED", method: "Credit Card", remarks: "Property Purchased" },
|
17
|
+
];
|
18
|
+
}
|
19
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.4", ngImport: i0, type: MyStatementComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
20
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.4", type: MyStatementComponent, isStandalone: true, selector: "simpo-my-statement", ngImport: i0, template: "<div class=\"main-container\">\r\n <div class=\"header\">Transaction History</div>\r\n <div class=\"table-container\">\r\n <table class=\"w-100\">\r\n <thead>\r\n <th *ngFor=\"let head of tableHeaders\">{{head}}</th>\r\n </thead>\r\n <tbody>\r\n <tr *ngFor=\"let data of tableData\">\r\n <td>{{data.amount}}</td>\r\n <td><div [class.success]=\"data.status == 'SUCCESS'\" [class.pending]=\"data.status == 'PENDING'\" [class.failed]=\"data.status == 'FAILED'\" class=\"common-style\"> • {{data.status | titlecase}}</div></td>\r\n <td>{{data.method}}</td>\r\n <td>{{data.remarks.length > 15 ? data.remarks.substring(0,15)+\"...\" : data.remarks}}</td>\r\n </tr>\r\n </tbody>\r\n </table>\r\n </div>\r\n</div>", styles: ["*{font-family:DM Sans!important}mat-icon{font-family:Material Icons!important}.main-container{background:#fff;border:2px solid rgba(0,0,0,.06);border-radius:10px;padding:50px}.header{font-size:16px;font-weight:700;line-height:24px;color:#01161e;margin-bottom:20px}.table-container{overflow-y:scroll;height:60vh}.table-container thead{background:#f6f6f6}.table-container th{padding:10px;position:sticky}.table-container tr{background:#fdfdfd;border-bottom:1px solid rgba(0,0,0,.05)}.table-container td{padding:10px;font-weight:500;font-size:16px;line-height:24px;color:#3e3e3e}.success{background:#3bb6101a;color:#2f9335}.pending{background:#f8a9381a;color:#f8a938}.failed{background:#9017151a;color:#901715}.common-style{width:65%;padding:5px;border-radius:10px;text-align:center}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "pipe", type: i1.TitleCasePipe, name: "titlecase" }] }); }
|
21
|
+
}
|
22
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.4", ngImport: i0, type: MyStatementComponent, decorators: [{
|
23
|
+
type: Component,
|
24
|
+
args: [{ selector: 'simpo-my-statement', standalone: true, imports: [CommonModule], template: "<div class=\"main-container\">\r\n <div class=\"header\">Transaction History</div>\r\n <div class=\"table-container\">\r\n <table class=\"w-100\">\r\n <thead>\r\n <th *ngFor=\"let head of tableHeaders\">{{head}}</th>\r\n </thead>\r\n <tbody>\r\n <tr *ngFor=\"let data of tableData\">\r\n <td>{{data.amount}}</td>\r\n <td><div [class.success]=\"data.status == 'SUCCESS'\" [class.pending]=\"data.status == 'PENDING'\" [class.failed]=\"data.status == 'FAILED'\" class=\"common-style\"> • {{data.status | titlecase}}</div></td>\r\n <td>{{data.method}}</td>\r\n <td>{{data.remarks.length > 15 ? data.remarks.substring(0,15)+\"...\" : data.remarks}}</td>\r\n </tr>\r\n </tbody>\r\n </table>\r\n </div>\r\n</div>", styles: ["*{font-family:DM Sans!important}mat-icon{font-family:Material Icons!important}.main-container{background:#fff;border:2px solid rgba(0,0,0,.06);border-radius:10px;padding:50px}.header{font-size:16px;font-weight:700;line-height:24px;color:#01161e;margin-bottom:20px}.table-container{overflow-y:scroll;height:60vh}.table-container thead{background:#f6f6f6}.table-container th{padding:10px;position:sticky}.table-container tr{background:#fdfdfd;border-bottom:1px solid rgba(0,0,0,.05)}.table-container td{padding:10px;font-weight:500;font-size:16px;line-height:24px;color:#3e3e3e}.success{background:#3bb6101a;color:#2f9335}.pending{background:#f8a9381a;color:#f8a938}.failed{background:#9017151a;color:#901715}.common-style{width:65%;padding:5px;border-radius:10px;text-align:center}\n"] }]
|
25
|
+
}], ctorParameters: () => [] });
|
26
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibXktc3RhdGVtZW50LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NpbXBvLXVpL3NyYy9saWIvZWxlbWVudHMvbXktc3RhdGVtZW50L215LXN0YXRlbWVudC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zaW1wby11aS9zcmMvbGliL2VsZW1lbnRzL215LXN0YXRlbWVudC9teS1zdGF0ZW1lbnQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7OztBQVMxQyxNQUFNLE9BQU8sb0JBQW9CO0lBRS9CO1FBSUEsaUJBQVksR0FBUyxDQUFDLFFBQVEsRUFBQyxRQUFRLEVBQUMsZ0JBQWdCLEVBQUMsU0FBUyxDQUFDLENBQUE7UUFFbkUsY0FBUyxHQUFTO1lBQ2hCLEVBQUMsTUFBTSxFQUFHLEtBQUssRUFBRyxNQUFNLEVBQUcsU0FBUyxFQUFDLE1BQU0sRUFBRyxhQUFhLEVBQUMsT0FBTyxFQUFHLG9CQUFvQixFQUFDO1lBQzNGLEVBQUMsTUFBTSxFQUFHLEtBQUssRUFBRyxNQUFNLEVBQUcsU0FBUyxFQUFDLE1BQU0sRUFBRyxLQUFLLEVBQUMsT0FBTyxFQUFHLG9CQUFvQixFQUFDO1lBQ25GLEVBQUMsTUFBTSxFQUFHLEtBQUssRUFBRyxNQUFNLEVBQUcsU0FBUyxFQUFDLE1BQU0sRUFBRyxhQUFhLEVBQUMsT0FBTyxFQUFHLG9CQUFvQixFQUFDO1lBQzNGLEVBQUMsTUFBTSxFQUFHLEtBQUssRUFBRyxNQUFNLEVBQUcsU0FBUyxFQUFDLE1BQU0sRUFBRyxhQUFhLEVBQUMsT0FBTyxFQUFHLG9CQUFvQixFQUFDO1lBQzNGLEVBQUMsTUFBTSxFQUFHLEtBQUssRUFBRyxNQUFNLEVBQUcsU0FBUyxFQUFDLE1BQU0sRUFBRyxhQUFhLEVBQUMsT0FBTyxFQUFHLG9CQUFvQixFQUFDO1lBQzNGLEVBQUMsTUFBTSxFQUFHLEtBQUssRUFBRyxNQUFNLEVBQUcsUUFBUSxFQUFDLE1BQU0sRUFBRyxLQUFLLEVBQUMsT0FBTyxFQUFHLG9CQUFvQixFQUFDO1lBQ2xGLEVBQUMsTUFBTSxFQUFHLEtBQUssRUFBRyxNQUFNLEVBQUcsU0FBUyxFQUFDLE1BQU0sRUFBRyxLQUFLLEVBQUMsT0FBTyxFQUFHLG9CQUFvQixFQUFDO1lBQ25GLEVBQUMsTUFBTSxFQUFHLEtBQUssRUFBRyxNQUFNLEVBQUcsUUFBUSxFQUFDLE1BQU0sRUFBRyxhQUFhLEVBQUMsT0FBTyxFQUFHLG9CQUFvQixFQUFDO1NBQzNGLENBQUE7SUFiRCxDQUFDOzhHQUpVLG9CQUFvQjtrR0FBcEIsb0JBQW9CLDhFQ1ZqQywyNEJBaUJNLHUwQkRYTSxZQUFZOzsyRkFJWCxvQkFBb0I7a0JBUGhDLFNBQVM7K0JBQ0Usb0JBQW9CLGNBQ2xCLElBQUksV0FDUCxDQUFDLFlBQVksQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XHJcbmltcG9ydCB7IENvbXBvbmVudCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdzaW1wby1teS1zdGF0ZW1lbnQnLFxyXG4gIHN0YW5kYWxvbmU6IHRydWUsXHJcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZV0sXHJcbiAgdGVtcGxhdGVVcmw6ICcuL215LXN0YXRlbWVudC5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmw6ICcuL215LXN0YXRlbWVudC5jb21wb25lbnQuY3NzJ1xyXG59KVxyXG5leHBvcnQgY2xhc3MgTXlTdGF0ZW1lbnRDb21wb25lbnQge1xyXG5cclxuICBjb25zdHJ1Y3Rvcigpe1xyXG5cclxuICB9XHJcblxyXG4gIHRhYmxlSGVhZGVycyA6IGFueSA9IFtcIkFtb3VudFwiLFwiU3RhdHVzXCIsXCJQYXltZW50IE1ldGhvZFwiLFwiUmVtYXJrc1wiXVxyXG5cclxuICB0YWJsZURhdGEgOiBhbnkgPSBbXHJcbiAgICB7YW1vdW50IDogMTIwMDAgLCBzdGF0dXMgOiBcIlNVQ0NFU1NcIixtZXRob2QgOiBcIkNyZWRpdCBDYXJkXCIscmVtYXJrcyA6IFwiUHJvcGVydHkgUHVyY2hhc2VkXCJ9LFxyXG4gICAge2Ftb3VudCA6IDEyMDAwICwgc3RhdHVzIDogXCJTVUNDRVNTXCIsbWV0aG9kIDogXCJVUElcIixyZW1hcmtzIDogXCJQcm9wZXJ0eSBQdXJjaGFzZWRcIn0sXHJcbiAgICB7YW1vdW50IDogMTIwMDAgLCBzdGF0dXMgOiBcIlBFTkRJTkdcIixtZXRob2QgOiBcIkNyZWRpdCBDYXJkXCIscmVtYXJrcyA6IFwiUHJvcGVydHkgUHVyY2hhc2VkXCJ9LFxyXG4gICAge2Ftb3VudCA6IDEyMDAwICwgc3RhdHVzIDogXCJTVUNDRVNTXCIsbWV0aG9kIDogXCJDcmVkaXQgQ2FyZFwiLHJlbWFya3MgOiBcIlByb3BlcnR5IFB1cmNoYXNlZFwifSxcclxuICAgIHthbW91bnQgOiAxMjAwMCAsIHN0YXR1cyA6IFwiU1VDQ0VTU1wiLG1ldGhvZCA6IFwiQ3JlZGl0IENhcmRcIixyZW1hcmtzIDogXCJQcm9wZXJ0eSBQdXJjaGFzZWRcIn0sXHJcbiAgICB7YW1vdW50IDogMTIwMDAgLCBzdGF0dXMgOiBcIkZBSUxFRFwiLG1ldGhvZCA6IFwiVVBJXCIscmVtYXJrcyA6IFwiUHJvcGVydHkgUHVyY2hhc2VkXCJ9LFxyXG4gICAge2Ftb3VudCA6IDEyMDAwICwgc3RhdHVzIDogXCJTVUNDRVNTXCIsbWV0aG9kIDogXCJVUElcIixyZW1hcmtzIDogXCJQcm9wZXJ0eSBQdXJjaGFzZWRcIn0sXHJcbiAgICB7YW1vdW50IDogMTIwMDAgLCBzdGF0dXMgOiBcIkZBSUxFRFwiLG1ldGhvZCA6IFwiQ3JlZGl0IENhcmRcIixyZW1hcmtzIDogXCJQcm9wZXJ0eSBQdXJjaGFzZWRcIn0sXHJcbiAgXVxyXG5cclxufVxyXG4iLCI8ZGl2IGNsYXNzPVwibWFpbi1jb250YWluZXJcIj5cclxuICAgIDxkaXYgY2xhc3M9XCJoZWFkZXJcIj5UcmFuc2FjdGlvbiBIaXN0b3J5PC9kaXY+XHJcbiAgICA8ZGl2IGNsYXNzPVwidGFibGUtY29udGFpbmVyXCI+XHJcbiAgICAgICAgPHRhYmxlIGNsYXNzPVwidy0xMDBcIj5cclxuICAgICAgICAgICAgPHRoZWFkPlxyXG4gICAgICAgICAgICAgICAgPHRoICpuZ0Zvcj1cImxldCBoZWFkIG9mIHRhYmxlSGVhZGVyc1wiPnt7aGVhZH19PC90aD5cclxuICAgICAgICAgICAgPC90aGVhZD5cclxuICAgICAgICAgICAgPHRib2R5PlxyXG4gICAgICAgICAgICAgICAgPHRyICpuZ0Zvcj1cImxldCBkYXRhIG9mIHRhYmxlRGF0YVwiPlxyXG4gICAgICAgICAgICAgICAgICAgIDx0ZD57e2RhdGEuYW1vdW50fX08L3RkPlxyXG4gICAgICAgICAgICAgICAgICAgIDx0ZD48ZGl2IFtjbGFzcy5zdWNjZXNzXT1cImRhdGEuc3RhdHVzID09ICdTVUNDRVNTJ1wiIFtjbGFzcy5wZW5kaW5nXT1cImRhdGEuc3RhdHVzID09ICdQRU5ESU5HJ1wiIFtjbGFzcy5mYWlsZWRdPVwiZGF0YS5zdGF0dXMgPT0gJ0ZBSUxFRCdcIiBjbGFzcz1cImNvbW1vbi1zdHlsZVwiPiAmI3gyMDIyOyZuYnNwO3t7ZGF0YS5zdGF0dXMgfCB0aXRsZWNhc2V9fTwvZGl2PjwvdGQ+XHJcbiAgICAgICAgICAgICAgICAgICAgPHRkPnt7ZGF0YS5tZXRob2R9fTwvdGQ+XHJcbiAgICAgICAgICAgICAgICAgICAgPHRkPnt7ZGF0YS5yZW1hcmtzLmxlbmd0aCA+IDE1ID8gZGF0YS5yZW1hcmtzLnN1YnN0cmluZygwLDE1KStcIi4uLlwiIDogZGF0YS5yZW1hcmtzfX08L3RkPlxyXG4gICAgICAgICAgICAgICAgPC90cj5cclxuICAgICAgICAgICAgPC90Ym9keT5cclxuICAgICAgICA8L3RhYmxlPlxyXG4gICAgPC9kaXY+XHJcbjwvZGl2PiJdfQ==
|
@@ -0,0 +1,11 @@
|
|
1
|
+
import { Component } from '@angular/core';
|
2
|
+
import * as i0 from "@angular/core";
|
3
|
+
export class NeedHelpComponent {
|
4
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.4", ngImport: i0, type: NeedHelpComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
5
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.4", type: NeedHelpComponent, isStandalone: true, selector: "simpo-need-help", ngImport: i0, template: "<p>need-help works!</p>\r\n", styles: [""] }); }
|
6
|
+
}
|
7
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.4", ngImport: i0, type: NeedHelpComponent, decorators: [{
|
8
|
+
type: Component,
|
9
|
+
args: [{ selector: 'simpo-need-help', standalone: true, imports: [], template: "<p>need-help works!</p>\r\n" }]
|
10
|
+
}] });
|
11
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmVlZC1oZWxwLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NpbXBvLXVpL3NyYy9saWIvZWxlbWVudHMvbmVlZC1oZWxwL25lZWQtaGVscC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zaW1wby11aS9zcmMvbGliL2VsZW1lbnRzL25lZWQtaGVscC9uZWVkLWhlbHAuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFTMUMsTUFBTSxPQUFPLGlCQUFpQjs4R0FBakIsaUJBQWlCO2tHQUFqQixpQkFBaUIsMkVDVDlCLDZCQUNBOzsyRkRRYSxpQkFBaUI7a0JBUDdCLFNBQVM7K0JBQ0UsaUJBQWlCLGNBQ2YsSUFBSSxXQUNQLEVBQUUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnc2ltcG8tbmVlZC1oZWxwJyxcclxuICBzdGFuZGFsb25lOiB0cnVlLFxyXG4gIGltcG9ydHM6IFtdLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9uZWVkLWhlbHAuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsOiAnLi9uZWVkLWhlbHAuY29tcG9uZW50LmNzcydcclxufSlcclxuZXhwb3J0IGNsYXNzIE5lZWRIZWxwQ29tcG9uZW50IHtcclxuXHJcbn1cclxuIiwiPHA+bmVlZC1oZWxwIHdvcmtzITwvcD5cclxuIl19
|
@@ -0,0 +1,90 @@
|
|
1
|
+
import { CommonModule } from '@angular/common';
|
2
|
+
import { Component, Inject } from '@angular/core';
|
3
|
+
import { FormsModule } from '@angular/forms';
|
4
|
+
import { MAT_DIALOG_DATA } from '@angular/material/dialog';
|
5
|
+
import { MatIconModule } from '@angular/material/icon';
|
6
|
+
import { StorageKeys } from '../../styles/index';
|
7
|
+
import * as i0 from "@angular/core";
|
8
|
+
import * as i1 from "@angular/material/dialog";
|
9
|
+
import * as i2 from "../../services/rest.service";
|
10
|
+
import * as i3 from "../../services/events.service";
|
11
|
+
import * as i4 from "@angular/material/icon";
|
12
|
+
import * as i5 from "@angular/forms";
|
13
|
+
export class PaymentConfirmationComponent {
|
14
|
+
constructor(dialogRef, data, restService, _eventService) {
|
15
|
+
this.dialogRef = dialogRef;
|
16
|
+
this.data = data;
|
17
|
+
this.restService = restService;
|
18
|
+
this._eventService = _eventService;
|
19
|
+
this.sqFeetArea = 0;
|
20
|
+
this.payload = {
|
21
|
+
totalAmount: 0,
|
22
|
+
totalTax: 0
|
23
|
+
};
|
24
|
+
this.tokenRequest = {
|
25
|
+
investorProperty: {
|
26
|
+
investorId: Number(localStorage.getItem(StorageKeys.INVESTOR_ID)),
|
27
|
+
propertyId: 0,
|
28
|
+
sqFeetArea: 0,
|
29
|
+
totalSqFeetAmount: 0,
|
30
|
+
totalGstApplied: 0,
|
31
|
+
buyingPrice: 0,
|
32
|
+
status: 'PENDING',
|
33
|
+
deleted: false
|
34
|
+
},
|
35
|
+
name: '',
|
36
|
+
email: '',
|
37
|
+
mobile: '',
|
38
|
+
paymentCurrency: 'INR'
|
39
|
+
};
|
40
|
+
}
|
41
|
+
ngOnInit() {
|
42
|
+
this.propertyDetails = this.data.details;
|
43
|
+
this.tokenRequest.investorProperty.sqFeetArea = this.data.totalArea;
|
44
|
+
this.tokenRequest.investorProperty.propertyId = this.propertyDetails.propertyId;
|
45
|
+
this.addOrRemoveProperty();
|
46
|
+
this.getInvestorDetails();
|
47
|
+
}
|
48
|
+
close() {
|
49
|
+
this.dialogRef.close();
|
50
|
+
}
|
51
|
+
addOrRemoveProperty() {
|
52
|
+
this.tokenRequest.investorProperty.totalSqFeetAmount = Number(Number((this.propertyDetails?.financeDetails?.pricePerSqFeet || 0) * this.tokenRequest.investorProperty.sqFeetArea).toFixed(2));
|
53
|
+
this.tokenRequest.investorProperty.totalGstApplied = Number(Number((0.28) * this.tokenRequest.investorProperty.totalSqFeetAmount).toFixed(2));
|
54
|
+
}
|
55
|
+
addSqFeet() {
|
56
|
+
this.tokenRequest.investorProperty.sqFeetArea++;
|
57
|
+
this.addOrRemoveProperty();
|
58
|
+
}
|
59
|
+
removeSqFeet() {
|
60
|
+
this.tokenRequest.investorProperty.sqFeetArea--;
|
61
|
+
this.addOrRemoveProperty();
|
62
|
+
}
|
63
|
+
purchaseProperty() {
|
64
|
+
this.tokenRequest.investorProperty.buyingPrice = Number(Number(this.tokenRequest.investorProperty.totalSqFeetAmount + this.tokenRequest.investorProperty.totalGstApplied).toFixed(2));
|
65
|
+
this.restService.createPropertyPaymentToken(this.tokenRequest).subscribe((res) => {
|
66
|
+
this._eventService.cashFreeEvent.emit({ data: res });
|
67
|
+
});
|
68
|
+
}
|
69
|
+
getInvestorDetails() {
|
70
|
+
this.restService.getInvesterById().subscribe((res) => {
|
71
|
+
this.investorDetails = res.message;
|
72
|
+
this.tokenRequest.name = this.investorDetails.fulName;
|
73
|
+
this.tokenRequest.email = this.investorDetails.emailId;
|
74
|
+
this.tokenRequest.mobile = this.investorDetails.phoneNumber;
|
75
|
+
});
|
76
|
+
}
|
77
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.4", ngImport: i0, type: PaymentConfirmationComponent, deps: [{ token: i1.MatDialogRef }, { token: MAT_DIALOG_DATA }, { token: i2.RestService }, { token: i3.EventsService }], target: i0.ɵɵFactoryTarget.Component }); }
|
78
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.4", type: PaymentConfirmationComponent, isStandalone: true, selector: "simpo-payment-confirmation", ngImport: i0, template: "<section>\r\n <div class=\"header\">\r\n <p>Payment Confirmation</p>\r\n <mat-icon (click)=\"close()\">close</mat-icon>\r\n </div>\r\n\r\n <div class=\"body\">\r\n <div class=\"property\">\r\n <div class=\"left-side\">\r\n <img [src]=\"propertyDetails.imgUrl[0]\"\r\n alt=\"\">\r\n <div>\r\n <p class=\"property-name\">{{propertyDetails.name}}</p>\r\n <p class=\"location\">{{propertyDetails.location}}</p>\r\n </div>\r\n </div>\r\n <div class=\"right-side\">\r\n <p class=\"Price-text\">Price/Sq.ft</p>\r\n <p class=\"perSqFtAmount\">\u20B9 {{propertyDetails.financeDetails.pricePerSqFeet}}/Sq.ft</p>\r\n </div>\r\n </div>\r\n\r\n <div class=\"price-detail\">\r\n <div class=\"d-flex justify-space mb-30\">\r\n <div class=\"price-left-side\">\r\n Quantity\r\n </div>\r\n <div class=\"price-right-side\">\r\n <div class=\"quantity\">\r\n <div class=\"add\" (click)=\"addSqFeet()\"><mat-icon>add</mat-icon></div>\r\n <input type=\"number\" [(ngModel)]=\"tokenRequest.investorProperty.sqFeetArea\" (ngModelChange)=\"addOrRemoveProperty()\">\r\n <div class=\"remove\" (click)=\"removeSqFeet()\"><mat-icon>remove</mat-icon></div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"d-flex justify-space mb-15\">\r\n <div class=\"price-left-side\">\r\n Total Price\r\n </div>\r\n <div class=\"price-right-side\">\r\n \u20B9{{tokenRequest.investorProperty.totalSqFeetAmount}}\r\n </div>\r\n </div>\r\n <div class=\"d-flex justify-space mb-15\">\r\n <div class=\"price-left-side\">\r\n Property Tax\r\n </div>\r\n <div class=\"price-text\">\r\n \u20B9 0\r\n </div>\r\n </div>\r\n <div class=\"d-flex justify-space mb-15\">\r\n <div class=\"price-left-side\">\r\n GST(28%)\r\n </div>\r\n <div class=\"price-text\">\r\n \u20B9 {{tokenRequest.investorProperty.totalGstApplied}}\r\n </div>\r\n </div>\r\n\r\n </div>\r\n\r\n <div class=\"footer\">\r\n <div class=\"d-flex justify-space mb-15\">\r\n <div class=\"price-left-side\">\r\n Total Payable\r\n </div>\r\n <div class=\"price-text\">\r\n \u20B9 {{tokenRequest.investorProperty.totalSqFeetAmount + tokenRequest.investorProperty.totalGstApplied}}\r\n </div>\r\n </div>\r\n <button class=\"buy-btn\" (click)=\"purchaseProperty()\">Buy Now</button>\r\n </div>\r\n </div>\r\n\r\n</section>\r\n", styles: [".header{display:flex;height:60px;justify-content:space-between;align-items:center;padding-left:20px;padding-right:20px;border-bottom:1px solid rgba(14,35,60,.16)}.header P{font-size:20px;font-weight:700;font-family:DM SANS}.body{padding:20px;background:#fcfcfc;border:10px}.property{display:flex;justify-content:space-between;background:#fff;padding:15px}.left-side{display:flex;gap:15px;width:70%}.left-side img{height:77px;width:97px;border-radius:8px}.property-name{margin-bottom:10px!important;font-size:16px;font-weight:600;color:#0009;font-family:DM SANS}.location{font-size:14px;color:#0000004d;font-family:DM SANS;font-weight:600}.perSqFtAmount{font-size:20px;color:#494949;font-weight:700;font-family:DM SANS}.Price-text{font-size:13px;font-weight:600;font-family:DM SANS;margin-bottom:10px!important;color:#393838}p{margin-bottom:0!important}.price-detail{margin-top:15px;background:#fff;padding:15px;border-radius:10px}.mb-15{margin-bottom:15px}.justify-space{justify-content:space-between}.price-left-side{font-size:16px;font-weight:700;font-family:DM SANS}.price-right-side{font-size:18px;font-weight:700;font-family:DM SANS}.price-text{font-size:17px;font-weight:600;font-family:DM SANS}.footer{margin-top:20px}.buy-btn{background:#122335;border:1px solid rgba(18,35,53,1);border-radius:7px;color:#fff;padding:5px;font-size:17px!important;font-family:DM SANS}.quantity{display:flex;gap:10px;justify-content:end}.quantity .add{background:#122335;color:#fff;display:flex;display:display;align-items:center;justify-content:center;border-radius:7px;cursor:pointer}.quantity input{background:#f8a938;border:1px solid rgba(248,169,56,1);border-radius:7px;outline:none;width:30%;padding-left:10px;color:#fff;text-align:center}.quantity .remove{background:#122335;color:#fff;display:flex;display:display;align-items:center;justify-content:center;border-radius:7px;cursor:pointer}.mb-30{margin-bottom:30px}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}\n"], dependencies: [{ kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i5.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i5.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: CommonModule }] }); }
|
79
|
+
}
|
80
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.4", ngImport: i0, type: PaymentConfirmationComponent, decorators: [{
|
81
|
+
type: Component,
|
82
|
+
args: [{ selector: 'simpo-payment-confirmation', standalone: true, imports: [MatIconModule,
|
83
|
+
FormsModule,
|
84
|
+
CommonModule
|
85
|
+
], template: "<section>\r\n <div class=\"header\">\r\n <p>Payment Confirmation</p>\r\n <mat-icon (click)=\"close()\">close</mat-icon>\r\n </div>\r\n\r\n <div class=\"body\">\r\n <div class=\"property\">\r\n <div class=\"left-side\">\r\n <img [src]=\"propertyDetails.imgUrl[0]\"\r\n alt=\"\">\r\n <div>\r\n <p class=\"property-name\">{{propertyDetails.name}}</p>\r\n <p class=\"location\">{{propertyDetails.location}}</p>\r\n </div>\r\n </div>\r\n <div class=\"right-side\">\r\n <p class=\"Price-text\">Price/Sq.ft</p>\r\n <p class=\"perSqFtAmount\">\u20B9 {{propertyDetails.financeDetails.pricePerSqFeet}}/Sq.ft</p>\r\n </div>\r\n </div>\r\n\r\n <div class=\"price-detail\">\r\n <div class=\"d-flex justify-space mb-30\">\r\n <div class=\"price-left-side\">\r\n Quantity\r\n </div>\r\n <div class=\"price-right-side\">\r\n <div class=\"quantity\">\r\n <div class=\"add\" (click)=\"addSqFeet()\"><mat-icon>add</mat-icon></div>\r\n <input type=\"number\" [(ngModel)]=\"tokenRequest.investorProperty.sqFeetArea\" (ngModelChange)=\"addOrRemoveProperty()\">\r\n <div class=\"remove\" (click)=\"removeSqFeet()\"><mat-icon>remove</mat-icon></div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"d-flex justify-space mb-15\">\r\n <div class=\"price-left-side\">\r\n Total Price\r\n </div>\r\n <div class=\"price-right-side\">\r\n \u20B9{{tokenRequest.investorProperty.totalSqFeetAmount}}\r\n </div>\r\n </div>\r\n <div class=\"d-flex justify-space mb-15\">\r\n <div class=\"price-left-side\">\r\n Property Tax\r\n </div>\r\n <div class=\"price-text\">\r\n \u20B9 0\r\n </div>\r\n </div>\r\n <div class=\"d-flex justify-space mb-15\">\r\n <div class=\"price-left-side\">\r\n GST(28%)\r\n </div>\r\n <div class=\"price-text\">\r\n \u20B9 {{tokenRequest.investorProperty.totalGstApplied}}\r\n </div>\r\n </div>\r\n\r\n </div>\r\n\r\n <div class=\"footer\">\r\n <div class=\"d-flex justify-space mb-15\">\r\n <div class=\"price-left-side\">\r\n Total Payable\r\n </div>\r\n <div class=\"price-text\">\r\n \u20B9 {{tokenRequest.investorProperty.totalSqFeetAmount + tokenRequest.investorProperty.totalGstApplied}}\r\n </div>\r\n </div>\r\n <button class=\"buy-btn\" (click)=\"purchaseProperty()\">Buy Now</button>\r\n </div>\r\n </div>\r\n\r\n</section>\r\n", styles: [".header{display:flex;height:60px;justify-content:space-between;align-items:center;padding-left:20px;padding-right:20px;border-bottom:1px solid rgba(14,35,60,.16)}.header P{font-size:20px;font-weight:700;font-family:DM SANS}.body{padding:20px;background:#fcfcfc;border:10px}.property{display:flex;justify-content:space-between;background:#fff;padding:15px}.left-side{display:flex;gap:15px;width:70%}.left-side img{height:77px;width:97px;border-radius:8px}.property-name{margin-bottom:10px!important;font-size:16px;font-weight:600;color:#0009;font-family:DM SANS}.location{font-size:14px;color:#0000004d;font-family:DM SANS;font-weight:600}.perSqFtAmount{font-size:20px;color:#494949;font-weight:700;font-family:DM SANS}.Price-text{font-size:13px;font-weight:600;font-family:DM SANS;margin-bottom:10px!important;color:#393838}p{margin-bottom:0!important}.price-detail{margin-top:15px;background:#fff;padding:15px;border-radius:10px}.mb-15{margin-bottom:15px}.justify-space{justify-content:space-between}.price-left-side{font-size:16px;font-weight:700;font-family:DM SANS}.price-right-side{font-size:18px;font-weight:700;font-family:DM SANS}.price-text{font-size:17px;font-weight:600;font-family:DM SANS}.footer{margin-top:20px}.buy-btn{background:#122335;border:1px solid rgba(18,35,53,1);border-radius:7px;color:#fff;padding:5px;font-size:17px!important;font-family:DM SANS}.quantity{display:flex;gap:10px;justify-content:end}.quantity .add{background:#122335;color:#fff;display:flex;display:display;align-items:center;justify-content:center;border-radius:7px;cursor:pointer}.quantity input{background:#f8a938;border:1px solid rgba(248,169,56,1);border-radius:7px;outline:none;width:30%;padding-left:10px;color:#fff;text-align:center}.quantity .remove{background:#122335;color:#fff;display:flex;display:display;align-items:center;justify-content:center;border-radius:7px;cursor:pointer}.mb-30{margin-bottom:30px}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}\n"] }]
|
86
|
+
}], ctorParameters: () => [{ type: i1.MatDialogRef }, { type: undefined, decorators: [{
|
87
|
+
type: Inject,
|
88
|
+
args: [MAT_DIALOG_DATA]
|
89
|
+
}] }, { type: i2.RestService }, { type: i3.EventsService }] });
|
90
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGF5bWVudC1jb25maXJtYXRpb24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2ltcG8tdWkvc3JjL2xpYi9lbGVtZW50cy9wYXltZW50LWNvbmZpcm1hdGlvbi9wYXltZW50LWNvbmZpcm1hdGlvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zaW1wby11aS9zcmMvbGliL2VsZW1lbnRzL3BheW1lbnQtY29uZmlybWF0aW9uL3BheW1lbnQtY29uZmlybWF0aW9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNsRCxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDN0MsT0FBTyxFQUFFLGVBQWUsRUFBZ0IsTUFBTSwwQkFBMEIsQ0FBQztBQUN6RSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFFdkQsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLG9CQUFvQixDQUFDOzs7Ozs7O0FBYWpELE1BQU0sT0FBTyw0QkFBNEI7SUFFdkMsWUFBbUIsU0FBcUQsRUFDdEMsSUFBUyxFQUNqQyxXQUF3QixFQUN4QixhQUE2QjtRQUhwQixjQUFTLEdBQVQsU0FBUyxDQUE0QztRQUN0QyxTQUFJLEdBQUosSUFBSSxDQUFLO1FBQ2pDLGdCQUFXLEdBQVgsV0FBVyxDQUFhO1FBQ3hCLGtCQUFhLEdBQWIsYUFBYSxDQUFnQjtRQUl2QyxlQUFVLEdBQVcsQ0FBQyxDQUFDO1FBQ3ZCLFlBQU8sR0FBUTtZQUNiLFdBQVcsRUFBRSxDQUFDO1lBQ2QsUUFBUSxFQUFFLENBQUM7U0FDWixDQUFBO1FBR0QsaUJBQVksR0FBUTtZQUNsQixnQkFBZ0IsRUFBRTtnQkFDaEIsVUFBVSxFQUFFLE1BQU0sQ0FBQyxZQUFZLENBQUMsT0FBTyxDQUFDLFdBQVcsQ0FBQyxXQUFXLENBQUMsQ0FBQztnQkFDakUsVUFBVSxFQUFFLENBQUM7Z0JBQ2IsVUFBVSxFQUFFLENBQUM7Z0JBQ2IsaUJBQWlCLEVBQUUsQ0FBQztnQkFDcEIsZUFBZSxFQUFFLENBQUM7Z0JBQ2xCLFdBQVcsRUFBRSxDQUFDO2dCQUNkLE1BQU0sRUFBRSxTQUFTO2dCQUNqQixPQUFPLEVBQUUsS0FBSzthQUNmO1lBQ0QsSUFBSSxFQUFFLEVBQUU7WUFDUixLQUFLLEVBQUUsRUFBRTtZQUNULE1BQU0sRUFBRSxFQUFFO1lBQ1YsZUFBZSxFQUFFLEtBQUs7U0FDdkIsQ0FBQTtJQXpCRSxDQUFDO0lBMkJKLFFBQVE7UUFDTixJQUFJLENBQUMsZUFBZSxHQUFHLElBQUksQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDO1FBQ3pDLElBQUksQ0FBQyxZQUFZLENBQUMsZ0JBQWdCLENBQUMsVUFBVSxHQUFHLElBQUksQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDO1FBRXBFLElBQUksQ0FBQyxZQUFZLENBQUMsZ0JBQWdCLENBQUMsVUFBVSxHQUFHLElBQUksQ0FBQyxlQUFlLENBQUMsVUFBVSxDQUFDO1FBRWhGLElBQUksQ0FBQyxtQkFBbUIsRUFBRSxDQUFDO1FBQzNCLElBQUksQ0FBQyxrQkFBa0IsRUFBRSxDQUFDO0lBQzVCLENBQUM7SUFFRCxLQUFLO1FBQ0gsSUFBSSxDQUFDLFNBQVMsQ0FBQyxLQUFLLEVBQUUsQ0FBQztJQUN6QixDQUFDO0lBRUQsbUJBQW1CO1FBQ2pCLElBQUksQ0FBQyxZQUFZLENBQUMsZ0JBQWdCLENBQUMsaUJBQWlCLEdBQUcsTUFBTSxDQUFDLE1BQU0sQ0FBQyxDQUFDLElBQUksQ0FBQyxlQUFlLEVBQUUsY0FBYyxFQUFFLGNBQWMsSUFBSSxDQUFDLENBQUMsR0FBRyxJQUFJLENBQUMsWUFBWSxDQUFDLGdCQUFnQixDQUFDLFVBQVUsQ0FBQyxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO1FBQzlMLElBQUksQ0FBQyxZQUFZLENBQUMsZ0JBQWdCLENBQUMsZUFBZSxHQUFHLE1BQU0sQ0FBQyxNQUFNLENBQUMsQ0FBQyxJQUFJLENBQUMsR0FBRyxJQUFJLENBQUMsWUFBWSxDQUFDLGdCQUFnQixDQUFDLGlCQUFpQixDQUFDLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7SUFDaEosQ0FBQztJQUVELFNBQVM7UUFDUCxJQUFJLENBQUMsWUFBWSxDQUFDLGdCQUFnQixDQUFDLFVBQVUsRUFBRSxDQUFDO1FBQ2hELElBQUksQ0FBQyxtQkFBbUIsRUFBRSxDQUFDO0lBQzdCLENBQUM7SUFFRCxZQUFZO1FBQ1YsSUFBSSxDQUFDLFlBQVksQ0FBQyxnQkFBZ0IsQ0FBQyxVQUFVLEVBQUUsQ0FBQztRQUNoRCxJQUFJLENBQUMsbUJBQW1CLEVBQUUsQ0FBQztJQUM3QixDQUFDO0lBRUQsZ0JBQWdCO1FBQ2QsSUFBSSxDQUFDLFlBQVksQ0FBQyxnQkFBZ0IsQ0FBQyxXQUFXLEdBQUcsTUFBTSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsWUFBWSxDQUFDLGdCQUFnQixDQUFDLGlCQUFpQixHQUFHLElBQUksQ0FBQyxZQUFZLENBQUMsZ0JBQWdCLENBQUMsZUFBZSxDQUFDLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7UUFDdEwsSUFBSSxDQUFDLFdBQVcsQ0FBQywwQkFBMEIsQ0FBQyxJQUFJLENBQUMsWUFBWSxDQUFDLENBQUMsU0FBUyxDQUFDLENBQUMsR0FBUSxFQUFFLEVBQUU7WUFDcEYsSUFBSSxDQUFDLGFBQWEsQ0FBQyxhQUFhLENBQUMsSUFBSSxDQUFDLEVBQUMsSUFBSSxFQUFFLEdBQUcsRUFBQyxDQUFDLENBQUM7UUFDckQsQ0FBQyxDQUFDLENBQUE7SUFDSixDQUFDO0lBRUQsa0JBQWtCO1FBQ2hCLElBQUksQ0FBQyxXQUFXLENBQUMsZUFBZSxFQUFFLENBQUMsU0FBUyxDQUFDLENBQUMsR0FBUSxFQUFFLEVBQUU7WUFDeEQsSUFBSSxDQUFDLGVBQWUsR0FBRyxHQUFHLENBQUMsT0FBTyxDQUFDO1lBQ25DLElBQUksQ0FBQyxZQUFZLENBQUMsSUFBSSxHQUFHLElBQUksQ0FBQyxlQUFlLENBQUMsT0FBTyxDQUFDO1lBQ3RELElBQUksQ0FBQyxZQUFZLENBQUMsS0FBSyxHQUFHLElBQUksQ0FBQyxlQUFlLENBQUMsT0FBTyxDQUFDO1lBQ3ZELElBQUksQ0FBQyxZQUFZLENBQUMsTUFBTSxHQUFHLElBQUksQ0FBQyxlQUFlLENBQUMsV0FBVyxDQUFDO1FBQzlELENBQUMsQ0FBQyxDQUFBO0lBQ0osQ0FBQzs4R0E1RVUsNEJBQTRCLDhDQUc3QixlQUFlO2tHQUhkLDRCQUE0QixzRkNuQnpDLDhtRkE0RUEscWhFRGhFWSxhQUFhLG1MQUNyQixXQUFXLGd4QkFDWCxZQUFZOzsyRkFLSCw0QkFBNEI7a0JBVnhDLFNBQVM7K0JBQ0UsNEJBQTRCLGNBQzFCLElBQUksV0FDUCxDQUFDLGFBQWE7d0JBQ3JCLFdBQVc7d0JBQ1gsWUFBWTtxQkFDYjs7MEJBT0UsTUFBTTsyQkFBQyxlQUFlIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcclxuaW1wb3J0IHsgQ29tcG9uZW50LCBJbmplY3QgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgRm9ybXNNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XHJcbmltcG9ydCB7IE1BVF9ESUFMT0dfREFUQSwgTWF0RGlhbG9nUmVmIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvZGlhbG9nJztcclxuaW1wb3J0IHsgTWF0SWNvbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2ljb24nO1xyXG5pbXBvcnQgeyBSZXN0U2VydmljZSB9IGZyb20gJy4uLy4uL3NlcnZpY2VzL3Jlc3Quc2VydmljZSc7XHJcbmltcG9ydCB7IFN0b3JhZ2VLZXlzIH0gZnJvbSAnLi4vLi4vc3R5bGVzL2luZGV4JztcclxuaW1wb3J0IHsgRXZlbnRzU2VydmljZSB9IGZyb20gJy4uLy4uL3NlcnZpY2VzL2V2ZW50cy5zZXJ2aWNlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnc2ltcG8tcGF5bWVudC1jb25maXJtYXRpb24nLFxyXG4gIHN0YW5kYWxvbmU6IHRydWUsXHJcbiAgaW1wb3J0czogW01hdEljb25Nb2R1bGUsXHJcbiAgICBGb3Jtc01vZHVsZSxcclxuICAgIENvbW1vbk1vZHVsZVxyXG4gIF0sXHJcbiAgdGVtcGxhdGVVcmw6ICcuL3BheW1lbnQtY29uZmlybWF0aW9uLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybDogJy4vcGF5bWVudC1jb25maXJtYXRpb24uY29tcG9uZW50LmNzcydcclxufSlcclxuZXhwb3J0IGNsYXNzIFBheW1lbnRDb25maXJtYXRpb25Db21wb25lbnQge1xyXG5cclxuICBjb25zdHJ1Y3RvcihwdWJsaWMgZGlhbG9nUmVmOiBNYXREaWFsb2dSZWY8UGF5bWVudENvbmZpcm1hdGlvbkNvbXBvbmVudD4sXHJcbiAgICBASW5qZWN0KE1BVF9ESUFMT0dfREFUQSkgcHVibGljIGRhdGE6IGFueSxcclxuICAgIHByaXZhdGUgcmVzdFNlcnZpY2U6IFJlc3RTZXJ2aWNlLFxyXG4gICAgcHJpdmF0ZSBfZXZlbnRTZXJ2aWNlIDogRXZlbnRzU2VydmljZVxyXG4gICkge31cclxuXHJcbiAgcHJvcGVydHlEZXRhaWxzOiBhbnk7XHJcbiAgc3FGZWV0QXJlYTogbnVtYmVyID0gMDtcclxuICBwYXlsb2FkOiBhbnkgPSB7XHJcbiAgICB0b3RhbEFtb3VudDogMCxcclxuICAgIHRvdGFsVGF4OiAwXHJcbiAgfVxyXG4gIGludmVzdG9yRGV0YWlsczogYW55O1xyXG5cclxuICB0b2tlblJlcXVlc3Q6IGFueSA9IHtcclxuICAgIGludmVzdG9yUHJvcGVydHk6IHtcclxuICAgICAgaW52ZXN0b3JJZDogTnVtYmVyKGxvY2FsU3RvcmFnZS5nZXRJdGVtKFN0b3JhZ2VLZXlzLklOVkVTVE9SX0lEKSksXHJcbiAgICAgIHByb3BlcnR5SWQ6IDAsXHJcbiAgICAgIHNxRmVldEFyZWE6IDAsXHJcbiAgICAgIHRvdGFsU3FGZWV0QW1vdW50OiAwLFxyXG4gICAgICB0b3RhbEdzdEFwcGxpZWQ6IDAsXHJcbiAgICAgIGJ1eWluZ1ByaWNlOiAwLFxyXG4gICAgICBzdGF0dXM6ICdQRU5ESU5HJyxcclxuICAgICAgZGVsZXRlZDogZmFsc2VcclxuICAgIH0sXHJcbiAgICBuYW1lOiAnJyxcclxuICAgIGVtYWlsOiAnJyxcclxuICAgIG1vYmlsZTogJycsXHJcbiAgICBwYXltZW50Q3VycmVuY3k6ICdJTlInXHJcbiAgfVxyXG5cclxuICBuZ09uSW5pdCgpIHtcclxuICAgIHRoaXMucHJvcGVydHlEZXRhaWxzID0gdGhpcy5kYXRhLmRldGFpbHM7XHJcbiAgICB0aGlzLnRva2VuUmVxdWVzdC5pbnZlc3RvclByb3BlcnR5LnNxRmVldEFyZWEgPSB0aGlzLmRhdGEudG90YWxBcmVhO1xyXG5cclxuICAgIHRoaXMudG9rZW5SZXF1ZXN0LmludmVzdG9yUHJvcGVydHkucHJvcGVydHlJZCA9IHRoaXMucHJvcGVydHlEZXRhaWxzLnByb3BlcnR5SWQ7XHJcblxyXG4gICAgdGhpcy5hZGRPclJlbW92ZVByb3BlcnR5KCk7XHJcbiAgICB0aGlzLmdldEludmVzdG9yRGV0YWlscygpO1xyXG4gIH1cclxuXHJcbiAgY2xvc2UoKSB7XHJcbiAgICB0aGlzLmRpYWxvZ1JlZi5jbG9zZSgpO1xyXG4gIH1cclxuXHJcbiAgYWRkT3JSZW1vdmVQcm9wZXJ0eSgpIHtcclxuICAgIHRoaXMudG9rZW5SZXF1ZXN0LmludmVzdG9yUHJvcGVydHkudG90YWxTcUZlZXRBbW91bnQgPSBOdW1iZXIoTnVtYmVyKCh0aGlzLnByb3BlcnR5RGV0YWlscz8uZmluYW5jZURldGFpbHM/LnByaWNlUGVyU3FGZWV0IHx8IDApICogdGhpcy50b2tlblJlcXVlc3QuaW52ZXN0b3JQcm9wZXJ0eS5zcUZlZXRBcmVhKS50b0ZpeGVkKDIpKTtcclxuICAgIHRoaXMudG9rZW5SZXF1ZXN0LmludmVzdG9yUHJvcGVydHkudG90YWxHc3RBcHBsaWVkID0gTnVtYmVyKE51bWJlcigoMC4yOCkgKiB0aGlzLnRva2VuUmVxdWVzdC5pbnZlc3RvclByb3BlcnR5LnRvdGFsU3FGZWV0QW1vdW50KS50b0ZpeGVkKDIpKTtcclxuICB9XHJcblxyXG4gIGFkZFNxRmVldCgpIHtcclxuICAgIHRoaXMudG9rZW5SZXF1ZXN0LmludmVzdG9yUHJvcGVydHkuc3FGZWV0QXJlYSsrO1xyXG4gICAgdGhpcy5hZGRPclJlbW92ZVByb3BlcnR5KCk7XHJcbiAgfVxyXG5cclxuICByZW1vdmVTcUZlZXQoKSB7XHJcbiAgICB0aGlzLnRva2VuUmVxdWVzdC5pbnZlc3RvclByb3BlcnR5LnNxRmVldEFyZWEtLTtcclxuICAgIHRoaXMuYWRkT3JSZW1vdmVQcm9wZXJ0eSgpO1xyXG4gIH1cclxuXHJcbiAgcHVyY2hhc2VQcm9wZXJ0eSgpIHtcclxuICAgIHRoaXMudG9rZW5SZXF1ZXN0LmludmVzdG9yUHJvcGVydHkuYnV5aW5nUHJpY2UgPSBOdW1iZXIoTnVtYmVyKHRoaXMudG9rZW5SZXF1ZXN0LmludmVzdG9yUHJvcGVydHkudG90YWxTcUZlZXRBbW91bnQgKyB0aGlzLnRva2VuUmVxdWVzdC5pbnZlc3RvclByb3BlcnR5LnRvdGFsR3N0QXBwbGllZCkudG9GaXhlZCgyKSk7XHJcbiAgICB0aGlzLnJlc3RTZXJ2aWNlLmNyZWF0ZVByb3BlcnR5UGF5bWVudFRva2VuKHRoaXMudG9rZW5SZXF1ZXN0KS5zdWJzY3JpYmUoKHJlczogYW55KSA9PiB7XHJcbiAgICAgIHRoaXMuX2V2ZW50U2VydmljZS5jYXNoRnJlZUV2ZW50LmVtaXQoe2RhdGE6IHJlc30pO1xyXG4gICAgfSlcclxuICB9XHJcblxyXG4gIGdldEludmVzdG9yRGV0YWlscygpIHtcclxuICAgIHRoaXMucmVzdFNlcnZpY2UuZ2V0SW52ZXN0ZXJCeUlkKCkuc3Vic2NyaWJlKChyZXM6IGFueSkgPT4ge1xyXG4gICAgICB0aGlzLmludmVzdG9yRGV0YWlscyA9IHJlcy5tZXNzYWdlO1xyXG4gICAgICB0aGlzLnRva2VuUmVxdWVzdC5uYW1lID0gdGhpcy5pbnZlc3RvckRldGFpbHMuZnVsTmFtZTtcclxuICAgICAgdGhpcy50b2tlblJlcXVlc3QuZW1haWwgPSB0aGlzLmludmVzdG9yRGV0YWlscy5lbWFpbElkO1xyXG4gICAgICB0aGlzLnRva2VuUmVxdWVzdC5tb2JpbGUgPSB0aGlzLmludmVzdG9yRGV0YWlscy5waG9uZU51bWJlcjtcclxuICAgIH0pXHJcbiAgfVxyXG5cclxufVxyXG4iLCI8c2VjdGlvbj5cclxuICA8ZGl2IGNsYXNzPVwiaGVhZGVyXCI+XHJcbiAgICA8cD5QYXltZW50IENvbmZpcm1hdGlvbjwvcD5cclxuICAgIDxtYXQtaWNvbiAoY2xpY2spPVwiY2xvc2UoKVwiPmNsb3NlPC9tYXQtaWNvbj5cclxuICA8L2Rpdj5cclxuXHJcbiAgPGRpdiBjbGFzcz1cImJvZHlcIj5cclxuICAgIDxkaXYgY2xhc3M9XCJwcm9wZXJ0eVwiPlxyXG4gICAgICA8ZGl2IGNsYXNzPVwibGVmdC1zaWRlXCI+XHJcbiAgICAgICAgPGltZyBbc3JjXT1cInByb3BlcnR5RGV0YWlscy5pbWdVcmxbMF1cIlxyXG4gICAgICAgICAgYWx0PVwiXCI+XHJcbiAgICAgICAgPGRpdj5cclxuICAgICAgICAgIDxwIGNsYXNzPVwicHJvcGVydHktbmFtZVwiPnt7cHJvcGVydHlEZXRhaWxzLm5hbWV9fTwvcD5cclxuICAgICAgICAgIDxwIGNsYXNzPVwibG9jYXRpb25cIj57e3Byb3BlcnR5RGV0YWlscy5sb2NhdGlvbn19PC9wPlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgICA8L2Rpdj5cclxuICAgICAgPGRpdiBjbGFzcz1cInJpZ2h0LXNpZGVcIj5cclxuICAgICAgICA8cCBjbGFzcz1cIlByaWNlLXRleHRcIj5QcmljZS9TcS5mdDwvcD5cclxuICAgICAgICA8cCBjbGFzcz1cInBlclNxRnRBbW91bnRcIj7igrkge3twcm9wZXJ0eURldGFpbHMuZmluYW5jZURldGFpbHMucHJpY2VQZXJTcUZlZXR9fS9TcS5mdDwvcD5cclxuICAgICAgPC9kaXY+XHJcbiAgICA8L2Rpdj5cclxuXHJcbiAgICA8ZGl2IGNsYXNzPVwicHJpY2UtZGV0YWlsXCI+XHJcbiAgICAgIDxkaXYgY2xhc3M9XCJkLWZsZXgganVzdGlmeS1zcGFjZSBtYi0zMFwiPlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJwcmljZS1sZWZ0LXNpZGVcIj5cclxuICAgICAgICAgIFF1YW50aXR5XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cInByaWNlLXJpZ2h0LXNpZGVcIj5cclxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJxdWFudGl0eVwiPlxyXG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwiYWRkXCIgKGNsaWNrKT1cImFkZFNxRmVldCgpXCI+PG1hdC1pY29uPmFkZDwvbWF0LWljb24+PC9kaXY+XHJcbiAgICAgICAgICAgIDxpbnB1dCB0eXBlPVwibnVtYmVyXCIgWyhuZ01vZGVsKV09XCJ0b2tlblJlcXVlc3QuaW52ZXN0b3JQcm9wZXJ0eS5zcUZlZXRBcmVhXCIgKG5nTW9kZWxDaGFuZ2UpPVwiYWRkT3JSZW1vdmVQcm9wZXJ0eSgpXCI+XHJcbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJyZW1vdmVcIiAoY2xpY2spPVwicmVtb3ZlU3FGZWV0KClcIj48bWF0LWljb24+cmVtb3ZlPC9tYXQtaWNvbj48L2Rpdj5cclxuICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgICA8L2Rpdj5cclxuICAgICAgPGRpdiBjbGFzcz1cImQtZmxleCBqdXN0aWZ5LXNwYWNlIG1iLTE1XCI+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cInByaWNlLWxlZnQtc2lkZVwiPlxyXG4gICAgICAgICAgVG90YWwgUHJpY2VcclxuICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwicHJpY2UtcmlnaHQtc2lkZVwiPlxyXG4gICAgICAgICAg4oK5e3t0b2tlblJlcXVlc3QuaW52ZXN0b3JQcm9wZXJ0eS50b3RhbFNxRmVldEFtb3VudH19XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICAgIDwvZGl2PlxyXG4gICAgICA8ZGl2IGNsYXNzPVwiZC1mbGV4IGp1c3RpZnktc3BhY2UgbWItMTVcIj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwicHJpY2UtbGVmdC1zaWRlXCI+XHJcbiAgICAgICAgICBQcm9wZXJ0eSBUYXhcclxuICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwicHJpY2UtdGV4dFwiPlxyXG4gICAgICAgICAg4oK5IDBcclxuICAgICAgICA8L2Rpdj5cclxuICAgICAgPC9kaXY+XHJcbiAgICAgIDxkaXYgY2xhc3M9XCJkLWZsZXgganVzdGlmeS1zcGFjZSBtYi0xNVwiPlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJwcmljZS1sZWZ0LXNpZGVcIj5cclxuICAgICAgICAgIEdTVCgyOCUpXHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cInByaWNlLXRleHRcIj5cclxuICAgICAgICAgIOKCuSB7e3Rva2VuUmVxdWVzdC5pbnZlc3RvclByb3BlcnR5LnRvdGFsR3N0QXBwbGllZH19XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICAgIDwvZGl2PlxyXG5cclxuICAgIDwvZGl2PlxyXG5cclxuICAgIDxkaXYgY2xhc3M9XCJmb290ZXJcIj5cclxuICAgICAgPGRpdiBjbGFzcz1cImQtZmxleCBqdXN0aWZ5LXNwYWNlIG1iLTE1XCI+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cInByaWNlLWxlZnQtc2lkZVwiPlxyXG4gICAgICAgICAgVG90YWwgUGF5YWJsZVxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJwcmljZS10ZXh0XCI+XHJcbiAgICAgICAgICDigrkge3t0b2tlblJlcXVlc3QuaW52ZXN0b3JQcm9wZXJ0eS50b3RhbFNxRmVldEFtb3VudCArIHRva2VuUmVxdWVzdC5pbnZlc3RvclByb3BlcnR5LnRvdGFsR3N0QXBwbGllZH19XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICAgIDwvZGl2PlxyXG4gICAgICA8YnV0dG9uIGNsYXNzPVwiYnV5LWJ0blwiIChjbGljayk9XCJwdXJjaGFzZVByb3BlcnR5KClcIj5CdXkgTm93PC9idXR0b24+XHJcbiAgICA8L2Rpdj5cclxuICA8L2Rpdj5cclxuXHJcbjwvc2VjdGlvbj5cclxuIl19
|
@@ -45,10 +45,10 @@ export class PortfolioComponent {
|
|
45
45
|
];
|
46
46
|
}
|
47
47
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.4", ngImport: i0, type: PortfolioComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
48
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.4", type: PortfolioComponent, isStandalone: true, selector: "simpo-portfolio", ngImport: i0, template: "<section class=\"main-container\">\r\n <div class=\"head-container\">\r\n <div class=\"icon-div text-end\"><mat-icon class=\"clr-white\">remove_red_eye</mat-icon></div>\r\n <div class=\"top-text\">Current Portfolio Value</div>\r\n <div class=\"main-text\">\u20B96.22 Lac</div>\r\n <div class=\"bottom-text\">Investment increase by : <span class=\"amnt clr-white\">\r\n \u20B954,290</span> <span class=\"percent-text\">+2.1%</span></div>\r\n </div>\r\n <div class=\"content-area\">\r\n <div class=\"inside-header\">\r\n <div class=\"left-section\">Investor Overview</div>\r\n <div class=\"right-section d-flex\">\r\n <div class=\"input-box\">\r\n <div class=\"filter-container d-flex align-items-center\">\r\n <div class=\"filter-item\">\r\n <input type=\"date\" class=\"custom-date-picker\" />\r\n </div>\r\n <div class=\"filter-item\">\r\n <select class=\"custom-dropdown\">\r\n <option *ngFor=\"let ele of dropDownValues\">{{ele}}</option>\r\n </select>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"inside-content\">\r\n <div class=\"content1 d-flex justify-content-between\">\r\n <div class=\"d1\" *ngFor=\"let ele of topCards\">\r\n <div class=\"d1_name\">{{ele.text}}</div>\r\n <div class=\"card1 d-flex align-items-center g-10\">\r\n <div class=\"card1_img d-flex align-items-center justify-content-center\">\r\n <div class=\"d1_img\">\r\n <img [src]=\"ele.icon\" alt=\"img1\">\r\n </div>\r\n </div>\r\n <div class=\"no_of\">{{ele.count}}</div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"content2 d-flex align-items-center\">\r\n <div class=\"d2 d-flex\">\r\n <div class=\"left_d2\">\r\n <div class=\"d2_value\" *ngFor=\"let value of property_list\">\r\n <div class=\"value_left\">\r\n <div class=\"value_color\" [ngStyle]=\"{'background-color': value.color}\"></div>\r\n <div class=\"property_name\">{{value.name}}</div>\r\n </div>\r\n <div class=\"value_right\">\r\n <div>{{value.sq_ft}}</div>\r\n <div class=\"constant_line\">|</div>\r\n <div>{{value.price}}</div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"d3\">\r\n <div class=\"d3_card1 common-style-1\">\r\n <div class=\"d3_card1_name\">Internal Rate of Return</div>\r\n <div class=\"value_d3_card1_name\"> 12%</div>\r\n </div>\r\n <div class=\"d3_card2 common-style-1\">\r\n <div class=\"d3_card2_name\">Annual Return</div>\r\n <div class=\"value_d3_card1_name\"> 10%</div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n</section>", styles: ["*{font-family:DM Sans}mat-icon{font-family:Material Icons!important}.head-container{background:linear-gradient(180deg,#0d1b2a,#172b40);padding:15px;border-radius:10px}.clr-white{color:#fff!important}.top-text{font-size:14px;font-weight:600;line-height:24px;color:#fff9;margin-bottom:15px}.main-text{font-weight:700;font-size:40px;line-height:24px;color:#fff;margin-bottom:15px}.bottom-text{font-weight:500;font-size:14px;line-height:24px;color:#fff9}.percent-text{color:#36b37e}.content1{gap:2rem;padding:15px 0}.d1_img img{width:40px;height:auto}.no_of{font-size:28px;font-weight:600;line-height:24px;color:#01161e}.top_navigation_section{width:100%;height:6vh;padding:4px 2px}.backToLeads{color:#000!important}.arrowLeft{position:relative;top:2px}.edit-icon,.delete-icon{border:1px solid #F1F1F1;padding:4px 8px;border-radius:8px}.mainSection_es{height:calc(100vh + -0px);z-index:2;position:absolute;top:0;background:#fff;width:100%;overflow-y:hidden}.top_navigation{height:calc(7vh + -0px)}.botton_rendering{height:calc(93vh + -0px)}.leadDetailsSection_es{width:20%;height:100%}.activityAndNotesSection_es{width:90%;padding:5px 23px;height:100%;margin-left:5%}.companyDetailsSection-es{width:15%;padding:10px;height:100%}.content-area{background:#f1f6ff;border-radius:8px;padding:10px 0;height:calc(65vh - 72px);gap:1px}.inside-header{height:7vh;display:flex;flex-direction:row;justify-content:space-between}.left-section{align-content:center;font-weight:600;font-size:16px;padding-left:25px;color:#000}.cal{width:30%}.inside-content{border-radius:8px;height:calc(60vh - 72px);display:flex;flex-direction:column;gap:2px}.d1{background-color:#fff;border-radius:10px;border:1px solid rgba(0,0,0,.03);padding:15px;width:30%}.d1_name{
|
48
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.4", type: PortfolioComponent, isStandalone: true, selector: "simpo-portfolio", ngImport: i0, template: "<section class=\"main-container\">\r\n <div class=\"head-container\">\r\n <div class=\"icon-div text-end\"><mat-icon class=\"clr-white\">remove_red_eye</mat-icon></div>\r\n <div class=\"top-text\">Current Portfolio Value</div>\r\n <div class=\"main-text\">\u20B96.22 Lac</div>\r\n <div class=\"bottom-text\">Investment increase by : <span class=\"amnt clr-white\">\r\n \u20B954,290</span> <span class=\"percent-text\">+2.1%</span></div>\r\n </div>\r\n <div class=\"content-area\">\r\n <div class=\"inside-header\">\r\n <div class=\"left-section\">Investor Overview</div>\r\n <div class=\"right-section d-flex\">\r\n <div class=\"input-box\">\r\n <div class=\"filter-container d-flex align-items-center\">\r\n <div class=\"filter-item\">\r\n <input type=\"date\" class=\"custom-date-picker\" />\r\n </div>\r\n <div class=\"filter-item\">\r\n <select class=\"custom-dropdown\">\r\n <option *ngFor=\"let ele of dropDownValues\">{{ele}}</option>\r\n </select>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"inside-content\">\r\n <div class=\"content1 d-flex justify-content-between\">\r\n <div class=\"d1\" *ngFor=\"let ele of topCards\">\r\n <div class=\"d1_name\">{{ele.text}}</div>\r\n <div class=\"card1 d-flex align-items-center g-10\">\r\n <div class=\"card1_img d-flex align-items-center justify-content-center\">\r\n <div class=\"d1_img\">\r\n <img [src]=\"ele.icon\" alt=\"img1\">\r\n </div>\r\n </div>\r\n <div class=\"no_of\">{{ele.count}}</div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"content2 d-flex align-items-center\">\r\n <div class=\"d2 d-flex\">\r\n <div class=\"left_d2\">\r\n <div class=\"d2_value\" *ngFor=\"let value of property_list\">\r\n <div class=\"value_left\">\r\n <div class=\"value_color\" [ngStyle]=\"{'background-color': value.color}\"></div>\r\n <div class=\"property_name\">{{value.name}}</div>\r\n </div>\r\n <div class=\"value_right\">\r\n <div>{{value.sq_ft}}</div>\r\n <div class=\"constant_line\">|</div>\r\n <div>{{value.price}}</div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"d3\">\r\n <div class=\"d3_card1 common-style-1\">\r\n <div class=\"d3_card1_name text-start\">Internal Rate of Return</div>\r\n <div class=\"value_d3_card1_name\"> 12%</div>\r\n </div>\r\n <div class=\"d3_card2 common-style-1\">\r\n <div class=\"d3_card2_name text-start\">Annual Return</div>\r\n <div class=\"value_d3_card1_name\"> 10%</div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n</section>", styles: ["*{font-family:DM Sans}mat-icon{font-family:Material Icons!important}.head-container{background:linear-gradient(180deg,#0d1b2a,#172b40);padding:15px;border-radius:10px}.clr-white{color:#fff!important}.top-text{font-size:14px;font-weight:600;line-height:24px;color:#fff9;margin-bottom:15px}.main-text{font-weight:700;font-size:40px;line-height:24px;color:#fff;margin-bottom:15px}.bottom-text{font-weight:500;font-size:14px;line-height:24px;color:#fff9}.percent-text{color:#36b37e}.content1{gap:2rem;padding:15px 0}.d1_img img{width:40px;height:auto}.no_of{font-size:28px;font-weight:600;line-height:24px;color:#01161e}.top_navigation_section{width:100%;height:6vh;padding:4px 2px}.backToLeads{color:#000!important}.arrowLeft{position:relative;top:2px}.edit-icon,.delete-icon{border:1px solid #F1F1F1;padding:4px 8px;border-radius:8px}.mainSection_es{height:calc(100vh + -0px);z-index:2;position:absolute;top:0;background:#fff;width:100%;overflow-y:hidden}.top_navigation{height:calc(7vh + -0px)}.botton_rendering{height:calc(93vh + -0px)}.leadDetailsSection_es{width:20%;height:100%}.activityAndNotesSection_es{width:90%;padding:5px 23px;height:100%;margin-left:5%}.companyDetailsSection-es{width:15%;padding:10px;height:100%}.content-area{background:#f1f6ff;border-radius:8px;padding:10px 0;height:calc(65vh - 72px);gap:1px}.inside-header{height:7vh;display:flex;flex-direction:row;justify-content:space-between}.left-section{align-content:center;font-weight:600;font-size:16px;padding-left:25px;color:#000}.cal{width:30%}.inside-content{border-radius:8px;height:calc(60vh - 72px);display:flex;flex-direction:column;gap:2px}.d1{background-color:#fff;border-radius:10px;border:1px solid rgba(0,0,0,.03);padding:15px;width:30%}.d1_name{font-size:16px;font-weight:500;line-height:24px;color:#01161e;margin-bottom:15px}.card1{gap:8px}.content2{gap:5%;border-radius:8px;width:100%}.d2{background-color:#fff;border-radius:8px;padding:4px 5px;height:25vh;width:65%;flex-direction:row;gap:2px}.left_d2{width:60%;align-content:center;height:auto;overflow-y:scroll;padding:12px}.d2_img{width:36%;align-content:center;height:20vh}.d3{border-radius:8px;width:30%;display:flex;flex-direction:column;gap:4px}.d3_card1{border-left:8px solid rgb(52,84,177)!important}.d3_card2{border-left:8px solid rgb(39,29,109)!important}.common-style-1{background-color:#fff;border-radius:8px;padding:15px;margin-bottom:15px}.d3_card1_name,.d3_card2_name{text-align:start;font-size:16px;line-height:24px;margin-bottom:10px;font-weight:500;color:#01161e}.value_d3_card1_name{text-align:start;font-size:28px;line-height:24px;font-weight:700;color:#01161e}.d2_value{display:flex;justify-content:space-between;padding:6px 2px}.value_left{display:flex;gap:8px;font-family:sans-serif;font-weight:500}.value_color{width:8px;height:21px;border-radius:3px}.value_right{display:flex;gap:2px;width:44%;justify-content:space-evenly}.filter-container{gap:10px}.filter-item{width:12vw}.custom-date-picker,.custom-dropdown{width:100%;padding:10px!important;border:1px solid rgba(0,0,0,.03);border-radius:8px;background-color:#fff;cursor:pointer;appearance:none;outline:none;font-size:14px;font-weight:500;line-height:24px;color:#000}.custom-dropdown{background-position:right 10px center;background-size:14px;padding-right:30px}\n"], dependencies: [{ kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] }); }
|
49
49
|
}
|
50
50
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.4", ngImport: i0, type: PortfolioComponent, decorators: [{
|
51
51
|
type: Component,
|
52
|
-
args: [{ selector: 'simpo-portfolio', standalone: true, imports: [MatIcon, CommonModule], template: "<section class=\"main-container\">\r\n <div class=\"head-container\">\r\n <div class=\"icon-div text-end\"><mat-icon class=\"clr-white\">remove_red_eye</mat-icon></div>\r\n <div class=\"top-text\">Current Portfolio Value</div>\r\n <div class=\"main-text\">\u20B96.22 Lac</div>\r\n <div class=\"bottom-text\">Investment increase by : <span class=\"amnt clr-white\">\r\n \u20B954,290</span> <span class=\"percent-text\">+2.1%</span></div>\r\n </div>\r\n <div class=\"content-area\">\r\n <div class=\"inside-header\">\r\n <div class=\"left-section\">Investor Overview</div>\r\n <div class=\"right-section d-flex\">\r\n <div class=\"input-box\">\r\n <div class=\"filter-container d-flex align-items-center\">\r\n <div class=\"filter-item\">\r\n <input type=\"date\" class=\"custom-date-picker\" />\r\n </div>\r\n <div class=\"filter-item\">\r\n <select class=\"custom-dropdown\">\r\n <option *ngFor=\"let ele of dropDownValues\">{{ele}}</option>\r\n </select>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"inside-content\">\r\n <div class=\"content1 d-flex justify-content-between\">\r\n <div class=\"d1\" *ngFor=\"let ele of topCards\">\r\n <div class=\"d1_name\">{{ele.text}}</div>\r\n <div class=\"card1 d-flex align-items-center g-10\">\r\n <div class=\"card1_img d-flex align-items-center justify-content-center\">\r\n <div class=\"d1_img\">\r\n <img [src]=\"ele.icon\" alt=\"img1\">\r\n </div>\r\n </div>\r\n <div class=\"no_of\">{{ele.count}}</div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"content2 d-flex align-items-center\">\r\n <div class=\"d2 d-flex\">\r\n <div class=\"left_d2\">\r\n <div class=\"d2_value\" *ngFor=\"let value of property_list\">\r\n <div class=\"value_left\">\r\n <div class=\"value_color\" [ngStyle]=\"{'background-color': value.color}\"></div>\r\n <div class=\"property_name\">{{value.name}}</div>\r\n </div>\r\n <div class=\"value_right\">\r\n <div>{{value.sq_ft}}</div>\r\n <div class=\"constant_line\">|</div>\r\n <div>{{value.price}}</div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"d3\">\r\n <div class=\"d3_card1 common-style-1\">\r\n <div class=\"d3_card1_name\">Internal Rate of Return</div>\r\n <div class=\"value_d3_card1_name\"> 12%</div>\r\n </div>\r\n <div class=\"d3_card2 common-style-1\">\r\n <div class=\"d3_card2_name\">Annual Return</div>\r\n <div class=\"value_d3_card1_name\"> 10%</div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n</section>", styles: ["*{font-family:DM Sans}mat-icon{font-family:Material Icons!important}.head-container{background:linear-gradient(180deg,#0d1b2a,#172b40);padding:15px;border-radius:10px}.clr-white{color:#fff!important}.top-text{font-size:14px;font-weight:600;line-height:24px;color:#fff9;margin-bottom:15px}.main-text{font-weight:700;font-size:40px;line-height:24px;color:#fff;margin-bottom:15px}.bottom-text{font-weight:500;font-size:14px;line-height:24px;color:#fff9}.percent-text{color:#36b37e}.content1{gap:2rem;padding:15px 0}.d1_img img{width:40px;height:auto}.no_of{font-size:28px;font-weight:600;line-height:24px;color:#01161e}.top_navigation_section{width:100%;height:6vh;padding:4px 2px}.backToLeads{color:#000!important}.arrowLeft{position:relative;top:2px}.edit-icon,.delete-icon{border:1px solid #F1F1F1;padding:4px 8px;border-radius:8px}.mainSection_es{height:calc(100vh + -0px);z-index:2;position:absolute;top:0;background:#fff;width:100%;overflow-y:hidden}.top_navigation{height:calc(7vh + -0px)}.botton_rendering{height:calc(93vh + -0px)}.leadDetailsSection_es{width:20%;height:100%}.activityAndNotesSection_es{width:90%;padding:5px 23px;height:100%;margin-left:5%}.companyDetailsSection-es{width:15%;padding:10px;height:100%}.content-area{background:#f1f6ff;border-radius:8px;padding:10px 0;height:calc(65vh - 72px);gap:1px}.inside-header{height:7vh;display:flex;flex-direction:row;justify-content:space-between}.left-section{align-content:center;font-weight:600;font-size:16px;padding-left:25px;color:#000}.cal{width:30%}.inside-content{border-radius:8px;height:calc(60vh - 72px);display:flex;flex-direction:column;gap:2px}.d1{background-color:#fff;border-radius:10px;border:1px solid rgba(0,0,0,.03);padding:15px;width:30%}.d1_name{
|
52
|
+
args: [{ selector: 'simpo-portfolio', standalone: true, imports: [MatIcon, CommonModule], template: "<section class=\"main-container\">\r\n <div class=\"head-container\">\r\n <div class=\"icon-div text-end\"><mat-icon class=\"clr-white\">remove_red_eye</mat-icon></div>\r\n <div class=\"top-text\">Current Portfolio Value</div>\r\n <div class=\"main-text\">\u20B96.22 Lac</div>\r\n <div class=\"bottom-text\">Investment increase by : <span class=\"amnt clr-white\">\r\n \u20B954,290</span> <span class=\"percent-text\">+2.1%</span></div>\r\n </div>\r\n <div class=\"content-area\">\r\n <div class=\"inside-header\">\r\n <div class=\"left-section\">Investor Overview</div>\r\n <div class=\"right-section d-flex\">\r\n <div class=\"input-box\">\r\n <div class=\"filter-container d-flex align-items-center\">\r\n <div class=\"filter-item\">\r\n <input type=\"date\" class=\"custom-date-picker\" />\r\n </div>\r\n <div class=\"filter-item\">\r\n <select class=\"custom-dropdown\">\r\n <option *ngFor=\"let ele of dropDownValues\">{{ele}}</option>\r\n </select>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"inside-content\">\r\n <div class=\"content1 d-flex justify-content-between\">\r\n <div class=\"d1\" *ngFor=\"let ele of topCards\">\r\n <div class=\"d1_name\">{{ele.text}}</div>\r\n <div class=\"card1 d-flex align-items-center g-10\">\r\n <div class=\"card1_img d-flex align-items-center justify-content-center\">\r\n <div class=\"d1_img\">\r\n <img [src]=\"ele.icon\" alt=\"img1\">\r\n </div>\r\n </div>\r\n <div class=\"no_of\">{{ele.count}}</div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"content2 d-flex align-items-center\">\r\n <div class=\"d2 d-flex\">\r\n <div class=\"left_d2\">\r\n <div class=\"d2_value\" *ngFor=\"let value of property_list\">\r\n <div class=\"value_left\">\r\n <div class=\"value_color\" [ngStyle]=\"{'background-color': value.color}\"></div>\r\n <div class=\"property_name\">{{value.name}}</div>\r\n </div>\r\n <div class=\"value_right\">\r\n <div>{{value.sq_ft}}</div>\r\n <div class=\"constant_line\">|</div>\r\n <div>{{value.price}}</div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"d3\">\r\n <div class=\"d3_card1 common-style-1\">\r\n <div class=\"d3_card1_name text-start\">Internal Rate of Return</div>\r\n <div class=\"value_d3_card1_name\"> 12%</div>\r\n </div>\r\n <div class=\"d3_card2 common-style-1\">\r\n <div class=\"d3_card2_name text-start\">Annual Return</div>\r\n <div class=\"value_d3_card1_name\"> 10%</div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n</section>", styles: ["*{font-family:DM Sans}mat-icon{font-family:Material Icons!important}.head-container{background:linear-gradient(180deg,#0d1b2a,#172b40);padding:15px;border-radius:10px}.clr-white{color:#fff!important}.top-text{font-size:14px;font-weight:600;line-height:24px;color:#fff9;margin-bottom:15px}.main-text{font-weight:700;font-size:40px;line-height:24px;color:#fff;margin-bottom:15px}.bottom-text{font-weight:500;font-size:14px;line-height:24px;color:#fff9}.percent-text{color:#36b37e}.content1{gap:2rem;padding:15px 0}.d1_img img{width:40px;height:auto}.no_of{font-size:28px;font-weight:600;line-height:24px;color:#01161e}.top_navigation_section{width:100%;height:6vh;padding:4px 2px}.backToLeads{color:#000!important}.arrowLeft{position:relative;top:2px}.edit-icon,.delete-icon{border:1px solid #F1F1F1;padding:4px 8px;border-radius:8px}.mainSection_es{height:calc(100vh + -0px);z-index:2;position:absolute;top:0;background:#fff;width:100%;overflow-y:hidden}.top_navigation{height:calc(7vh + -0px)}.botton_rendering{height:calc(93vh + -0px)}.leadDetailsSection_es{width:20%;height:100%}.activityAndNotesSection_es{width:90%;padding:5px 23px;height:100%;margin-left:5%}.companyDetailsSection-es{width:15%;padding:10px;height:100%}.content-area{background:#f1f6ff;border-radius:8px;padding:10px 0;height:calc(65vh - 72px);gap:1px}.inside-header{height:7vh;display:flex;flex-direction:row;justify-content:space-between}.left-section{align-content:center;font-weight:600;font-size:16px;padding-left:25px;color:#000}.cal{width:30%}.inside-content{border-radius:8px;height:calc(60vh - 72px);display:flex;flex-direction:column;gap:2px}.d1{background-color:#fff;border-radius:10px;border:1px solid rgba(0,0,0,.03);padding:15px;width:30%}.d1_name{font-size:16px;font-weight:500;line-height:24px;color:#01161e;margin-bottom:15px}.card1{gap:8px}.content2{gap:5%;border-radius:8px;width:100%}.d2{background-color:#fff;border-radius:8px;padding:4px 5px;height:25vh;width:65%;flex-direction:row;gap:2px}.left_d2{width:60%;align-content:center;height:auto;overflow-y:scroll;padding:12px}.d2_img{width:36%;align-content:center;height:20vh}.d3{border-radius:8px;width:30%;display:flex;flex-direction:column;gap:4px}.d3_card1{border-left:8px solid rgb(52,84,177)!important}.d3_card2{border-left:8px solid rgb(39,29,109)!important}.common-style-1{background-color:#fff;border-radius:8px;padding:15px;margin-bottom:15px}.d3_card1_name,.d3_card2_name{text-align:start;font-size:16px;line-height:24px;margin-bottom:10px;font-weight:500;color:#01161e}.value_d3_card1_name{text-align:start;font-size:28px;line-height:24px;font-weight:700;color:#01161e}.d2_value{display:flex;justify-content:space-between;padding:6px 2px}.value_left{display:flex;gap:8px;font-family:sans-serif;font-weight:500}.value_color{width:8px;height:21px;border-radius:3px}.value_right{display:flex;gap:2px;width:44%;justify-content:space-evenly}.filter-container{gap:10px}.filter-item{width:12vw}.custom-date-picker,.custom-dropdown{width:100%;padding:10px!important;border:1px solid rgba(0,0,0,.03);border-radius:8px;background-color:#fff;cursor:pointer;appearance:none;outline:none;font-size:14px;font-weight:500;line-height:24px;color:#000}.custom-dropdown{background-position:right 10px center;background-size:14px;padding-right:30px}\n"] }]
|
53
53
|
}] });
|
54
|
-
//# sourceMappingURL=data:application/json;base64,
|
54
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicG9ydGZvbGlvLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NpbXBvLXVpL3NyYy9saWIvZWxlbWVudHMvcG9ydGZvbGlvL3BvcnRmb2xpby5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zaW1wby11aS9zcmMvbGliL2VsZW1lbnRzL3BvcnRmb2xpby9wb3J0Zm9saW8uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDMUMsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLHdCQUF3QixDQUFDOzs7QUFTakQsTUFBTSxPQUFPLGtCQUFrQjtJQVAvQjtRQVNFLGtCQUFhLEdBQUU7WUFDYjtnQkFDRSxJQUFJLEVBQUUsWUFBWTtnQkFDbEIsS0FBSyxFQUFFLFNBQVM7Z0JBQ2hCLEtBQUssRUFBRSxRQUFRO2dCQUNmLEtBQUssRUFBQyxTQUFTO2FBQ2hCO1lBQ0Q7Z0JBQ0UsSUFBSSxFQUFFLGNBQWM7Z0JBQ3BCLEtBQUssRUFBRSxRQUFRO2dCQUNmLEtBQUssRUFBRSxPQUFPO2dCQUNkLEtBQUssRUFBQyxTQUFTO2FBQ2hCO1lBQ0Q7Z0JBQ0UsSUFBSSxFQUFFLFlBQVk7Z0JBQ2xCLEtBQUssRUFBRSxTQUFTO2dCQUNoQixLQUFLLEVBQUUsUUFBUTtnQkFDZixLQUFLLEVBQUMsU0FBUzthQUNoQjtZQUNEO2dCQUNFLElBQUksRUFBRSxhQUFhO2dCQUNuQixLQUFLLEVBQUUsU0FBUztnQkFDaEIsS0FBSyxFQUFFLFFBQVE7Z0JBQ2YsS0FBSyxFQUFDLEtBQUs7YUFDWjtZQUNEO2dCQUNFLElBQUksRUFBRSxnQkFBZ0I7Z0JBQ3RCLEtBQUssRUFBRSxTQUFTO2dCQUNoQixLQUFLLEVBQUUsUUFBUTtnQkFDZixLQUFLLEVBQUMsUUFBUTthQUNmO1NBQ0YsQ0FBQTtRQUVELG1CQUFjLEdBQUcsQ0FBQyxnQkFBZ0IsRUFBQyxZQUFZLEVBQUMsWUFBWSxDQUFDLENBQUE7UUFFN0QsYUFBUSxHQUFHO1lBQ1QsRUFBQyxJQUFJLEVBQUcsaUhBQWlILEVBQUMsSUFBSSxFQUFDLGtCQUFrQixFQUFDLEtBQUssRUFBQyxHQUFHLEVBQUM7WUFDNUosRUFBQyxJQUFJLEVBQUcsaUhBQWlILEVBQUMsSUFBSSxFQUFDLHdCQUF3QixFQUFDLEtBQUssRUFBQyxRQUFRLEVBQUM7WUFDdkssRUFBQyxJQUFJLEVBQUcsdUdBQXVHLEVBQUMsSUFBSSxFQUFDLG1CQUFtQixFQUFDLEtBQUssRUFBQyxJQUFJLEVBQUM7U0FDckosQ0FBQTtLQUVGOzhHQTNDWSxrQkFBa0I7a0dBQWxCLGtCQUFrQiwyRUNYL0IsbXFIQXFFVSwrd0dEOURFLE9BQU8sMElBQUMsWUFBWTs7MkZBSW5CLGtCQUFrQjtrQkFQOUIsU0FBUzsrQkFDRSxpQkFBaUIsY0FDZixJQUFJLFdBQ1AsQ0FBQyxPQUFPLEVBQUMsWUFBWSxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcclxuaW1wb3J0IHsgQ29tcG9uZW50IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IE1hdEljb24gfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9pY29uJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnc2ltcG8tcG9ydGZvbGlvJyxcclxuICBzdGFuZGFsb25lOiB0cnVlLFxyXG4gIGltcG9ydHM6IFtNYXRJY29uLENvbW1vbk1vZHVsZV0sXHJcbiAgdGVtcGxhdGVVcmw6ICcuL3BvcnRmb2xpby5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmw6ICcuL3BvcnRmb2xpby5jb21wb25lbnQuY3NzJ1xyXG59KVxyXG5leHBvcnQgY2xhc3MgUG9ydGZvbGlvQ29tcG9uZW50IHtcclxuXHJcbiAgcHJvcGVydHlfbGlzdCA9W1xyXG4gICAge1xyXG4gICAgICBuYW1lIDonQW5hbnRhIG9uZScsXHJcbiAgICAgIHNxX2Z0IDonMTMgU3FmdCcsXHJcbiAgICAgIHByaWNlOiAnMTIuMSBMJyxcclxuICAgICAgY29sb3I6JyNmYWE1NDgnXHJcbiAgICB9LFxyXG4gICAge1xyXG4gICAgICBuYW1lIDonQW5hbnRhIEhpbGxzJyxcclxuICAgICAgc3FfZnQgOic4IFNxZnQnLFxyXG4gICAgICBwcmljZTogJzkuNyBMJyxcclxuICAgICAgY29sb3I6JyM2YmE5ZDknXHJcbiAgICB9LFxyXG4gICAge1xyXG4gICAgICBuYW1lIDonTGVvIFRvd2VycycsXHJcbiAgICAgIHNxX2Z0IDonMTAgU3FmdCcsXHJcbiAgICAgIHByaWNlOiAnMTAuMSBMJyxcclxuICAgICAgY29sb3I6JyM2YmQ5OTAnXHJcbiAgICB9LFxyXG4gICAge1xyXG4gICAgICBuYW1lIDonTkNEIFZpdmFudGEnLFxyXG4gICAgICBzcV9mdCA6JzEwIFNxZnQnLFxyXG4gICAgICBwcmljZTogJzIwLjEgTCcsXHJcbiAgICAgIGNvbG9yOidyZWQnXHJcbiAgICB9LFxyXG4gICAge1xyXG4gICAgICBuYW1lIDonTVkgSG9tZSBBYm9vamEnLFxyXG4gICAgICBzcV9mdCA6JzEwIFNxZnQnLFxyXG4gICAgICBwcmljZTogJzQwLjEgTCcsXHJcbiAgICAgIGNvbG9yOid5ZWxsb3cnXHJcbiAgICB9XHJcbiAgXVxyXG5cclxuICBkcm9wRG93blZhbHVlcyA9IFtcIkFsbCBQcm9wZXJ0aWVzXCIsXCJQcm9wZXJ0eSAxXCIsXCJQcm9wZXJ0eSAyXCJdXHJcblxyXG4gIHRvcENhcmRzID0gW1xyXG4gICAge2ljb24gOiBcImh0dHBzOi8vcHJvZC1zaW1wby5zMy5hcC1zb3V0aC0xLmFtYXpvbmF3cy5jb20vcHJvZC1pbWFnZXMvOTkwNzE4YzE3Mzk1Mjk2MDY0ODlHcm91cCUyMDE3MDc0ODMwNzIlMjAlMjgxJTI5LnBuZ1wiLHRleHQ6XCJQcm9wZXJ0aWVzIE93bmVkXCIsY291bnQ6XCIyXCJ9LFxyXG4gICAge2ljb24gOiBcImh0dHBzOi8vcHJvZC1zaW1wby5zMy5hcC1zb3V0aC0xLmFtYXpvbmF3cy5jb20vcHJvZC1pbWFnZXMvNjgxODY3YzE3Mzk1Mjk2NzE0MjJHcm91cCUyMDE3MDc0ODMwNzIlMjAlMjgyJTI5LnBuZ1wiLHRleHQ6XCJUb3RhbCBJbnZlc3RtZW50IFZhbHVlXCIsY291bnQ6XCI1LjczIExcIn0sXHJcbiAgICB7aWNvbiA6IFwiaHR0cHM6Ly9wcm9kLXNpbXBvLnMzLmFwLXNvdXRoLTEuYW1hem9uYXdzLmNvbS9wcm9kLWltYWdlcy83NzY4MDZjMTczOTUyOTYyNTY5OUdyb3VwJTIwMTcwNzQ4MzA3Mi5wbmdcIix0ZXh0OlwiVG90YWwgU3EuZnQgT3duZWRcIixjb3VudDpcIjQzXCJ9XHJcbiAgXVxyXG5cclxufVxyXG4iLCI8c2VjdGlvbiBjbGFzcz1cIm1haW4tY29udGFpbmVyXCI+XHJcbiAgICA8ZGl2IGNsYXNzPVwiaGVhZC1jb250YWluZXJcIj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwiaWNvbi1kaXYgdGV4dC1lbmRcIj48bWF0LWljb24gY2xhc3M9XCJjbHItd2hpdGVcIj5yZW1vdmVfcmVkX2V5ZTwvbWF0LWljb24+PC9kaXY+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cInRvcC10ZXh0XCI+Q3VycmVudCBQb3J0Zm9saW8gVmFsdWU8L2Rpdj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwibWFpbi10ZXh0XCI+4oK5Ni4yMiBMYWM8L2Rpdj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwiYm90dG9tLXRleHRcIj5JbnZlc3RtZW50IGluY3JlYXNlIGJ5IDogJm5ic3A7PHNwYW4gY2xhc3M9XCJhbW50IGNsci13aGl0ZVwiPlxyXG4gICAgICAgICAgICAgICAg4oK5NTQsMjkwPC9zcGFuPiZuYnNwOyZuYnNwOzxzcGFuIGNsYXNzPVwicGVyY2VudC10ZXh0XCI+KzIuMSU8L3NwYW4+PC9kaXY+XHJcbiAgICA8L2Rpdj5cclxuICAgIDxkaXYgY2xhc3M9XCJjb250ZW50LWFyZWFcIj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwiaW5zaWRlLWhlYWRlclwiPlxyXG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwibGVmdC1zZWN0aW9uXCI+SW52ZXN0b3IgT3ZlcnZpZXc8L2Rpdj5cclxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cInJpZ2h0LXNlY3Rpb24gZC1mbGV4XCI+XHJcbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiaW5wdXQtYm94XCI+XHJcbiAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImZpbHRlci1jb250YWluZXIgZC1mbGV4IGFsaWduLWl0ZW1zLWNlbnRlclwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiZmlsdGVyLWl0ZW1cIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxpbnB1dCB0eXBlPVwiZGF0ZVwiIGNsYXNzPVwiY3VzdG9tLWRhdGUtcGlja2VyXCIgLz5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJmaWx0ZXItaXRlbVwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPHNlbGVjdCBjbGFzcz1cImN1c3RvbS1kcm9wZG93blwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxvcHRpb24gKm5nRm9yPVwibGV0IGVsZSBvZiBkcm9wRG93blZhbHVlc1wiPnt7ZWxlfX08L29wdGlvbj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvc2VsZWN0PlxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwiaW5zaWRlLWNvbnRlbnRcIj5cclxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cImNvbnRlbnQxIGQtZmxleCBqdXN0aWZ5LWNvbnRlbnQtYmV0d2VlblwiPlxyXG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImQxXCIgKm5nRm9yPVwibGV0IGVsZSBvZiB0b3BDYXJkc1wiPlxyXG4gICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJkMV9uYW1lXCI+e3tlbGUudGV4dH19PC9kaXY+XHJcbiAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImNhcmQxIGQtZmxleCBhbGlnbi1pdGVtcy1jZW50ZXIgZy0xMFwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiY2FyZDFfaW1nIGQtZmxleCBhbGlnbi1pdGVtcy1jZW50ZXIganVzdGlmeS1jb250ZW50LWNlbnRlclwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImQxX2ltZ1wiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxpbWcgW3NyY109XCJlbGUuaWNvblwiIGFsdD1cImltZzFcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cIm5vX29mXCI+e3tlbGUuY291bnR9fTwvZGl2PlxyXG4gICAgICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwiY29udGVudDIgZC1mbGV4IGFsaWduLWl0ZW1zLWNlbnRlclwiPlxyXG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImQyIGQtZmxleFwiPlxyXG4gICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJsZWZ0X2QyXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJkMl92YWx1ZVwiICpuZ0Zvcj1cImxldCB2YWx1ZSBvZiBwcm9wZXJ0eV9saXN0XCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwidmFsdWVfbGVmdFwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJ2YWx1ZV9jb2xvclwiIFtuZ1N0eWxlXT1cInsnYmFja2dyb3VuZC1jb2xvcic6IHZhbHVlLmNvbG9yfVwiPjwvZGl2PlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJwcm9wZXJ0eV9uYW1lXCI+e3t2YWx1ZS5uYW1lfX08L2Rpdj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cInZhbHVlX3JpZ2h0XCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPGRpdj57e3ZhbHVlLnNxX2Z0fX08L2Rpdj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiY29uc3RhbnRfbGluZVwiPnw8L2Rpdj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZGl2Pnt7dmFsdWUucHJpY2V9fTwvZGl2PlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiZDNcIj5cclxuICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiZDNfY2FyZDEgY29tbW9uLXN0eWxlLTFcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImQzX2NhcmQxX25hbWUgdGV4dC1zdGFydFwiPkludGVybmFsIFJhdGUgb2YgUmV0dXJuPC9kaXY+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJ2YWx1ZV9kM19jYXJkMV9uYW1lXCI+IDEyJTwvZGl2PlxyXG4gICAgICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJkM19jYXJkMiBjb21tb24tc3R5bGUtMVwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiZDNfY2FyZDJfbmFtZSB0ZXh0LXN0YXJ0XCI+QW5udWFsIFJldHVybjwvZGl2PlxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwidmFsdWVfZDNfY2FyZDFfbmFtZVwiPiAxMCU8L2Rpdj5cclxuICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8L2Rpdj5cclxuICAgIDwvZGl2PlxyXG48L3NlY3Rpb24+Il19
|