@lowcodeunit/applications-flow-common 1.37.9-integration → 1.37.10-ad-placement
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/elements/advertisement-card/advertisement-card.component.mjs +21 -5
- package/fesm2015/lowcodeunit-applications-flow-common.mjs +21 -4
- package/fesm2015/lowcodeunit-applications-flow-common.mjs.map +1 -1
- package/fesm2020/lowcodeunit-applications-flow-common.mjs +20 -4
- package/fesm2020/lowcodeunit-applications-flow-common.mjs.map +1 -1
- package/lib/elements/advertisement-card/advertisement-card.component.d.ts +4 -2
- package/package.json +1 -1
|
@@ -7470,18 +7470,34 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImpor
|
|
|
7470
7470
|
class AdvertisementCardComponent {
|
|
7471
7471
|
constructor() { }
|
|
7472
7472
|
ngOnInit() { }
|
|
7473
|
+
ngOnChanges() {
|
|
7474
|
+
if (this.Advertisements?.length > 0) {
|
|
7475
|
+
console.log('Ads: ', this.Advertisements);
|
|
7476
|
+
let i = 0;
|
|
7477
|
+
this.CurrentAd = this.Advertisements[i];
|
|
7478
|
+
setTimeout(function () {
|
|
7479
|
+
if (i + 1 > this.Advertisements.length - 1) {
|
|
7480
|
+
i = 0;
|
|
7481
|
+
}
|
|
7482
|
+
else {
|
|
7483
|
+
i++;
|
|
7484
|
+
}
|
|
7485
|
+
this.CurrentAd = this.Advertisements[i];
|
|
7486
|
+
}, 900000);
|
|
7487
|
+
}
|
|
7488
|
+
}
|
|
7473
7489
|
ActionClicked(action) {
|
|
7474
7490
|
window.location.href = action;
|
|
7475
7491
|
}
|
|
7476
7492
|
}
|
|
7477
7493
|
AdvertisementCardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: AdvertisementCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
7478
|
-
AdvertisementCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: AdvertisementCardComponent, selector: "lcu-advertisement-card", inputs: {
|
|
7494
|
+
AdvertisementCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: AdvertisementCardComponent, selector: "lcu-advertisement-card", inputs: { Advertisements: ["advertisements", "Advertisements"] }, usesOnChanges: true, ngImport: i0, template: "<mat-card class=\"ad-card\">\n <div class=\"ad-text header\">\n {{ CurrentAd?.Lead }}\n </div>\n\n <mat-card-content fxLayout=\"column\" fxLayoutAlign=\"center center\">\n <img\n class=\"ad-image\"\n [src]=\"CurrentAd?.Image\"\n alt=\"image description\"\n />\n <!-- <img class=\"ad-image\" src=\"../../../assets/images/thinky.png\" alt=\"image description\" /> -->\n\n <p class=\"ad-text\">{{ CurrentAd?.Description }}</p>\n </mat-card-content>\n\n <mat-card-actions\n *ngFor=\"let action of CurrentAd?.Actions\"\n fxLayoutAlign=\"center center\"\n >\n <button\n mat-button\n (click)=\"ActionClicked(action?.Action)\"\n [color]=\"action?.color\"\n >\n <mat-icon *ngIf=\"action?.Icon\">{{ action?.Icon }}</mat-icon>\n {{ action?.Text }}\n </button>\n </mat-card-actions>\n</mat-card>\n", styles: [".ad-card{margin:20px;padding:0}.header{padding:10px}.ad-image{height:50px}.ad-text{text-align:center}mat-card-actions{margin-bottom:-1px!important;margin-left:0!important;margin-right:-.5px!important}\n"], components: [{ type: i1$1.MatCard, selector: "mat-card", exportAs: ["matCard"] }, { type: i4.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button], button[mat-fab], button[mat-mini-fab], button[mat-stroked-button], button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], directives: [{ type: i1$1.MatCardContent, selector: "mat-card-content, [mat-card-content], [matCardContent]" }, { type: i8.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"] }, { type: i8.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"] }, { type: i9.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1$1.MatCardActions, selector: "mat-card-actions", inputs: ["align"], exportAs: ["matCardActions"] }, { type: i9.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
7479
7495
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: AdvertisementCardComponent, decorators: [{
|
|
7480
7496
|
type: Component,
|
|
7481
|
-
args: [{ selector: 'lcu-advertisement-card', template: "<mat-card class=\"ad-card\">\n <div class=\"ad-text header\">\n {{
|
|
7482
|
-
}], ctorParameters: function () { return []; }, propDecorators: {
|
|
7497
|
+
args: [{ selector: 'lcu-advertisement-card', template: "<mat-card class=\"ad-card\">\n <div class=\"ad-text header\">\n {{ CurrentAd?.Lead }}\n </div>\n\n <mat-card-content fxLayout=\"column\" fxLayoutAlign=\"center center\">\n <img\n class=\"ad-image\"\n [src]=\"CurrentAd?.Image\"\n alt=\"image description\"\n />\n <!-- <img class=\"ad-image\" src=\"../../../assets/images/thinky.png\" alt=\"image description\" /> -->\n\n <p class=\"ad-text\">{{ CurrentAd?.Description }}</p>\n </mat-card-content>\n\n <mat-card-actions\n *ngFor=\"let action of CurrentAd?.Actions\"\n fxLayoutAlign=\"center center\"\n >\n <button\n mat-button\n (click)=\"ActionClicked(action?.Action)\"\n [color]=\"action?.color\"\n >\n <mat-icon *ngIf=\"action?.Icon\">{{ action?.Icon }}</mat-icon>\n {{ action?.Text }}\n </button>\n </mat-card-actions>\n</mat-card>\n", styles: [".ad-card{margin:20px;padding:0}.header{padding:10px}.ad-image{height:50px}.ad-text{text-align:center}mat-card-actions{margin-bottom:-1px!important;margin-left:0!important;margin-right:-.5px!important}\n"] }]
|
|
7498
|
+
}], ctorParameters: function () { return []; }, propDecorators: { Advertisements: [{
|
|
7483
7499
|
type: Input,
|
|
7484
|
-
args: ['
|
|
7500
|
+
args: ['advertisements']
|
|
7485
7501
|
}] } });
|
|
7486
7502
|
|
|
7487
7503
|
class FeedFilterComponent {
|