@spartacus/storefront
Version:
Spartacus Storefront is a package that you can include in your application, which allows you to add default storefront features.
29 lines • 7.79 kB
JavaScript
import { Component, ViewChild, ElementRef } from '@angular/core';
import { ICON_TYPE } from '../../../../../cms-components/misc/icon/index';
import * as i0 from "@angular/core";
import * as i1 from "../../../../../shared/components/modal/index";
import * as i2 from "../../../../misc/icon/icon.component";
import * as i3 from "@spartacus/core";
import * as i4 from "@angular/common";
export class CouponDialogComponent {
constructor(modalService) {
this.modalService = modalService;
this.iconTypes = ICON_TYPE;
}
dismissModal(reason) {
this.modalService.dismissActiveModal(reason);
}
}
CouponDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: CouponDialogComponent, deps: [{ token: i1.ModalService }], target: i0.ɵɵFactoryTarget.Component });
CouponDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.5", type: CouponDialogComponent, selector: "cx-coupon-dialog", viewQueries: [{ propertyName: "dialog", first: true, predicate: ["dialog"], descendants: true, read: ElementRef }], ngImport: i0, template: "<div #dialog>\n <!-- Modal Header -->\n\n <div class=\"cx-dialog-header modal-header\">\n <div class=\"cx-dialog-title modal-title\">\n {{ 'myCoupons.dialogTitle' | cxTranslate }}\n </div>\n <button\n type=\"button\"\n class=\"close\"\n [attr.aria-label]=\"'common.close' | cxTranslate\"\n (click)=\"dismissModal('Cross click')\"\n >\n <span aria-hidden=\"true\">\n <cx-icon [type]=\"iconTypes.CLOSE\"></cx-icon>\n </span>\n </button>\n </div>\n <!-- Modal Body -->\n <div class=\"cx-dialog-body modal-body\">\n <div class=\"cx-dialog-row\">\n <div class=\"cx-dialog-item col-sm-12 col-md-12\">\n <div class=\"cx-coupon-card-head\">\n <span class=\"card-label-bold cx-coupon-card-id\">{{\n coupon?.couponId\n }}</span>\n <span>: {{ coupon?.name }}</span>\n </div>\n <div class=\"cx-coupon-description\">{{ coupon?.description }}</div>\n\n <div class=\"cx-coupon-dialog-date\">\n <p>{{ 'myCoupons.effectiveTitle' | cxTranslate }}</p>\n <div class=\"cx-coupon-date\">\n {{ coupon?.startDate | cxDate: 'medium' }} -\n {{ coupon?.endDate | cxDate: 'medium' }}\n </div>\n </div>\n\n <div class=\"cx-coupon-dialog-status\">\n <p>{{ 'myCoupons.status' | cxTranslate }}</p>\n <div class=\"cx-coupon-status {{ coupon?.status | lowercase }}\">\n {{ 'myCoupons.' + coupon?.status | cxTranslate }}\n </div>\n </div>\n </div>\n </div>\n </div>\n</div>\n", components: [{ type: i2.IconComponent, selector: "cx-icon,[cxIcon]", inputs: ["cxIcon", "type"] }], pipes: { "cxTranslate": i3.TranslatePipe, "cxDate": i3.CxDatePipe, "lowercase": i4.LowerCasePipe } });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: CouponDialogComponent, decorators: [{
type: Component,
args: [{
selector: 'cx-coupon-dialog',
templateUrl: './coupon-dialog.component.html',
}]
}], ctorParameters: function () { return [{ type: i1.ModalService }]; }, propDecorators: { dialog: [{
type: ViewChild,
args: ['dialog', { read: ElementRef }]
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY291cG9uLWRpYWxvZy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zdG9yZWZyb250bGliL2Ntcy1jb21wb25lbnRzL215YWNjb3VudC9teS1jb3Vwb25zL2NvdXBvbi1jYXJkL2NvdXBvbi1kaWFsb2cvY291cG9uLWRpYWxvZy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zdG9yZWZyb250bGliL2Ntcy1jb21wb25lbnRzL215YWNjb3VudC9teS1jb3Vwb25zL2NvdXBvbi1jYXJkL2NvdXBvbi1kaWFsb2cvY291cG9uLWRpYWxvZy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFNBQVMsRUFBRSxVQUFVLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFakUsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLCtDQUErQyxDQUFDOzs7Ozs7QUFPMUUsTUFBTSxPQUFPLHFCQUFxQjtJQU9oQyxZQUFzQixZQUEwQjtRQUExQixpQkFBWSxHQUFaLFlBQVksQ0FBYztRQU5oRCxjQUFTLEdBQUcsU0FBUyxDQUFDO0lBTTZCLENBQUM7SUFFcEQsWUFBWSxDQUFDLE1BQVk7UUFDdkIsSUFBSSxDQUFDLFlBQVksQ0FBQyxrQkFBa0IsQ0FBQyxNQUFNLENBQUMsQ0FBQztJQUMvQyxDQUFDOztrSEFYVSxxQkFBcUI7c0dBQXJCLHFCQUFxQixxSUFJSCxVQUFVLDZCQ2J6QywyakRBZ0RBOzJGRHZDYSxxQkFBcUI7a0JBSmpDLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLGtCQUFrQjtvQkFDNUIsV0FBVyxFQUFFLGdDQUFnQztpQkFDOUM7bUdBTUMsTUFBTTtzQkFETCxTQUFTO3VCQUFDLFFBQVEsRUFBRSxFQUFFLElBQUksRUFBRSxVQUFVLEVBQUUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIFZpZXdDaGlsZCwgRWxlbWVudFJlZiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgTW9kYWxTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vLi4vLi4vLi4vc2hhcmVkL2NvbXBvbmVudHMvbW9kYWwvaW5kZXgnO1xuaW1wb3J0IHsgSUNPTl9UWVBFIH0gZnJvbSAnLi4vLi4vLi4vLi4vLi4vY21zLWNvbXBvbmVudHMvbWlzYy9pY29uL2luZGV4JztcbmltcG9ydCB7IEN1c3RvbWVyQ291cG9uIH0gZnJvbSAnQHNwYXJ0YWN1cy9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnY3gtY291cG9uLWRpYWxvZycsXG4gIHRlbXBsYXRlVXJsOiAnLi9jb3Vwb24tZGlhbG9nLmNvbXBvbmVudC5odG1sJyxcbn0pXG5leHBvcnQgY2xhc3MgQ291cG9uRGlhbG9nQ29tcG9uZW50IHtcbiAgaWNvblR5cGVzID0gSUNPTl9UWVBFO1xuICBjb3Vwb246IEN1c3RvbWVyQ291cG9uO1xuXG4gIEBWaWV3Q2hpbGQoJ2RpYWxvZycsIHsgcmVhZDogRWxlbWVudFJlZiB9KVxuICBkaWFsb2c6IEVsZW1lbnRSZWY7XG5cbiAgY29uc3RydWN0b3IocHJvdGVjdGVkIG1vZGFsU2VydmljZTogTW9kYWxTZXJ2aWNlKSB7fVxuXG4gIGRpc21pc3NNb2RhbChyZWFzb24/OiBhbnkpOiB2b2lkIHtcbiAgICB0aGlzLm1vZGFsU2VydmljZS5kaXNtaXNzQWN0aXZlTW9kYWwocmVhc29uKTtcbiAgfVxufVxuIiwiPGRpdiAjZGlhbG9nPlxuICA8IS0tIE1vZGFsIEhlYWRlciAtLT5cblxuICA8ZGl2IGNsYXNzPVwiY3gtZGlhbG9nLWhlYWRlciBtb2RhbC1oZWFkZXJcIj5cbiAgICA8ZGl2IGNsYXNzPVwiY3gtZGlhbG9nLXRpdGxlIG1vZGFsLXRpdGxlXCI+XG4gICAgICB7eyAnbXlDb3Vwb25zLmRpYWxvZ1RpdGxlJyB8IGN4VHJhbnNsYXRlIH19XG4gICAgPC9kaXY+XG4gICAgPGJ1dHRvblxuICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICBjbGFzcz1cImNsb3NlXCJcbiAgICAgIFthdHRyLmFyaWEtbGFiZWxdPVwiJ2NvbW1vbi5jbG9zZScgfCBjeFRyYW5zbGF0ZVwiXG4gICAgICAoY2xpY2spPVwiZGlzbWlzc01vZGFsKCdDcm9zcyBjbGljaycpXCJcbiAgICA+XG4gICAgICA8c3BhbiBhcmlhLWhpZGRlbj1cInRydWVcIj5cbiAgICAgICAgPGN4LWljb24gW3R5cGVdPVwiaWNvblR5cGVzLkNMT1NFXCI+PC9jeC1pY29uPlxuICAgICAgPC9zcGFuPlxuICAgIDwvYnV0dG9uPlxuICA8L2Rpdj5cbiAgPCEtLSBNb2RhbCBCb2R5IC0tPlxuICA8ZGl2IGNsYXNzPVwiY3gtZGlhbG9nLWJvZHkgbW9kYWwtYm9keVwiPlxuICAgIDxkaXYgY2xhc3M9XCJjeC1kaWFsb2ctcm93XCI+XG4gICAgICA8ZGl2IGNsYXNzPVwiY3gtZGlhbG9nLWl0ZW0gY29sLXNtLTEyIGNvbC1tZC0xMlwiPlxuICAgICAgICA8ZGl2IGNsYXNzPVwiY3gtY291cG9uLWNhcmQtaGVhZFwiPlxuICAgICAgICAgIDxzcGFuIGNsYXNzPVwiY2FyZC1sYWJlbC1ib2xkIGN4LWNvdXBvbi1jYXJkLWlkXCI+e3tcbiAgICAgICAgICAgIGNvdXBvbj8uY291cG9uSWRcbiAgICAgICAgICB9fTwvc3Bhbj5cbiAgICAgICAgICA8c3Bhbj46IHt7IGNvdXBvbj8ubmFtZSB9fTwvc3Bhbj5cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJjeC1jb3Vwb24tZGVzY3JpcHRpb25cIj57eyBjb3Vwb24/LmRlc2NyaXB0aW9uIH19PC9kaXY+XG5cbiAgICAgICAgPGRpdiBjbGFzcz1cImN4LWNvdXBvbi1kaWFsb2ctZGF0ZVwiPlxuICAgICAgICAgIDxwPnt7ICdteUNvdXBvbnMuZWZmZWN0aXZlVGl0bGUnIHwgY3hUcmFuc2xhdGUgfX08L3A+XG4gICAgICAgICAgPGRpdiBjbGFzcz1cImN4LWNvdXBvbi1kYXRlXCI+XG4gICAgICAgICAgICB7eyBjb3Vwb24/LnN0YXJ0RGF0ZSB8IGN4RGF0ZTogJ21lZGl1bScgfX0gLVxuICAgICAgICAgICAge3sgY291cG9uPy5lbmREYXRlIHwgY3hEYXRlOiAnbWVkaXVtJyB9fVxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L2Rpdj5cblxuICAgICAgICA8ZGl2IGNsYXNzPVwiY3gtY291cG9uLWRpYWxvZy1zdGF0dXNcIj5cbiAgICAgICAgICA8cD57eyAnbXlDb3Vwb25zLnN0YXR1cycgfCBjeFRyYW5zbGF0ZSB9fTwvcD5cbiAgICAgICAgICA8ZGl2IGNsYXNzPVwiY3gtY291cG9uLXN0YXR1cyB7eyBjb3Vwb24/LnN0YXR1cyB8IGxvd2VyY2FzZSB9fVwiPlxuICAgICAgICAgICAge3sgJ215Q291cG9ucy4nICsgY291cG9uPy5zdGF0dXMgfCBjeFRyYW5zbGF0ZSB9fVxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuICA8L2Rpdj5cbjwvZGl2PlxuIl19