ngx-wapp-components 2.1.15-alpha.1 → 2.1.15
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/esm2020/lib/material/wapp-material-service-card/wapp-material-service-card.component.mjs +2 -2
- package/fesm2015/ngx-wapp-components.mjs +2 -2
- package/fesm2015/ngx-wapp-components.mjs.map +1 -1
- package/fesm2020/ngx-wapp-components.mjs +2 -2
- package/fesm2020/ngx-wapp-components.mjs.map +1 -1
- package/package.json +2 -2
package/esm2020/lib/material/wapp-material-service-card/wapp-material-service-card.component.mjs
CHANGED
|
@@ -91,10 +91,10 @@ export class WappMaterialServiceCardComponent {
|
|
|
91
91
|
}
|
|
92
92
|
}
|
|
93
93
|
WappMaterialServiceCardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: WappMaterialServiceCardComponent, deps: [{ token: i1.Router }, { token: i2.MatIconRegistry }, { token: i3.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component });
|
|
94
|
-
WappMaterialServiceCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: WappMaterialServiceCardComponent, selector: "wapp-material-service-card", inputs: { wappingServicesTranslations: "wappingServicesTranslations", wappingService: "wappingService" }, outputs: { cardClicked: "cardClicked" }, ngImport: i0, template: "<mat-card *ngIf=\"wappingServiceReady\" class=\"service-card\" (click)=\"cardOnClick(wappingService)\">\r\n <div fxLayout=\"column\" fxLayoutAlign=\"center center\">\r\n <div class=\"service-card-image-title\"\r\n [style.background-color]=\"wappingService.tile1BackgroundColor\"\r\n [style.color]=\"wappingService.tile1ForegroundColor\"\r\n *ngIf=\"wappingService.tile1\"\r\n fxLayout=\"row\" fxLayoutGap=\"5px\">\r\n <!--tile1-->\r\n <div>{{wappingService.tile1}}</div>\r\n <div *ngIf=\"wappingService.showTile1Label\">{{wappingService.tile1Label}}</div>\r\n </div>\r\n <div class=\"service-card-image\">\r\n <img mat-card-image [src]=\"wappingService.imageUrl\">\r\n </div>\r\n </div>\r\n <mat-card-header fxLayout=\"column\">\r\n <div fxLayout=\"row\">\r\n <!--tile2-->\r\n <div class=\"card-header-benefits\" fxLayout=\"row\" fxLayoutGap=\"5px\">\r\n <div>{{wappingService.tile2}}</div>\r\n <div *ngIf=\"wappingService.showTile2Label\">{{wappingService.tile2Label}}</div>\r\n </div>\r\n <div fxFlex></div>\r\n <!--status-->\r\n <div class=\"card-header-status-container\" *ngIf=\"wappingService.allowSelect && allowSelectSendGiftCard\" fxLayout=\"row\" fxLayoutGap=\"5px\">\r\n <div class=\"card-header-status\" *ngIf=\"!wappingService.allowSelect && wappingService.type != 6\">\r\n <mat-icon class=\"card-header-status-icon\" svgIcon=\"activated\"></mat-icon>\r\n <div class=\"status\">{{ wappingTranslations.activedService }}</div>\r\n </div>\r\n <div class=\"card-header-status\" *ngIf=\"wappingService.active\">\r\n <mat-icon class=\"card-header-status-icon\" svgIcon=\"activated\"></mat-icon>\r\n <span class=\"status\">{{ wappingTranslations.activedService }}</span>\r\n </div>\r\n <div class=\"card-header-status\" *ngIf=\"!wappingService.active\">\r\n <mat-icon class=\"card-header-status-icon\" svgIcon=\"deactivated\"></mat-icon>\r\n <span class=\"status\">{{ wappingTranslations.disabledService }}</span>\r\n </div>\r\n </div>\r\n <div class=\"card-header-status-container\" *ngIf=\"!allowSelectSendGiftCard\" fxLayout=\"row\" fxLayoutGap=\"5px\">\r\n <div class=\"card-header-status\" *ngIf=\"wappingService.dataReqToSendCard!.enumSendingStatusId == enumSendingStatus.ScheduledToSend\">\r\n <div class=\"sendLabel\" >\r\n {{ wappingTranslations.scheduledLabel }}\r\n </div>\r\n </div>\r\n <div class=\"card-header-status\" *ngIf=\"wappingService.dataReqToSendCard!.enumSendingStatusId == enumSendingStatus.Sent || wappingService.dataReqToSendCard!.enumSendingStatusId == enumSendingStatus.PendingRegistration\">\r\n <div class=\"sendLabel\" >\r\n {{ wappingTranslations.sendLabel }}\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <!--tile3-->\r\n <div class=\"card-header-description\">\r\n {{wappingService.tile3}}\r\n </div>\r\n <!--tile4-->\r\n <div class=\"card-header-detail\" *ngIf=\"wappingService.enumTypeStatusECardID != ecardStatus.generated\">\r\n {{wappingService.tile4}}\r\n </div>\r\n <div class=\"card-header-detail\" *ngIf=\"wappingService.enumTypeStatusECardID == ecardStatus.generated\">\r\n {{ wappingTranslations.cardGenerated }}\r\n </div>\r\n </mat-card-header>\r\n</mat-card>", styles: [":host ::ng-deep .service-card{width:380px}.mat-mdc-card{padding:0}.service-card{cursor:pointer;transition:none!important;box-shadow:1px 2px 8px #1f1f1f14}.service-card-image-title{position:absolute;width:75%;margin-left:40px;margin-right:40px;height:22px;top:0;z-index:99;border-radius:0 0 4.3118px 4.3118px;justify-content:center;align-items:center;display:flex}.service-card-image{font-size:0px;border-top-left-radius:5px;border-top-right-radius:5px;width:100%}.mat-mdc-card-image{width:100%;margin:0;max-height:500px}.mat-mdc-card-image:first-child{margin:0}.mat-mdc-card-content{padding:5px}.mat-mdc-card-header{height:130px;padding:16px 15px;background-color:#eee6;border-bottom-left-radius:5px;border-bottom-right-radius:5px}.mat-mdc-card-header .mat-mdc-card-title{margin:0!important}.card-header-benefits{align-items:center;text-transform:uppercase}.card-header-status{display:flex;align-items:center}.card-header-status-icon{margin-right:5px;width:10px}.status{text-transform:uppercase}.card-header-description
|
|
94
|
+
WappMaterialServiceCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: WappMaterialServiceCardComponent, selector: "wapp-material-service-card", inputs: { wappingServicesTranslations: "wappingServicesTranslations", wappingService: "wappingService" }, outputs: { cardClicked: "cardClicked" }, ngImport: i0, template: "<mat-card *ngIf=\"wappingServiceReady\" class=\"service-card\" (click)=\"cardOnClick(wappingService)\">\r\n <div fxLayout=\"column\" fxLayoutAlign=\"center center\">\r\n <div class=\"service-card-image-title\"\r\n [style.background-color]=\"wappingService.tile1BackgroundColor\"\r\n [style.color]=\"wappingService.tile1ForegroundColor\"\r\n *ngIf=\"wappingService.tile1\"\r\n fxLayout=\"row\" fxLayoutGap=\"5px\">\r\n <!--tile1-->\r\n <div>{{wappingService.tile1}}</div>\r\n <div *ngIf=\"wappingService.showTile1Label\">{{wappingService.tile1Label}}</div>\r\n </div>\r\n <div class=\"service-card-image\">\r\n <img mat-card-image [src]=\"wappingService.imageUrl\">\r\n </div>\r\n </div>\r\n <mat-card-header fxLayout=\"column\">\r\n <div fxLayout=\"row\">\r\n <!--tile2-->\r\n <div class=\"card-header-benefits\" fxLayout=\"row\" fxLayoutGap=\"5px\">\r\n <div>{{wappingService.tile2}}</div>\r\n <div *ngIf=\"wappingService.showTile2Label\">{{wappingService.tile2Label}}</div>\r\n </div>\r\n <div fxFlex></div>\r\n <!--status-->\r\n <div class=\"card-header-status-container\" *ngIf=\"wappingService.allowSelect && allowSelectSendGiftCard\" fxLayout=\"row\" fxLayoutGap=\"5px\">\r\n <div class=\"card-header-status\" *ngIf=\"!wappingService.allowSelect && wappingService.type != 6\">\r\n <mat-icon class=\"card-header-status-icon\" svgIcon=\"activated\"></mat-icon>\r\n <div class=\"status\">{{ wappingTranslations.activedService }}</div>\r\n </div>\r\n <div class=\"card-header-status\" *ngIf=\"wappingService.active\">\r\n <mat-icon class=\"card-header-status-icon\" svgIcon=\"activated\"></mat-icon>\r\n <span class=\"status\">{{ wappingTranslations.activedService }}</span>\r\n </div>\r\n <div class=\"card-header-status\" *ngIf=\"!wappingService.active\">\r\n <mat-icon class=\"card-header-status-icon\" svgIcon=\"deactivated\"></mat-icon>\r\n <span class=\"status\">{{ wappingTranslations.disabledService }}</span>\r\n </div>\r\n </div>\r\n <div class=\"card-header-status-container\" *ngIf=\"!allowSelectSendGiftCard\" fxLayout=\"row\" fxLayoutGap=\"5px\">\r\n <div class=\"card-header-status\" *ngIf=\"wappingService.dataReqToSendCard!.enumSendingStatusId == enumSendingStatus.ScheduledToSend\">\r\n <div class=\"sendLabel\" >\r\n {{ wappingTranslations.scheduledLabel }}\r\n </div>\r\n </div>\r\n <div class=\"card-header-status\" *ngIf=\"wappingService.dataReqToSendCard!.enumSendingStatusId == enumSendingStatus.Sent || wappingService.dataReqToSendCard!.enumSendingStatusId == enumSendingStatus.PendingRegistration\">\r\n <div class=\"sendLabel\" >\r\n {{ wappingTranslations.sendLabel }}\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <!--tile3-->\r\n <div class=\"card-header-description\">\r\n {{wappingService.tile3}}\r\n </div>\r\n <!--tile4-->\r\n <div class=\"card-header-detail\" *ngIf=\"wappingService.enumTypeStatusECardID != ecardStatus.generated\">\r\n {{wappingService.tile4}}\r\n </div>\r\n <div class=\"card-header-detail\" *ngIf=\"wappingService.enumTypeStatusECardID == ecardStatus.generated\">\r\n {{ wappingTranslations.cardGenerated }}\r\n </div>\r\n </mat-card-header>\r\n</mat-card>", styles: [":host ::ng-deep .service-card{width:380px}.mat-mdc-card{padding:0}.service-card{cursor:pointer;transition:none!important;box-shadow:1px 2px 8px #1f1f1f14}.service-card-image-title{position:absolute;width:75%;margin-left:40px;margin-right:40px;height:22px;top:0;z-index:99;border-radius:0 0 4.3118px 4.3118px;justify-content:center;align-items:center;display:flex}.service-card-image{font-size:0px;border-top-left-radius:5px;border-top-right-radius:5px;width:100%}.mat-mdc-card-image{width:100%;margin:0;max-height:500px}.mat-mdc-card-image:first-child{margin:0}.mat-mdc-card-content{padding:5px}.mat-mdc-card-header{height:130px;padding:16px 15px;background-color:#eee6;border-bottom-left-radius:5px;border-bottom-right-radius:5px}.mat-mdc-card-header .mat-mdc-card-title{margin:0!important}.card-header-benefits{align-items:center;text-transform:uppercase}.card-header-status{display:flex;align-items:center}.card-header-status-icon{margin-right:5px;width:10px}.status{text-transform:uppercase}.card-header-description{margin-top:10px;text-align:left;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:clip;text-overflow:ellipsis;white-space:pre-line}.card-header-detail{margin-top:10px;text-align:left;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space:pre-line}\n"], dependencies: [{ kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i5.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "component", type: i5.MatCardHeader, selector: "mat-card-header" }, { kind: "directive", type: i5.MatCardImage, selector: "[mat-card-image], [matCardImage]" }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i6.DefaultLayoutDirective, selector: " [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md], [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md], [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm], [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i6.DefaultLayoutGapDirective, selector: " [fxLayoutGap], [fxLayoutGap.xs], [fxLayoutGap.sm], [fxLayoutGap.md], [fxLayoutGap.lg], [fxLayoutGap.xl], [fxLayoutGap.lt-sm], [fxLayoutGap.lt-md], [fxLayoutGap.lt-lg], [fxLayoutGap.lt-xl], [fxLayoutGap.gt-xs], [fxLayoutGap.gt-sm], [fxLayoutGap.gt-md], [fxLayoutGap.gt-lg]", inputs: ["fxLayoutGap", "fxLayoutGap.xs", "fxLayoutGap.sm", "fxLayoutGap.md", "fxLayoutGap.lg", "fxLayoutGap.xl", "fxLayoutGap.lt-sm", "fxLayoutGap.lt-md", "fxLayoutGap.lt-lg", "fxLayoutGap.lt-xl", "fxLayoutGap.gt-xs", "fxLayoutGap.gt-sm", "fxLayoutGap.gt-md", "fxLayoutGap.gt-lg"] }, { kind: "directive", type: i6.DefaultLayoutAlignDirective, selector: " [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md], [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md], [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm], [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { kind: "directive", type: i6.DefaultFlexDirective, selector: " [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md], [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md], [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm], [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }] });
|
|
95
95
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: WappMaterialServiceCardComponent, decorators: [{
|
|
96
96
|
type: Component,
|
|
97
|
-
args: [{ selector: 'wapp-material-service-card', template: "<mat-card *ngIf=\"wappingServiceReady\" class=\"service-card\" (click)=\"cardOnClick(wappingService)\">\r\n <div fxLayout=\"column\" fxLayoutAlign=\"center center\">\r\n <div class=\"service-card-image-title\"\r\n [style.background-color]=\"wappingService.tile1BackgroundColor\"\r\n [style.color]=\"wappingService.tile1ForegroundColor\"\r\n *ngIf=\"wappingService.tile1\"\r\n fxLayout=\"row\" fxLayoutGap=\"5px\">\r\n <!--tile1-->\r\n <div>{{wappingService.tile1}}</div>\r\n <div *ngIf=\"wappingService.showTile1Label\">{{wappingService.tile1Label}}</div>\r\n </div>\r\n <div class=\"service-card-image\">\r\n <img mat-card-image [src]=\"wappingService.imageUrl\">\r\n </div>\r\n </div>\r\n <mat-card-header fxLayout=\"column\">\r\n <div fxLayout=\"row\">\r\n <!--tile2-->\r\n <div class=\"card-header-benefits\" fxLayout=\"row\" fxLayoutGap=\"5px\">\r\n <div>{{wappingService.tile2}}</div>\r\n <div *ngIf=\"wappingService.showTile2Label\">{{wappingService.tile2Label}}</div>\r\n </div>\r\n <div fxFlex></div>\r\n <!--status-->\r\n <div class=\"card-header-status-container\" *ngIf=\"wappingService.allowSelect && allowSelectSendGiftCard\" fxLayout=\"row\" fxLayoutGap=\"5px\">\r\n <div class=\"card-header-status\" *ngIf=\"!wappingService.allowSelect && wappingService.type != 6\">\r\n <mat-icon class=\"card-header-status-icon\" svgIcon=\"activated\"></mat-icon>\r\n <div class=\"status\">{{ wappingTranslations.activedService }}</div>\r\n </div>\r\n <div class=\"card-header-status\" *ngIf=\"wappingService.active\">\r\n <mat-icon class=\"card-header-status-icon\" svgIcon=\"activated\"></mat-icon>\r\n <span class=\"status\">{{ wappingTranslations.activedService }}</span>\r\n </div>\r\n <div class=\"card-header-status\" *ngIf=\"!wappingService.active\">\r\n <mat-icon class=\"card-header-status-icon\" svgIcon=\"deactivated\"></mat-icon>\r\n <span class=\"status\">{{ wappingTranslations.disabledService }}</span>\r\n </div>\r\n </div>\r\n <div class=\"card-header-status-container\" *ngIf=\"!allowSelectSendGiftCard\" fxLayout=\"row\" fxLayoutGap=\"5px\">\r\n <div class=\"card-header-status\" *ngIf=\"wappingService.dataReqToSendCard!.enumSendingStatusId == enumSendingStatus.ScheduledToSend\">\r\n <div class=\"sendLabel\" >\r\n {{ wappingTranslations.scheduledLabel }}\r\n </div>\r\n </div>\r\n <div class=\"card-header-status\" *ngIf=\"wappingService.dataReqToSendCard!.enumSendingStatusId == enumSendingStatus.Sent || wappingService.dataReqToSendCard!.enumSendingStatusId == enumSendingStatus.PendingRegistration\">\r\n <div class=\"sendLabel\" >\r\n {{ wappingTranslations.sendLabel }}\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <!--tile3-->\r\n <div class=\"card-header-description\">\r\n {{wappingService.tile3}}\r\n </div>\r\n <!--tile4-->\r\n <div class=\"card-header-detail\" *ngIf=\"wappingService.enumTypeStatusECardID != ecardStatus.generated\">\r\n {{wappingService.tile4}}\r\n </div>\r\n <div class=\"card-header-detail\" *ngIf=\"wappingService.enumTypeStatusECardID == ecardStatus.generated\">\r\n {{ wappingTranslations.cardGenerated }}\r\n </div>\r\n </mat-card-header>\r\n</mat-card>", styles: [":host ::ng-deep .service-card{width:380px}.mat-mdc-card{padding:0}.service-card{cursor:pointer;transition:none!important;box-shadow:1px 2px 8px #1f1f1f14}.service-card-image-title{position:absolute;width:75%;margin-left:40px;margin-right:40px;height:22px;top:0;z-index:99;border-radius:0 0 4.3118px 4.3118px;justify-content:center;align-items:center;display:flex}.service-card-image{font-size:0px;border-top-left-radius:5px;border-top-right-radius:5px;width:100%}.mat-mdc-card-image{width:100%;margin:0;max-height:500px}.mat-mdc-card-image:first-child{margin:0}.mat-mdc-card-content{padding:5px}.mat-mdc-card-header{height:130px;padding:16px 15px;background-color:#eee6;border-bottom-left-radius:5px;border-bottom-right-radius:5px}.mat-mdc-card-header .mat-mdc-card-title{margin:0!important}.card-header-benefits{align-items:center;text-transform:uppercase}.card-header-status{display:flex;align-items:center}.card-header-status-icon{margin-right:5px;width:10px}.status{text-transform:uppercase}.card-header-description
|
|
97
|
+
args: [{ selector: 'wapp-material-service-card', template: "<mat-card *ngIf=\"wappingServiceReady\" class=\"service-card\" (click)=\"cardOnClick(wappingService)\">\r\n <div fxLayout=\"column\" fxLayoutAlign=\"center center\">\r\n <div class=\"service-card-image-title\"\r\n [style.background-color]=\"wappingService.tile1BackgroundColor\"\r\n [style.color]=\"wappingService.tile1ForegroundColor\"\r\n *ngIf=\"wappingService.tile1\"\r\n fxLayout=\"row\" fxLayoutGap=\"5px\">\r\n <!--tile1-->\r\n <div>{{wappingService.tile1}}</div>\r\n <div *ngIf=\"wappingService.showTile1Label\">{{wappingService.tile1Label}}</div>\r\n </div>\r\n <div class=\"service-card-image\">\r\n <img mat-card-image [src]=\"wappingService.imageUrl\">\r\n </div>\r\n </div>\r\n <mat-card-header fxLayout=\"column\">\r\n <div fxLayout=\"row\">\r\n <!--tile2-->\r\n <div class=\"card-header-benefits\" fxLayout=\"row\" fxLayoutGap=\"5px\">\r\n <div>{{wappingService.tile2}}</div>\r\n <div *ngIf=\"wappingService.showTile2Label\">{{wappingService.tile2Label}}</div>\r\n </div>\r\n <div fxFlex></div>\r\n <!--status-->\r\n <div class=\"card-header-status-container\" *ngIf=\"wappingService.allowSelect && allowSelectSendGiftCard\" fxLayout=\"row\" fxLayoutGap=\"5px\">\r\n <div class=\"card-header-status\" *ngIf=\"!wappingService.allowSelect && wappingService.type != 6\">\r\n <mat-icon class=\"card-header-status-icon\" svgIcon=\"activated\"></mat-icon>\r\n <div class=\"status\">{{ wappingTranslations.activedService }}</div>\r\n </div>\r\n <div class=\"card-header-status\" *ngIf=\"wappingService.active\">\r\n <mat-icon class=\"card-header-status-icon\" svgIcon=\"activated\"></mat-icon>\r\n <span class=\"status\">{{ wappingTranslations.activedService }}</span>\r\n </div>\r\n <div class=\"card-header-status\" *ngIf=\"!wappingService.active\">\r\n <mat-icon class=\"card-header-status-icon\" svgIcon=\"deactivated\"></mat-icon>\r\n <span class=\"status\">{{ wappingTranslations.disabledService }}</span>\r\n </div>\r\n </div>\r\n <div class=\"card-header-status-container\" *ngIf=\"!allowSelectSendGiftCard\" fxLayout=\"row\" fxLayoutGap=\"5px\">\r\n <div class=\"card-header-status\" *ngIf=\"wappingService.dataReqToSendCard!.enumSendingStatusId == enumSendingStatus.ScheduledToSend\">\r\n <div class=\"sendLabel\" >\r\n {{ wappingTranslations.scheduledLabel }}\r\n </div>\r\n </div>\r\n <div class=\"card-header-status\" *ngIf=\"wappingService.dataReqToSendCard!.enumSendingStatusId == enumSendingStatus.Sent || wappingService.dataReqToSendCard!.enumSendingStatusId == enumSendingStatus.PendingRegistration\">\r\n <div class=\"sendLabel\" >\r\n {{ wappingTranslations.sendLabel }}\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <!--tile3-->\r\n <div class=\"card-header-description\">\r\n {{wappingService.tile3}}\r\n </div>\r\n <!--tile4-->\r\n <div class=\"card-header-detail\" *ngIf=\"wappingService.enumTypeStatusECardID != ecardStatus.generated\">\r\n {{wappingService.tile4}}\r\n </div>\r\n <div class=\"card-header-detail\" *ngIf=\"wappingService.enumTypeStatusECardID == ecardStatus.generated\">\r\n {{ wappingTranslations.cardGenerated }}\r\n </div>\r\n </mat-card-header>\r\n</mat-card>", styles: [":host ::ng-deep .service-card{width:380px}.mat-mdc-card{padding:0}.service-card{cursor:pointer;transition:none!important;box-shadow:1px 2px 8px #1f1f1f14}.service-card-image-title{position:absolute;width:75%;margin-left:40px;margin-right:40px;height:22px;top:0;z-index:99;border-radius:0 0 4.3118px 4.3118px;justify-content:center;align-items:center;display:flex}.service-card-image{font-size:0px;border-top-left-radius:5px;border-top-right-radius:5px;width:100%}.mat-mdc-card-image{width:100%;margin:0;max-height:500px}.mat-mdc-card-image:first-child{margin:0}.mat-mdc-card-content{padding:5px}.mat-mdc-card-header{height:130px;padding:16px 15px;background-color:#eee6;border-bottom-left-radius:5px;border-bottom-right-radius:5px}.mat-mdc-card-header .mat-mdc-card-title{margin:0!important}.card-header-benefits{align-items:center;text-transform:uppercase}.card-header-status{display:flex;align-items:center}.card-header-status-icon{margin-right:5px;width:10px}.status{text-transform:uppercase}.card-header-description{margin-top:10px;text-align:left;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:clip;text-overflow:ellipsis;white-space:pre-line}.card-header-detail{margin-top:10px;text-align:left;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space:pre-line}\n"] }]
|
|
98
98
|
}], ctorParameters: function () { return [{ type: i1.Router }, { type: i2.MatIconRegistry }, { type: i3.DomSanitizer }]; }, propDecorators: { wappingServicesTranslations: [{
|
|
99
99
|
type: Input
|
|
100
100
|
}], wappingService: [{
|
|
@@ -10302,10 +10302,10 @@ class WappMaterialServiceCardComponent {
|
|
|
10302
10302
|
}
|
|
10303
10303
|
}
|
|
10304
10304
|
WappMaterialServiceCardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: WappMaterialServiceCardComponent, deps: [{ token: i1$4.Router }, { token: i1$7.MatIconRegistry }, { token: i2$8.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component });
|
|
10305
|
-
WappMaterialServiceCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: WappMaterialServiceCardComponent, selector: "wapp-material-service-card", inputs: { wappingServicesTranslations: "wappingServicesTranslations", wappingService: "wappingService" }, outputs: { cardClicked: "cardClicked" }, ngImport: i0, template: "<mat-card *ngIf=\"wappingServiceReady\" class=\"service-card\" (click)=\"cardOnClick(wappingService)\">\r\n <div fxLayout=\"column\" fxLayoutAlign=\"center center\">\r\n <div class=\"service-card-image-title\"\r\n [style.background-color]=\"wappingService.tile1BackgroundColor\"\r\n [style.color]=\"wappingService.tile1ForegroundColor\"\r\n *ngIf=\"wappingService.tile1\"\r\n fxLayout=\"row\" fxLayoutGap=\"5px\">\r\n <!--tile1-->\r\n <div>{{wappingService.tile1}}</div>\r\n <div *ngIf=\"wappingService.showTile1Label\">{{wappingService.tile1Label}}</div>\r\n </div>\r\n <div class=\"service-card-image\">\r\n <img mat-card-image [src]=\"wappingService.imageUrl\">\r\n </div>\r\n </div>\r\n <mat-card-header fxLayout=\"column\">\r\n <div fxLayout=\"row\">\r\n <!--tile2-->\r\n <div class=\"card-header-benefits\" fxLayout=\"row\" fxLayoutGap=\"5px\">\r\n <div>{{wappingService.tile2}}</div>\r\n <div *ngIf=\"wappingService.showTile2Label\">{{wappingService.tile2Label}}</div>\r\n </div>\r\n <div fxFlex></div>\r\n <!--status-->\r\n <div class=\"card-header-status-container\" *ngIf=\"wappingService.allowSelect && allowSelectSendGiftCard\" fxLayout=\"row\" fxLayoutGap=\"5px\">\r\n <div class=\"card-header-status\" *ngIf=\"!wappingService.allowSelect && wappingService.type != 6\">\r\n <mat-icon class=\"card-header-status-icon\" svgIcon=\"activated\"></mat-icon>\r\n <div class=\"status\">{{ wappingTranslations.activedService }}</div>\r\n </div>\r\n <div class=\"card-header-status\" *ngIf=\"wappingService.active\">\r\n <mat-icon class=\"card-header-status-icon\" svgIcon=\"activated\"></mat-icon>\r\n <span class=\"status\">{{ wappingTranslations.activedService }}</span>\r\n </div>\r\n <div class=\"card-header-status\" *ngIf=\"!wappingService.active\">\r\n <mat-icon class=\"card-header-status-icon\" svgIcon=\"deactivated\"></mat-icon>\r\n <span class=\"status\">{{ wappingTranslations.disabledService }}</span>\r\n </div>\r\n </div>\r\n <div class=\"card-header-status-container\" *ngIf=\"!allowSelectSendGiftCard\" fxLayout=\"row\" fxLayoutGap=\"5px\">\r\n <div class=\"card-header-status\" *ngIf=\"wappingService.dataReqToSendCard!.enumSendingStatusId == enumSendingStatus.ScheduledToSend\">\r\n <div class=\"sendLabel\" >\r\n {{ wappingTranslations.scheduledLabel }}\r\n </div>\r\n </div>\r\n <div class=\"card-header-status\" *ngIf=\"wappingService.dataReqToSendCard!.enumSendingStatusId == enumSendingStatus.Sent || wappingService.dataReqToSendCard!.enumSendingStatusId == enumSendingStatus.PendingRegistration\">\r\n <div class=\"sendLabel\" >\r\n {{ wappingTranslations.sendLabel }}\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <!--tile3-->\r\n <div class=\"card-header-description\">\r\n {{wappingService.tile3}}\r\n </div>\r\n <!--tile4-->\r\n <div class=\"card-header-detail\" *ngIf=\"wappingService.enumTypeStatusECardID != ecardStatus.generated\">\r\n {{wappingService.tile4}}\r\n </div>\r\n <div class=\"card-header-detail\" *ngIf=\"wappingService.enumTypeStatusECardID == ecardStatus.generated\">\r\n {{ wappingTranslations.cardGenerated }}\r\n </div>\r\n </mat-card-header>\r\n</mat-card>", styles: [":host ::ng-deep .service-card{width:380px}.mat-mdc-card{padding:0}.service-card{cursor:pointer;transition:none!important;box-shadow:1px 2px 8px #1f1f1f14}.service-card-image-title{position:absolute;width:75%;margin-left:40px;margin-right:40px;height:22px;top:0;z-index:99;border-radius:0 0 4.3118px 4.3118px;justify-content:center;align-items:center;display:flex}.service-card-image{font-size:0px;border-top-left-radius:5px;border-top-right-radius:5px;width:100%}.mat-mdc-card-image{width:100%;margin:0;max-height:500px}.mat-mdc-card-image:first-child{margin:0}.mat-mdc-card-content{padding:5px}.mat-mdc-card-header{height:130px;padding:16px 15px;background-color:#eee6;border-bottom-left-radius:5px;border-bottom-right-radius:5px}.mat-mdc-card-header .mat-mdc-card-title{margin:0!important}.card-header-benefits{align-items:center;text-transform:uppercase}.card-header-status{display:flex;align-items:center}.card-header-status-icon{margin-right:5px;width:10px}.status{text-transform:uppercase}.card-header-description
|
|
10305
|
+
WappMaterialServiceCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: WappMaterialServiceCardComponent, selector: "wapp-material-service-card", inputs: { wappingServicesTranslations: "wappingServicesTranslations", wappingService: "wappingService" }, outputs: { cardClicked: "cardClicked" }, ngImport: i0, template: "<mat-card *ngIf=\"wappingServiceReady\" class=\"service-card\" (click)=\"cardOnClick(wappingService)\">\r\n <div fxLayout=\"column\" fxLayoutAlign=\"center center\">\r\n <div class=\"service-card-image-title\"\r\n [style.background-color]=\"wappingService.tile1BackgroundColor\"\r\n [style.color]=\"wappingService.tile1ForegroundColor\"\r\n *ngIf=\"wappingService.tile1\"\r\n fxLayout=\"row\" fxLayoutGap=\"5px\">\r\n <!--tile1-->\r\n <div>{{wappingService.tile1}}</div>\r\n <div *ngIf=\"wappingService.showTile1Label\">{{wappingService.tile1Label}}</div>\r\n </div>\r\n <div class=\"service-card-image\">\r\n <img mat-card-image [src]=\"wappingService.imageUrl\">\r\n </div>\r\n </div>\r\n <mat-card-header fxLayout=\"column\">\r\n <div fxLayout=\"row\">\r\n <!--tile2-->\r\n <div class=\"card-header-benefits\" fxLayout=\"row\" fxLayoutGap=\"5px\">\r\n <div>{{wappingService.tile2}}</div>\r\n <div *ngIf=\"wappingService.showTile2Label\">{{wappingService.tile2Label}}</div>\r\n </div>\r\n <div fxFlex></div>\r\n <!--status-->\r\n <div class=\"card-header-status-container\" *ngIf=\"wappingService.allowSelect && allowSelectSendGiftCard\" fxLayout=\"row\" fxLayoutGap=\"5px\">\r\n <div class=\"card-header-status\" *ngIf=\"!wappingService.allowSelect && wappingService.type != 6\">\r\n <mat-icon class=\"card-header-status-icon\" svgIcon=\"activated\"></mat-icon>\r\n <div class=\"status\">{{ wappingTranslations.activedService }}</div>\r\n </div>\r\n <div class=\"card-header-status\" *ngIf=\"wappingService.active\">\r\n <mat-icon class=\"card-header-status-icon\" svgIcon=\"activated\"></mat-icon>\r\n <span class=\"status\">{{ wappingTranslations.activedService }}</span>\r\n </div>\r\n <div class=\"card-header-status\" *ngIf=\"!wappingService.active\">\r\n <mat-icon class=\"card-header-status-icon\" svgIcon=\"deactivated\"></mat-icon>\r\n <span class=\"status\">{{ wappingTranslations.disabledService }}</span>\r\n </div>\r\n </div>\r\n <div class=\"card-header-status-container\" *ngIf=\"!allowSelectSendGiftCard\" fxLayout=\"row\" fxLayoutGap=\"5px\">\r\n <div class=\"card-header-status\" *ngIf=\"wappingService.dataReqToSendCard!.enumSendingStatusId == enumSendingStatus.ScheduledToSend\">\r\n <div class=\"sendLabel\" >\r\n {{ wappingTranslations.scheduledLabel }}\r\n </div>\r\n </div>\r\n <div class=\"card-header-status\" *ngIf=\"wappingService.dataReqToSendCard!.enumSendingStatusId == enumSendingStatus.Sent || wappingService.dataReqToSendCard!.enumSendingStatusId == enumSendingStatus.PendingRegistration\">\r\n <div class=\"sendLabel\" >\r\n {{ wappingTranslations.sendLabel }}\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <!--tile3-->\r\n <div class=\"card-header-description\">\r\n {{wappingService.tile3}}\r\n </div>\r\n <!--tile4-->\r\n <div class=\"card-header-detail\" *ngIf=\"wappingService.enumTypeStatusECardID != ecardStatus.generated\">\r\n {{wappingService.tile4}}\r\n </div>\r\n <div class=\"card-header-detail\" *ngIf=\"wappingService.enumTypeStatusECardID == ecardStatus.generated\">\r\n {{ wappingTranslations.cardGenerated }}\r\n </div>\r\n </mat-card-header>\r\n</mat-card>", styles: [":host ::ng-deep .service-card{width:380px}.mat-mdc-card{padding:0}.service-card{cursor:pointer;transition:none!important;box-shadow:1px 2px 8px #1f1f1f14}.service-card-image-title{position:absolute;width:75%;margin-left:40px;margin-right:40px;height:22px;top:0;z-index:99;border-radius:0 0 4.3118px 4.3118px;justify-content:center;align-items:center;display:flex}.service-card-image{font-size:0px;border-top-left-radius:5px;border-top-right-radius:5px;width:100%}.mat-mdc-card-image{width:100%;margin:0;max-height:500px}.mat-mdc-card-image:first-child{margin:0}.mat-mdc-card-content{padding:5px}.mat-mdc-card-header{height:130px;padding:16px 15px;background-color:#eee6;border-bottom-left-radius:5px;border-bottom-right-radius:5px}.mat-mdc-card-header .mat-mdc-card-title{margin:0!important}.card-header-benefits{align-items:center;text-transform:uppercase}.card-header-status{display:flex;align-items:center}.card-header-status-icon{margin-right:5px;width:10px}.status{text-transform:uppercase}.card-header-description{margin-top:10px;text-align:left;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:clip;text-overflow:ellipsis;white-space:pre-line}.card-header-detail{margin-top:10px;text-align:left;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space:pre-line}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i6$2.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "component", type: i6$2.MatCardHeader, selector: "mat-card-header" }, { kind: "directive", type: i6$2.MatCardImage, selector: "[mat-card-image], [matCardImage]" }, { kind: "component", type: i1$7.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i7$4.DefaultLayoutDirective, selector: " [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md], [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md], [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm], [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i7$4.DefaultLayoutGapDirective, selector: " [fxLayoutGap], [fxLayoutGap.xs], [fxLayoutGap.sm], [fxLayoutGap.md], [fxLayoutGap.lg], [fxLayoutGap.xl], [fxLayoutGap.lt-sm], [fxLayoutGap.lt-md], [fxLayoutGap.lt-lg], [fxLayoutGap.lt-xl], [fxLayoutGap.gt-xs], [fxLayoutGap.gt-sm], [fxLayoutGap.gt-md], [fxLayoutGap.gt-lg]", inputs: ["fxLayoutGap", "fxLayoutGap.xs", "fxLayoutGap.sm", "fxLayoutGap.md", "fxLayoutGap.lg", "fxLayoutGap.xl", "fxLayoutGap.lt-sm", "fxLayoutGap.lt-md", "fxLayoutGap.lt-lg", "fxLayoutGap.lt-xl", "fxLayoutGap.gt-xs", "fxLayoutGap.gt-sm", "fxLayoutGap.gt-md", "fxLayoutGap.gt-lg"] }, { kind: "directive", type: i7$4.DefaultLayoutAlignDirective, selector: " [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md], [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md], [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm], [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { kind: "directive", type: i7$4.DefaultFlexDirective, selector: " [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md], [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md], [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm], [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }] });
|
|
10306
10306
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: WappMaterialServiceCardComponent, decorators: [{
|
|
10307
10307
|
type: Component,
|
|
10308
|
-
args: [{ selector: 'wapp-material-service-card', template: "<mat-card *ngIf=\"wappingServiceReady\" class=\"service-card\" (click)=\"cardOnClick(wappingService)\">\r\n <div fxLayout=\"column\" fxLayoutAlign=\"center center\">\r\n <div class=\"service-card-image-title\"\r\n [style.background-color]=\"wappingService.tile1BackgroundColor\"\r\n [style.color]=\"wappingService.tile1ForegroundColor\"\r\n *ngIf=\"wappingService.tile1\"\r\n fxLayout=\"row\" fxLayoutGap=\"5px\">\r\n <!--tile1-->\r\n <div>{{wappingService.tile1}}</div>\r\n <div *ngIf=\"wappingService.showTile1Label\">{{wappingService.tile1Label}}</div>\r\n </div>\r\n <div class=\"service-card-image\">\r\n <img mat-card-image [src]=\"wappingService.imageUrl\">\r\n </div>\r\n </div>\r\n <mat-card-header fxLayout=\"column\">\r\n <div fxLayout=\"row\">\r\n <!--tile2-->\r\n <div class=\"card-header-benefits\" fxLayout=\"row\" fxLayoutGap=\"5px\">\r\n <div>{{wappingService.tile2}}</div>\r\n <div *ngIf=\"wappingService.showTile2Label\">{{wappingService.tile2Label}}</div>\r\n </div>\r\n <div fxFlex></div>\r\n <!--status-->\r\n <div class=\"card-header-status-container\" *ngIf=\"wappingService.allowSelect && allowSelectSendGiftCard\" fxLayout=\"row\" fxLayoutGap=\"5px\">\r\n <div class=\"card-header-status\" *ngIf=\"!wappingService.allowSelect && wappingService.type != 6\">\r\n <mat-icon class=\"card-header-status-icon\" svgIcon=\"activated\"></mat-icon>\r\n <div class=\"status\">{{ wappingTranslations.activedService }}</div>\r\n </div>\r\n <div class=\"card-header-status\" *ngIf=\"wappingService.active\">\r\n <mat-icon class=\"card-header-status-icon\" svgIcon=\"activated\"></mat-icon>\r\n <span class=\"status\">{{ wappingTranslations.activedService }}</span>\r\n </div>\r\n <div class=\"card-header-status\" *ngIf=\"!wappingService.active\">\r\n <mat-icon class=\"card-header-status-icon\" svgIcon=\"deactivated\"></mat-icon>\r\n <span class=\"status\">{{ wappingTranslations.disabledService }}</span>\r\n </div>\r\n </div>\r\n <div class=\"card-header-status-container\" *ngIf=\"!allowSelectSendGiftCard\" fxLayout=\"row\" fxLayoutGap=\"5px\">\r\n <div class=\"card-header-status\" *ngIf=\"wappingService.dataReqToSendCard!.enumSendingStatusId == enumSendingStatus.ScheduledToSend\">\r\n <div class=\"sendLabel\" >\r\n {{ wappingTranslations.scheduledLabel }}\r\n </div>\r\n </div>\r\n <div class=\"card-header-status\" *ngIf=\"wappingService.dataReqToSendCard!.enumSendingStatusId == enumSendingStatus.Sent || wappingService.dataReqToSendCard!.enumSendingStatusId == enumSendingStatus.PendingRegistration\">\r\n <div class=\"sendLabel\" >\r\n {{ wappingTranslations.sendLabel }}\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <!--tile3-->\r\n <div class=\"card-header-description\">\r\n {{wappingService.tile3}}\r\n </div>\r\n <!--tile4-->\r\n <div class=\"card-header-detail\" *ngIf=\"wappingService.enumTypeStatusECardID != ecardStatus.generated\">\r\n {{wappingService.tile4}}\r\n </div>\r\n <div class=\"card-header-detail\" *ngIf=\"wappingService.enumTypeStatusECardID == ecardStatus.generated\">\r\n {{ wappingTranslations.cardGenerated }}\r\n </div>\r\n </mat-card-header>\r\n</mat-card>", styles: [":host ::ng-deep .service-card{width:380px}.mat-mdc-card{padding:0}.service-card{cursor:pointer;transition:none!important;box-shadow:1px 2px 8px #1f1f1f14}.service-card-image-title{position:absolute;width:75%;margin-left:40px;margin-right:40px;height:22px;top:0;z-index:99;border-radius:0 0 4.3118px 4.3118px;justify-content:center;align-items:center;display:flex}.service-card-image{font-size:0px;border-top-left-radius:5px;border-top-right-radius:5px;width:100%}.mat-mdc-card-image{width:100%;margin:0;max-height:500px}.mat-mdc-card-image:first-child{margin:0}.mat-mdc-card-content{padding:5px}.mat-mdc-card-header{height:130px;padding:16px 15px;background-color:#eee6;border-bottom-left-radius:5px;border-bottom-right-radius:5px}.mat-mdc-card-header .mat-mdc-card-title{margin:0!important}.card-header-benefits{align-items:center;text-transform:uppercase}.card-header-status{display:flex;align-items:center}.card-header-status-icon{margin-right:5px;width:10px}.status{text-transform:uppercase}.card-header-description
|
|
10308
|
+
args: [{ selector: 'wapp-material-service-card', template: "<mat-card *ngIf=\"wappingServiceReady\" class=\"service-card\" (click)=\"cardOnClick(wappingService)\">\r\n <div fxLayout=\"column\" fxLayoutAlign=\"center center\">\r\n <div class=\"service-card-image-title\"\r\n [style.background-color]=\"wappingService.tile1BackgroundColor\"\r\n [style.color]=\"wappingService.tile1ForegroundColor\"\r\n *ngIf=\"wappingService.tile1\"\r\n fxLayout=\"row\" fxLayoutGap=\"5px\">\r\n <!--tile1-->\r\n <div>{{wappingService.tile1}}</div>\r\n <div *ngIf=\"wappingService.showTile1Label\">{{wappingService.tile1Label}}</div>\r\n </div>\r\n <div class=\"service-card-image\">\r\n <img mat-card-image [src]=\"wappingService.imageUrl\">\r\n </div>\r\n </div>\r\n <mat-card-header fxLayout=\"column\">\r\n <div fxLayout=\"row\">\r\n <!--tile2-->\r\n <div class=\"card-header-benefits\" fxLayout=\"row\" fxLayoutGap=\"5px\">\r\n <div>{{wappingService.tile2}}</div>\r\n <div *ngIf=\"wappingService.showTile2Label\">{{wappingService.tile2Label}}</div>\r\n </div>\r\n <div fxFlex></div>\r\n <!--status-->\r\n <div class=\"card-header-status-container\" *ngIf=\"wappingService.allowSelect && allowSelectSendGiftCard\" fxLayout=\"row\" fxLayoutGap=\"5px\">\r\n <div class=\"card-header-status\" *ngIf=\"!wappingService.allowSelect && wappingService.type != 6\">\r\n <mat-icon class=\"card-header-status-icon\" svgIcon=\"activated\"></mat-icon>\r\n <div class=\"status\">{{ wappingTranslations.activedService }}</div>\r\n </div>\r\n <div class=\"card-header-status\" *ngIf=\"wappingService.active\">\r\n <mat-icon class=\"card-header-status-icon\" svgIcon=\"activated\"></mat-icon>\r\n <span class=\"status\">{{ wappingTranslations.activedService }}</span>\r\n </div>\r\n <div class=\"card-header-status\" *ngIf=\"!wappingService.active\">\r\n <mat-icon class=\"card-header-status-icon\" svgIcon=\"deactivated\"></mat-icon>\r\n <span class=\"status\">{{ wappingTranslations.disabledService }}</span>\r\n </div>\r\n </div>\r\n <div class=\"card-header-status-container\" *ngIf=\"!allowSelectSendGiftCard\" fxLayout=\"row\" fxLayoutGap=\"5px\">\r\n <div class=\"card-header-status\" *ngIf=\"wappingService.dataReqToSendCard!.enumSendingStatusId == enumSendingStatus.ScheduledToSend\">\r\n <div class=\"sendLabel\" >\r\n {{ wappingTranslations.scheduledLabel }}\r\n </div>\r\n </div>\r\n <div class=\"card-header-status\" *ngIf=\"wappingService.dataReqToSendCard!.enumSendingStatusId == enumSendingStatus.Sent || wappingService.dataReqToSendCard!.enumSendingStatusId == enumSendingStatus.PendingRegistration\">\r\n <div class=\"sendLabel\" >\r\n {{ wappingTranslations.sendLabel }}\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <!--tile3-->\r\n <div class=\"card-header-description\">\r\n {{wappingService.tile3}}\r\n </div>\r\n <!--tile4-->\r\n <div class=\"card-header-detail\" *ngIf=\"wappingService.enumTypeStatusECardID != ecardStatus.generated\">\r\n {{wappingService.tile4}}\r\n </div>\r\n <div class=\"card-header-detail\" *ngIf=\"wappingService.enumTypeStatusECardID == ecardStatus.generated\">\r\n {{ wappingTranslations.cardGenerated }}\r\n </div>\r\n </mat-card-header>\r\n</mat-card>", styles: [":host ::ng-deep .service-card{width:380px}.mat-mdc-card{padding:0}.service-card{cursor:pointer;transition:none!important;box-shadow:1px 2px 8px #1f1f1f14}.service-card-image-title{position:absolute;width:75%;margin-left:40px;margin-right:40px;height:22px;top:0;z-index:99;border-radius:0 0 4.3118px 4.3118px;justify-content:center;align-items:center;display:flex}.service-card-image{font-size:0px;border-top-left-radius:5px;border-top-right-radius:5px;width:100%}.mat-mdc-card-image{width:100%;margin:0;max-height:500px}.mat-mdc-card-image:first-child{margin:0}.mat-mdc-card-content{padding:5px}.mat-mdc-card-header{height:130px;padding:16px 15px;background-color:#eee6;border-bottom-left-radius:5px;border-bottom-right-radius:5px}.mat-mdc-card-header .mat-mdc-card-title{margin:0!important}.card-header-benefits{align-items:center;text-transform:uppercase}.card-header-status{display:flex;align-items:center}.card-header-status-icon{margin-right:5px;width:10px}.status{text-transform:uppercase}.card-header-description{margin-top:10px;text-align:left;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:clip;text-overflow:ellipsis;white-space:pre-line}.card-header-detail{margin-top:10px;text-align:left;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space:pre-line}\n"] }]
|
|
10309
10309
|
}], ctorParameters: function () { return [{ type: i1$4.Router }, { type: i1$7.MatIconRegistry }, { type: i2$8.DomSanitizer }]; }, propDecorators: { wappingServicesTranslations: [{
|
|
10310
10310
|
type: Input
|
|
10311
10311
|
}], wappingService: [{
|