@lowcodeunit/applications-flow-common 1.33.227-lets-get-social-ish → 1.33.230-lets-get-social-ish
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/controls/processor-details-form/processor-details-form.component.mjs +32 -50
- package/esm2020/lib/dialogs/upgrade-dialog/upgrade-dialog.component.mjs +3 -3
- package/esm2020/lib/elements/project-info-card/project-info-card.component.mjs +3 -3
- package/fesm2015/lowcodeunit-applications-flow-common.mjs +31 -49
- package/fesm2015/lowcodeunit-applications-flow-common.mjs.map +1 -1
- package/fesm2020/lowcodeunit-applications-flow-common.mjs +33 -51
- package/fesm2020/lowcodeunit-applications-flow-common.mjs.map +1 -1
- package/package.json +1 -1
|
@@ -3611,10 +3611,10 @@ class UpgradeDialogComponent {
|
|
|
3611
3611
|
}
|
|
3612
3612
|
}
|
|
3613
3613
|
UpgradeDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: UpgradeDialogComponent, deps: [{ token: i1$4.MatDialogRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
3614
|
-
UpgradeDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: UpgradeDialogComponent, selector: "lcu-upgrade-dialog", ngImport: i0, template: "<div class=\"dialog-header\" fxLayoutAlign=\"end center\">\n <button mat-icon-button (click)=\"CloseDialog()\">\n <mat-icon>cancel</mat-icon>\n </button>\n</div>\n\n<div fxLayout=\"row\" fxLayoutAlign=\"center center\">\n <div>\n <img src=\"./assets/images/
|
|
3614
|
+
UpgradeDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: UpgradeDialogComponent, selector: "lcu-upgrade-dialog", ngImport: i0, template: "<div class=\"dialog-header\" fxLayoutAlign=\"end center\">\n <button mat-icon-button (click)=\"CloseDialog()\">\n <mat-icon>cancel</mat-icon>\n </button>\n</div>\n\n<div fxLayout=\"row\" fxLayoutAlign=\"center center\">\n <div>\n <img src=\"./assets/images/thinky.png\" alt=\"Fathym Premium Free During Beta\">\n </div>\n <div fxLayout=\"column\" fxLayoutAlign=\"center start\">\n <h2>Wow!</h2>\n <h2>Fathym Premium is Free During Beta!</h2>\n <h3>Really...no credit card required.</h3>\n </div>\n</div>\n", styles: [""], components: [{ type: i2$1.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: i5$1.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: i5$1.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"] }] });
|
|
3615
3615
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: UpgradeDialogComponent, decorators: [{
|
|
3616
3616
|
type: Component,
|
|
3617
|
-
args: [{ selector: 'lcu-upgrade-dialog', template: "<div class=\"dialog-header\" fxLayoutAlign=\"end center\">\n <button mat-icon-button (click)=\"CloseDialog()\">\n <mat-icon>cancel</mat-icon>\n </button>\n</div>\n\n<div fxLayout=\"row\" fxLayoutAlign=\"center center\">\n <div>\n <img src=\"./assets/images/
|
|
3617
|
+
args: [{ selector: 'lcu-upgrade-dialog', template: "<div class=\"dialog-header\" fxLayoutAlign=\"end center\">\n <button mat-icon-button (click)=\"CloseDialog()\">\n <mat-icon>cancel</mat-icon>\n </button>\n</div>\n\n<div fxLayout=\"row\" fxLayoutAlign=\"center center\">\n <div>\n <img src=\"./assets/images/thinky.png\" alt=\"Fathym Premium Free During Beta\">\n </div>\n <div fxLayout=\"column\" fxLayoutAlign=\"center start\">\n <h2>Wow!</h2>\n <h2>Fathym Premium is Free During Beta!</h2>\n <h3>Really...no credit card required.</h3>\n </div>\n</div>\n", styles: [""] }]
|
|
3618
3618
|
}], ctorParameters: function () { return [{ type: i1$4.MatDialogRef }]; } });
|
|
3619
3619
|
|
|
3620
3620
|
class ProjectInfoCardComponent {
|
|
@@ -3652,10 +3652,10 @@ class ProjectInfoCardComponent {
|
|
|
3652
3652
|
}
|
|
3653
3653
|
}
|
|
3654
3654
|
ProjectInfoCardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: ProjectInfoCardComponent, deps: [{ token: EaCService }, { token: i1$4.MatDialog }], target: i0.ɵɵFactoryTarget.Component });
|
|
3655
|
-
ProjectInfoCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: ProjectInfoCardComponent, selector: "lcu-project-info-card", inputs: { Description: ["description", "Description"], Image: ["image", "Image"], IsEditable: ["is-editable", "IsEditable"], IsShareable: ["is-shareable", "IsShareable"], Name: ["name", "Name"], Subtext: ["subtext", "Subtext"], Version: ["version", "Version"] }, outputs: { LeftClickEvent: "left-click-event", RightClickEvent: "right-click-event" }, ngImport: i0, template: "<mat-card class=\"project-info-card\">\n
|
|
3655
|
+
ProjectInfoCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: ProjectInfoCardComponent, selector: "lcu-project-info-card", inputs: { Description: ["description", "Description"], Image: ["image", "Image"], IsEditable: ["is-editable", "IsEditable"], IsShareable: ["is-shareable", "IsShareable"], Name: ["name", "Name"], Subtext: ["subtext", "Subtext"], Version: ["version", "Version"] }, outputs: { LeftClickEvent: "left-click-event", RightClickEvent: "right-click-event" }, ngImport: i0, template: "<mat-card class=\"project-info-card\">\n <!-- SKELETON CONTENT -->\n <ng-container *ngIf=\"State?.Loading\">\n <div class=\"header-img-container\" fxLayout=\"row\">\n <skeleton-avatar\n class=\"round-project-img\"\n [effect]=\"SkeletonEffect\"\n [size]=\"75\"\n ></skeleton-avatar>\n </div>\n\n <mat-card-header class=\"project-card-header\" fxLayoutAlign=\"center center\">\n <mat-card-title\n skeleton-text\n [effect]=\"SkeletonEffect\"\n class=\"project-card-name\"\n >\n Name of card\n </mat-card-title>\n\n <mat-card-subtitle\n skeleton-text\n [effect]=\"SkeletonEffect\"\n class=\"project-card-description\"\n >\n Description Text\n </mat-card-subtitle>\n\n <mat-card-subtitle class=\"project-card-host\">\n <div skeleton-text [effect]=\"SkeletonEffect\" class=\"host-anchor\">\n https://www.fathym.com\n </div>\n </mat-card-subtitle>\n </mat-card-header>\n <mat-card-content class=\"card-content-container\">\n <div\n skeleton-block\n [effect]=\"SkeletonEffect\"\n class=\"stats-container\"\n ></div>\n\n <div\n class=\"promo-container-skeleton\"\n fxLayout=\"column\"\n fxLayoutAlign=\"center center\"\n >\n <div skeleton-text [effect]=\"SkeletonEffect\" class=\"skeleton-item\">\n Access exclusive tools & insights\n </div>\n\n <div fxLayout=\"row\" fxLayoutAlign=\"start center\">\n <mat-icon\n skeleton-text\n [effect]=\"SkeletonEffect\"\n class=\"skeleton-item\"\n >emoji_events</mat-icon\n >\n\n <div skeleton-text [effect]=\"SkeletonEffect\" class=\"skeleton-item\">\n Upgrade to premium now\n </div>\n </div>\n </div>\n </mat-card-content>\n <mat-card-actions\n class=\"actions-container-skeleton\"\n fxLayoutAlign=\"center center\"\n >\n <div\n skeleton-text\n [effect]=\"SkeletonEffect\"\n class=\"skeleton-item\"\n action\n mat-button\n >\n <mat-icon skeleton-text [effect]=\"SkeletonEffect\" class=\"skeleton-item\"\n >outbox</mat-icon\n >\n Unpack\n </div>\n </mat-card-actions>\n </ng-container>\n <!-- END SKELETON CONTENT -->\n\n <!-- ACTUAL CONTENT -->\n\n <ng-container *ngIf=\"!State?.Loading\">\n <div class=\"header-img-container\" fxLayout=\"row\">\n <div class=\"round-project-img\" fxLayoutAlign=\"center center\">\n <mat-icon *ngIf=\"!Image\" class=\"temp-icon\">flutter_dash</mat-icon>\n <img\n *ngIf=\"Image\"\n [src]=\"Image\"\n [alt]=\"Name\"\n style=\"width: 75px; height: 75px\"\n />\n </div>\n </div>\n\n <div\n class=\"icon-btn-container\"\n fxLayout=\"row\"\n fxLayoutAlign=\"space-between center\"\n >\n <button\n *ngIf=\"IsEditable\"\n mat-icon-button\n id=\"left-icon\"\n (click)=\"LeftIconClicked()\"\n >\n <mat-icon>edit</mat-icon>\n </button>\n <button\n *ngIf=\"IsShareable\"\n mat-icon-button\n id=\"right-icon\"\n (click)=\"RightIconClicked()\"\n >\n <mat-icon>share</mat-icon>\n </button>\n </div>\n\n <mat-card-header class=\"project-card-header\" fxLayoutAlign=\"center center\">\n <mat-card-title class=\"project-card-name\" *ngIf=\"Name\">\n {{ Name }}\n </mat-card-title>\n\n <mat-card-subtitle class=\"project-card-description\" *ngIf=\"Description\">\n {{ Description }}\n </mat-card-subtitle>\n\n <mat-card-subtitle class=\"project-card-version\" *ngIf=\"Version\">\n {{ Version }}\n </mat-card-subtitle>\n\n <mat-card-subtitle class=\"project-card-host\">\n <a\n class=\"host-anchor\"\n *ngIf=\"Subtext\"\n [href]=\"'https://' + Subtext\"\n target=\"_blank\"\n >\n {{ Subtext }}\n </a>\n </mat-card-subtitle>\n </mat-card-header>\n\n <mat-card-content class=\"card-content-container\">\n <div class=\"stats-container\">\n <ng-content select=\"[stats]\"></ng-content>\n </div>\n\n <!-- <div class=\"promo-container\"> -->\n <!-- <ng-content select=\"[promo]\"></ng-content> -->\n <div\n class=\"promo-container\"\n fxLayout=\"column\"\n fxLayoutAlign=\"center center\"\n (click)=\"UpgradeClicked()\"\n >\n <div>Access exclusive tools & insights</div>\n\n <div fxLayout=\"row\" fxLayoutAlign=\"start center\">\n <mat-icon class=\"gold-icon\">emoji_events</mat-icon>\n\n <div class=\"upgrade-text\" (click)=\"UpgradeClicked()\">\n Upgrade to premium now\n </div>\n </div>\n </div>\n <!-- </div> -->\n </mat-card-content>\n <mat-card-actions class=\"actions-container\">\n <ng-content select=\"[action]\"></ng-content>\n </mat-card-actions>\n </ng-container>\n</mat-card>\n", styles: [".project-info-card{margin:20px;padding:0}.round-project-img{background-color:#dfeff2;width:75px;height:75px;border-radius:40px;text-align:center;margin-top:20px;border:2px solid white}.temp-icon{height:50px;width:50px;font-size:50px}.icon-btn-container{margin:5px}.project-card-header{text-align:center;margin-top:50px}.host-anchor{text-decoration:none;color:#4a918e}.header-img-container{background-color:#a4bab3;height:60px;border-radius:2px 2px 0 0;margin-top:-.5px!important;margin-right:-.5px;justify-content:center}.project-card-name{font-size:17px;font-weight:600}.card-content-container{margin-bottom:0!important}.stats-container{border-top:1px solid #b9dddd}.promo-container{cursor:pointer}.gold-icon{color:#d4af37}.upgrade-text{font-weight:700;margin-left:10px;cursor:pointer}mat-card-actions{margin-bottom:-1px!important;margin-left:0!important;margin-right:-.5px!important}.promo-container-skeleton{margin:5px}.actions-container{padding:0!important}.actions-container-skeleton{padding:0!important;border-top:1px solid #b9dddd}.info-card-btn{width:100%;border-radius:0 0 2px 2px;border-top:1px solid #b9dddd}.skeleton-item{margin:5px}\n"], components: [{ type: i4.MatCard, selector: "mat-card", exportAs: ["matCard"] }, { type: i4$4.SkeletonAvatarComponent, selector: "skeleton-avatar", inputs: ["size", "color", "showIcon", "iconColor", "borderRadius", "effect"] }, { type: i4.MatCardHeader, selector: "mat-card-header" }, { type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i2$1.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"] }], directives: [{ type: i4$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5$1.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: i5$1.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: i4.MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { type: i4$4.SkeletonTextDirective, selector: "[skeleton-text]", inputs: ["effect"] }, { type: i4.MatCardSubtitle, selector: "mat-card-subtitle, [mat-card-subtitle], [matCardSubtitle]" }, { type: i4.MatCardContent, selector: "mat-card-content, [mat-card-content], [matCardContent]" }, { type: i4.MatCardActions, selector: "mat-card-actions", inputs: ["align"], exportAs: ["matCardActions"] }] });
|
|
3656
3656
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: ProjectInfoCardComponent, decorators: [{
|
|
3657
3657
|
type: Component,
|
|
3658
|
-
args: [{ selector: 'lcu-project-info-card', template: "<mat-card class=\"project-info-card\">\n
|
|
3658
|
+
args: [{ selector: 'lcu-project-info-card', template: "<mat-card class=\"project-info-card\">\n <!-- SKELETON CONTENT -->\n <ng-container *ngIf=\"State?.Loading\">\n <div class=\"header-img-container\" fxLayout=\"row\">\n <skeleton-avatar\n class=\"round-project-img\"\n [effect]=\"SkeletonEffect\"\n [size]=\"75\"\n ></skeleton-avatar>\n </div>\n\n <mat-card-header class=\"project-card-header\" fxLayoutAlign=\"center center\">\n <mat-card-title\n skeleton-text\n [effect]=\"SkeletonEffect\"\n class=\"project-card-name\"\n >\n Name of card\n </mat-card-title>\n\n <mat-card-subtitle\n skeleton-text\n [effect]=\"SkeletonEffect\"\n class=\"project-card-description\"\n >\n Description Text\n </mat-card-subtitle>\n\n <mat-card-subtitle class=\"project-card-host\">\n <div skeleton-text [effect]=\"SkeletonEffect\" class=\"host-anchor\">\n https://www.fathym.com\n </div>\n </mat-card-subtitle>\n </mat-card-header>\n <mat-card-content class=\"card-content-container\">\n <div\n skeleton-block\n [effect]=\"SkeletonEffect\"\n class=\"stats-container\"\n ></div>\n\n <div\n class=\"promo-container-skeleton\"\n fxLayout=\"column\"\n fxLayoutAlign=\"center center\"\n >\n <div skeleton-text [effect]=\"SkeletonEffect\" class=\"skeleton-item\">\n Access exclusive tools & insights\n </div>\n\n <div fxLayout=\"row\" fxLayoutAlign=\"start center\">\n <mat-icon\n skeleton-text\n [effect]=\"SkeletonEffect\"\n class=\"skeleton-item\"\n >emoji_events</mat-icon\n >\n\n <div skeleton-text [effect]=\"SkeletonEffect\" class=\"skeleton-item\">\n Upgrade to premium now\n </div>\n </div>\n </div>\n </mat-card-content>\n <mat-card-actions\n class=\"actions-container-skeleton\"\n fxLayoutAlign=\"center center\"\n >\n <div\n skeleton-text\n [effect]=\"SkeletonEffect\"\n class=\"skeleton-item\"\n action\n mat-button\n >\n <mat-icon skeleton-text [effect]=\"SkeletonEffect\" class=\"skeleton-item\"\n >outbox</mat-icon\n >\n Unpack\n </div>\n </mat-card-actions>\n </ng-container>\n <!-- END SKELETON CONTENT -->\n\n <!-- ACTUAL CONTENT -->\n\n <ng-container *ngIf=\"!State?.Loading\">\n <div class=\"header-img-container\" fxLayout=\"row\">\n <div class=\"round-project-img\" fxLayoutAlign=\"center center\">\n <mat-icon *ngIf=\"!Image\" class=\"temp-icon\">flutter_dash</mat-icon>\n <img\n *ngIf=\"Image\"\n [src]=\"Image\"\n [alt]=\"Name\"\n style=\"width: 75px; height: 75px\"\n />\n </div>\n </div>\n\n <div\n class=\"icon-btn-container\"\n fxLayout=\"row\"\n fxLayoutAlign=\"space-between center\"\n >\n <button\n *ngIf=\"IsEditable\"\n mat-icon-button\n id=\"left-icon\"\n (click)=\"LeftIconClicked()\"\n >\n <mat-icon>edit</mat-icon>\n </button>\n <button\n *ngIf=\"IsShareable\"\n mat-icon-button\n id=\"right-icon\"\n (click)=\"RightIconClicked()\"\n >\n <mat-icon>share</mat-icon>\n </button>\n </div>\n\n <mat-card-header class=\"project-card-header\" fxLayoutAlign=\"center center\">\n <mat-card-title class=\"project-card-name\" *ngIf=\"Name\">\n {{ Name }}\n </mat-card-title>\n\n <mat-card-subtitle class=\"project-card-description\" *ngIf=\"Description\">\n {{ Description }}\n </mat-card-subtitle>\n\n <mat-card-subtitle class=\"project-card-version\" *ngIf=\"Version\">\n {{ Version }}\n </mat-card-subtitle>\n\n <mat-card-subtitle class=\"project-card-host\">\n <a\n class=\"host-anchor\"\n *ngIf=\"Subtext\"\n [href]=\"'https://' + Subtext\"\n target=\"_blank\"\n >\n {{ Subtext }}\n </a>\n </mat-card-subtitle>\n </mat-card-header>\n\n <mat-card-content class=\"card-content-container\">\n <div class=\"stats-container\">\n <ng-content select=\"[stats]\"></ng-content>\n </div>\n\n <!-- <div class=\"promo-container\"> -->\n <!-- <ng-content select=\"[promo]\"></ng-content> -->\n <div\n class=\"promo-container\"\n fxLayout=\"column\"\n fxLayoutAlign=\"center center\"\n (click)=\"UpgradeClicked()\"\n >\n <div>Access exclusive tools & insights</div>\n\n <div fxLayout=\"row\" fxLayoutAlign=\"start center\">\n <mat-icon class=\"gold-icon\">emoji_events</mat-icon>\n\n <div class=\"upgrade-text\" (click)=\"UpgradeClicked()\">\n Upgrade to premium now\n </div>\n </div>\n </div>\n <!-- </div> -->\n </mat-card-content>\n <mat-card-actions class=\"actions-container\">\n <ng-content select=\"[action]\"></ng-content>\n </mat-card-actions>\n </ng-container>\n</mat-card>\n", styles: [".project-info-card{margin:20px;padding:0}.round-project-img{background-color:#dfeff2;width:75px;height:75px;border-radius:40px;text-align:center;margin-top:20px;border:2px solid white}.temp-icon{height:50px;width:50px;font-size:50px}.icon-btn-container{margin:5px}.project-card-header{text-align:center;margin-top:50px}.host-anchor{text-decoration:none;color:#4a918e}.header-img-container{background-color:#a4bab3;height:60px;border-radius:2px 2px 0 0;margin-top:-.5px!important;margin-right:-.5px;justify-content:center}.project-card-name{font-size:17px;font-weight:600}.card-content-container{margin-bottom:0!important}.stats-container{border-top:1px solid #b9dddd}.promo-container{cursor:pointer}.gold-icon{color:#d4af37}.upgrade-text{font-weight:700;margin-left:10px;cursor:pointer}mat-card-actions{margin-bottom:-1px!important;margin-left:0!important;margin-right:-.5px!important}.promo-container-skeleton{margin:5px}.actions-container{padding:0!important}.actions-container-skeleton{padding:0!important;border-top:1px solid #b9dddd}.info-card-btn{width:100%;border-radius:0 0 2px 2px;border-top:1px solid #b9dddd}.skeleton-item{margin:5px}\n"] }]
|
|
3659
3659
|
}], ctorParameters: function () { return [{ type: EaCService }, { type: i1$4.MatDialog }]; }, propDecorators: { Description: [{
|
|
3660
3660
|
type: Input,
|
|
3661
3661
|
args: ['description']
|
|
@@ -4595,16 +4595,14 @@ class ProcessorDetailsFormComponent {
|
|
|
4595
4595
|
}
|
|
4596
4596
|
SaveProcessorDetails() {
|
|
4597
4597
|
const app = this.EditingApplication;
|
|
4598
|
-
app.LookupConfig.AllowedMethods =
|
|
4599
|
-
|
|
4600
|
-
|
|
4601
|
-
.filter((v) => !!v);
|
|
4598
|
+
app.LookupConfig.AllowedMethods = this.MethodsFormControl?.value
|
|
4599
|
+
?.split(' ')
|
|
4600
|
+
.filter((v) => !!v);
|
|
4602
4601
|
app.Processor.Type = this.ProcessorType;
|
|
4603
4602
|
switch (app.Processor.Type) {
|
|
4604
4603
|
case 'DFS':
|
|
4605
4604
|
app.Processor.DefaultFile =
|
|
4606
|
-
this.DefaultFileFormControl.value ||
|
|
4607
|
-
'index.html';
|
|
4605
|
+
this.DefaultFileFormControl.value || 'index.html';
|
|
4608
4606
|
app.LowCodeUnit = {
|
|
4609
4607
|
Type: this.LCUType,
|
|
4610
4608
|
};
|
|
@@ -4614,74 +4612,56 @@ class ProcessorDetailsFormComponent {
|
|
|
4614
4612
|
this.SourceControls[this.SourceControlFormControl.value].Organization;
|
|
4615
4613
|
app.LowCodeUnit.Repository =
|
|
4616
4614
|
this.SourceControls[this.SourceControlFormControl.value].Repository;
|
|
4617
|
-
app.LowCodeUnit.Build =
|
|
4618
|
-
|
|
4619
|
-
app.LowCodeUnit.Path =
|
|
4620
|
-
this.BuildPathFormControl.value;
|
|
4615
|
+
app.LowCodeUnit.Build = this.BuildFormControl.value;
|
|
4616
|
+
app.LowCodeUnit.Path = this.BuildPathFormControl.value;
|
|
4621
4617
|
app.LowCodeUnit.SourceControlLookup =
|
|
4622
4618
|
this.SourceControlFormControl.value;
|
|
4623
4619
|
break;
|
|
4624
4620
|
case 'NPM':
|
|
4625
|
-
app.LowCodeUnit.Package =
|
|
4626
|
-
|
|
4627
|
-
app.LowCodeUnit.Version =
|
|
4628
|
-
this.VersionFormControl.value;
|
|
4621
|
+
app.LowCodeUnit.Package = this.PackageFormControl.value;
|
|
4622
|
+
app.LowCodeUnit.Version = this.VersionFormControl.value;
|
|
4629
4623
|
break;
|
|
4630
4624
|
case 'WordPress':
|
|
4631
|
-
app.LowCodeUnit.APIRoot =
|
|
4632
|
-
this.APIRootFormControl.value;
|
|
4625
|
+
app.LowCodeUnit.APIRoot = this.APIRootFormControl.value;
|
|
4633
4626
|
break;
|
|
4634
4627
|
case 'Zip':
|
|
4635
|
-
app.LowCodeUnit.ZipFile =
|
|
4636
|
-
this.ZipFileFormControl.value;
|
|
4628
|
+
app.LowCodeUnit.ZipFile = this.ZipFileFormControl.value;
|
|
4637
4629
|
break;
|
|
4638
4630
|
}
|
|
4639
4631
|
break;
|
|
4640
4632
|
case 'OAuth':
|
|
4641
|
-
app.Processor.Scopes =
|
|
4642
|
-
|
|
4643
|
-
app.Processor.TokenLookup =
|
|
4644
|
-
this.TokenLookupFormControl.value;
|
|
4633
|
+
app.Processor.Scopes = this.ScopesFormControl.value.split(' ');
|
|
4634
|
+
app.Processor.TokenLookup = this.TokenLookupFormControl.value;
|
|
4645
4635
|
app.LowCodeUnit = {
|
|
4646
4636
|
Type: this.LCUType,
|
|
4647
4637
|
};
|
|
4648
4638
|
switch (app.LowCodeUnit.Type) {
|
|
4649
4639
|
case 'GitHubOAuth':
|
|
4650
|
-
app.LowCodeUnit.ClientID =
|
|
4651
|
-
|
|
4652
|
-
app.LowCodeUnit.ClientSecret =
|
|
4653
|
-
this.ClientSecretFormControl.value;
|
|
4640
|
+
app.LowCodeUnit.ClientID = this.ClientIDFormControl.value;
|
|
4641
|
+
app.LowCodeUnit.ClientSecret = this.ClientSecretFormControl.value;
|
|
4654
4642
|
break;
|
|
4655
4643
|
}
|
|
4656
4644
|
break;
|
|
4657
4645
|
case 'Proxy':
|
|
4658
|
-
app.Processor.InboundPath =
|
|
4659
|
-
this.InboundPathFormControl.value;
|
|
4646
|
+
app.Processor.InboundPath = this.InboundPathFormControl.value;
|
|
4660
4647
|
app.LowCodeUnit = {
|
|
4661
4648
|
Type: this.LCUType,
|
|
4662
4649
|
};
|
|
4663
4650
|
switch (app.LowCodeUnit.Type) {
|
|
4664
4651
|
case 'API':
|
|
4665
|
-
app.LowCodeUnit.APIRoot =
|
|
4666
|
-
|
|
4667
|
-
app.LowCodeUnit.Security =
|
|
4668
|
-
this.SecurityFormControl.value;
|
|
4652
|
+
app.LowCodeUnit.APIRoot = this.APIRootFormControl.value;
|
|
4653
|
+
app.LowCodeUnit.Security = this.SecurityFormControl.value;
|
|
4669
4654
|
break;
|
|
4670
4655
|
case 'SPA':
|
|
4671
|
-
app.LowCodeUnit.SPARoot =
|
|
4672
|
-
this.SPARootFormControl.value;
|
|
4656
|
+
app.LowCodeUnit.SPARoot = this.SPARootFormControl.value;
|
|
4673
4657
|
break;
|
|
4674
4658
|
}
|
|
4675
4659
|
break;
|
|
4676
4660
|
case 'Redirect':
|
|
4677
|
-
app.Processor.IncludeRequest =
|
|
4678
|
-
|
|
4679
|
-
app.Processor.
|
|
4680
|
-
|
|
4681
|
-
app.Processor.PreserveMethod =
|
|
4682
|
-
!!this.PreserveMethodFormControl.value;
|
|
4683
|
-
app.Processor.Redirect =
|
|
4684
|
-
this.RedirectFormControl.value;
|
|
4661
|
+
app.Processor.IncludeRequest = !!this.IncludeRequestFormControl.value;
|
|
4662
|
+
app.Processor.Permanent = !!this.PermanentFormControl.value;
|
|
4663
|
+
app.Processor.PreserveMethod = !!this.PreserveMethodFormControl.value;
|
|
4664
|
+
app.Processor.Redirect = this.RedirectFormControl.value;
|
|
4685
4665
|
break;
|
|
4686
4666
|
}
|
|
4687
4667
|
if (!app.LookupConfig.PathRegex.startsWith('/')) {
|
|
@@ -4692,12 +4672,12 @@ class ProcessorDetailsFormComponent {
|
|
|
4692
4672
|
Application: app,
|
|
4693
4673
|
ApplicationLookup: this.EditingApplicationLookup || Guid.CreateRaw(),
|
|
4694
4674
|
};
|
|
4695
|
-
this.eacSvc.SaveApplicationAsCode(saveAppReq).then(res => {
|
|
4675
|
+
this.eacSvc.SaveApplicationAsCode(saveAppReq).then((res) => {
|
|
4696
4676
|
this.SaveFormEvent.emit(res);
|
|
4697
4677
|
});
|
|
4698
4678
|
}
|
|
4699
4679
|
SetEditingApplication(appLookup) {
|
|
4700
|
-
this.EditingApplication = new EaCApplicationAsCode;
|
|
4680
|
+
this.EditingApplication = new EaCApplicationAsCode();
|
|
4701
4681
|
this.EditingApplicationLookup = appLookup;
|
|
4702
4682
|
this.setupProcessorDetailsForm();
|
|
4703
4683
|
}
|
|
@@ -4793,14 +4773,16 @@ class ProcessorDetailsFormComponent {
|
|
|
4793
4773
|
});
|
|
4794
4774
|
this.setupDfsForm();
|
|
4795
4775
|
this.setupLcuTypeSubForm();
|
|
4796
|
-
this.listBuildPaths();
|
|
4797
4776
|
}
|
|
4798
4777
|
}
|
|
4799
4778
|
setupLCUGitHubForm() {
|
|
4800
|
-
console.log(
|
|
4779
|
+
console.log('EditingApplication: ', this.EditingApplication);
|
|
4801
4780
|
this.ProcessorDetailsFormGroup.addControl('sourceControl', this.formBldr.control(this.EditingApplication.LowCodeUnit?.SourceControlLookup || '', [Validators.required]));
|
|
4802
|
-
this.ProcessorDetailsFormGroup.addControl('buildPath', this.formBldr.control(this.EditingApplication.LowCodeUnit?.Path || '', [
|
|
4781
|
+
this.ProcessorDetailsFormGroup.addControl('buildPath', this.formBldr.control(this.EditingApplication.LowCodeUnit?.Path || '', [
|
|
4782
|
+
Validators.required,
|
|
4783
|
+
]));
|
|
4803
4784
|
this.ProcessorDetailsFormGroup.addControl('build', this.formBldr.control(this.EditingApplication.LowCodeUnit?.Build || 'latest', [Validators.required]));
|
|
4785
|
+
this.listBuildPaths();
|
|
4804
4786
|
}
|
|
4805
4787
|
setupLCUApplicationPointerForm() {
|
|
4806
4788
|
this.ProcessorDetailsFormGroup.addControl('applicationId', this.formBldr.control(this.EditingApplication.LowCodeUnit?.ApplicationID || '', [Validators.required]));
|