@lowcodeunit/applications-flow-common 1.37.8-merge → 1.37.11-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 +23 -5
- package/fesm2015/lowcodeunit-applications-flow-common.mjs +24 -4
- package/fesm2015/lowcodeunit-applications-flow-common.mjs.map +1 -1
- package/fesm2020/lowcodeunit-applications-flow-common.mjs +22 -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,36 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImpor
|
|
|
7470
7470
|
class AdvertisementCardComponent {
|
|
7471
7471
|
constructor() { }
|
|
7472
7472
|
ngOnInit() { }
|
|
7473
|
+
ngOnChanges() {
|
|
7474
|
+
// 900000 = 15 mins
|
|
7475
|
+
if (this.Advertisements?.length > 0) {
|
|
7476
|
+
console.log('Ads: ', this.Advertisements);
|
|
7477
|
+
let i = 0;
|
|
7478
|
+
this.CurrentAd = this.Advertisements[i];
|
|
7479
|
+
setInterval(() => {
|
|
7480
|
+
if (i + 1 > this.Advertisements?.length - 1) {
|
|
7481
|
+
i = 0;
|
|
7482
|
+
}
|
|
7483
|
+
else {
|
|
7484
|
+
i++;
|
|
7485
|
+
}
|
|
7486
|
+
this.CurrentAd = this.Advertisements[i];
|
|
7487
|
+
console.log('current ad = ', this.CurrentAd);
|
|
7488
|
+
}, 30000);
|
|
7489
|
+
}
|
|
7490
|
+
}
|
|
7473
7491
|
ActionClicked(action) {
|
|
7474
7492
|
window.location.href = action;
|
|
7475
7493
|
}
|
|
7476
7494
|
}
|
|
7477
7495
|
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: {
|
|
7496
|
+
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
7497
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: AdvertisementCardComponent, decorators: [{
|
|
7480
7498
|
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: {
|
|
7499
|
+
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"] }]
|
|
7500
|
+
}], ctorParameters: function () { return []; }, propDecorators: { Advertisements: [{
|
|
7483
7501
|
type: Input,
|
|
7484
|
-
args: ['
|
|
7502
|
+
args: ['advertisements']
|
|
7485
7503
|
}] } });
|
|
7486
7504
|
|
|
7487
7505
|
class FeedFilterComponent {
|