@lowcodeunit/applications-flow-common 1.33.98-lets-get-social-ish → 1.33.99-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/bundles/lowcodeunit-applications-flow-common.umd.js +177 -33
- package/bundles/lowcodeunit-applications-flow-common.umd.js.map +1 -1
- package/bundles/lowcodeunit-applications-flow-common.umd.min.js +2 -2
- package/bundles/lowcodeunit-applications-flow-common.umd.min.js.map +1 -1
- package/esm2015/lib/applications-flow.module.js +12 -4
- package/esm2015/lib/controls/build-pipeline-form/build-pipeline-form.component.js +9 -19
- package/esm2015/lib/controls/devops-source-control-form/devops-source-control-form.component.js +114 -7
- package/esm2015/lib/controls/processor-details-form/processor-details-form.component.js +2 -2
- package/esm2015/lib/dialogs/build-pipeline-dialog/build-pipeline-dialog.component.js +22 -0
- package/esm2015/lib/dialogs/source-control-dialog/source-control-dialog.component.js +22 -0
- package/esm2015/lowcodeunit-applications-flow-common.js +3 -1
- package/fesm2015/lowcodeunit-applications-flow-common.js +172 -30
- package/fesm2015/lowcodeunit-applications-flow-common.js.map +1 -1
- package/lib/applications-flow.module.d.ts.map +1 -1
- package/lib/controls/build-pipeline-form/build-pipeline-form.component.d.ts +0 -4
- package/lib/controls/build-pipeline-form/build-pipeline-form.component.d.ts.map +1 -1
- package/lib/controls/devops-source-control-form/devops-source-control-form.component.d.ts +6 -1
- package/lib/controls/devops-source-control-form/devops-source-control-form.component.d.ts.map +1 -1
- package/lib/dialogs/build-pipeline-dialog/build-pipeline-dialog.component.d.ts +14 -0
- package/lib/dialogs/build-pipeline-dialog/build-pipeline-dialog.component.d.ts.map +1 -0
- package/lib/dialogs/source-control-dialog/source-control-dialog.component.d.ts +14 -0
- package/lib/dialogs/source-control-dialog/source-control-dialog.component.d.ts.map +1 -0
- package/lowcodeunit-applications-flow-common.d.ts +2 -0
- package/lowcodeunit-applications-flow-common.d.ts.map +1 -1
- package/lowcodeunit-applications-flow-common.metadata.json +1 -1
- package/package.json +1 -1
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
(function (global, factory) {
|
|
2
|
-
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('rxjs'), require('@angular/common/http'), require('@lcu/common'), require('@angular/forms'), require('@angular/flex-layout'), require('@lowcodeunit/app-host-common'), require('@angular/cdk/keycodes'), require('rxjs/operators'), require('@angular/cdk/layout'), require('@angular/material/tooltip'), require('@angular/material/slide-toggle')) :
|
|
3
|
-
typeof define === 'function' && define.amd ? define('@lowcodeunit/applications-flow-common', ['exports', '@angular/core', 'rxjs', '@angular/common/http', '@lcu/common', '@angular/forms', '@angular/flex-layout', '@lowcodeunit/app-host-common', '@angular/cdk/keycodes', 'rxjs/operators', '@angular/cdk/layout', '@angular/material/tooltip', '@angular/material/slide-toggle'], factory) :
|
|
4
|
-
(global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.lowcodeunit = global.lowcodeunit || {}, global.lowcodeunit['applications-flow-common'] = {}), global.ng.core, global.rxjs, global.ng.common.http, global.i2, global.ng.forms, global.ng.flexLayout, global.appHostCommon, global.ng.cdk.keycodes, global.rxjs.operators, global.ng.cdk.layout, global.ng.material.tooltip, global.ng.material.slideToggle));
|
|
5
|
-
}(this, (function (exports, i0, rxjs, i1, i2, forms, flexLayout, appHostCommon, keycodes, operators, layout, tooltip, slideToggle) { 'use strict';
|
|
2
|
+
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('rxjs'), require('@angular/common/http'), require('@lcu/common'), require('@angular/forms'), require('@angular/flex-layout'), require('@lowcodeunit/app-host-common'), require('@angular/cdk/keycodes'), require('rxjs/operators'), require('@angular/cdk/layout'), require('@angular/material/tooltip'), require('@angular/material/slide-toggle'), require('@angular/material/dialog')) :
|
|
3
|
+
typeof define === 'function' && define.amd ? define('@lowcodeunit/applications-flow-common', ['exports', '@angular/core', 'rxjs', '@angular/common/http', '@lcu/common', '@angular/forms', '@angular/flex-layout', '@lowcodeunit/app-host-common', '@angular/cdk/keycodes', 'rxjs/operators', '@angular/cdk/layout', '@angular/material/tooltip', '@angular/material/slide-toggle', '@angular/material/dialog'], factory) :
|
|
4
|
+
(global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.lowcodeunit = global.lowcodeunit || {}, global.lowcodeunit['applications-flow-common'] = {}), global.ng.core, global.rxjs, global.ng.common.http, global.i2, global.ng.forms, global.ng.flexLayout, global.appHostCommon, global.ng.cdk.keycodes, global.rxjs.operators, global.ng.cdk.layout, global.ng.material.tooltip, global.ng.material.slideToggle, global.ng.material.dialog));
|
|
5
|
+
}(this, (function (exports, i0, rxjs, i1, i2, forms, flexLayout, appHostCommon, keycodes, operators, layout, tooltip, slideToggle, dialog) { 'use strict';
|
|
6
6
|
|
|
7
7
|
/*! *****************************************************************************
|
|
8
8
|
Copyright (c) Microsoft Corporation.
|
|
@@ -5397,7 +5397,7 @@
|
|
|
5397
5397
|
ProcessorDetailsFormComponent.decorators = [
|
|
5398
5398
|
{ type: i0.Component, args: [{
|
|
5399
5399
|
selector: 'lcu-processor-details-form',
|
|
5400
|
-
template: "<form class=\"processor-details-form\" [formGroup]=\"ProcessorDetailsFormGroup\" (ngSubmit)=\"SubmitProcessorDetails()\">\n<mat-card class=\"spread flow-card\">\n <mat-card-header>\n <mat-card-title> Processor Details </mat-card-title>\n </mat-card-header>\n\n <mat-card-content>\n <mat-form-field class=\"mat-full-width\">\n <mat-select\n placeholder=\"Type\"\n formControlName=\"procType\"\n (selectionChange)=\"ProcessorTypeChanged($event)\"\n required\n >\n <mat-option value=\"DFS\">View Package</mat-option>\n\n <mat-option value=\"Redirect\">Redirect</mat-option>\n\n <mat-option value=\"Proxy\">Proxy</mat-option>\n\n <mat-option value=\"OAuth\">OAuth</mat-option>\n </mat-select>\n </mat-form-field>\n\n <div [ngSwitch]=\"ProcessorType\">\n <div *ngSwitchCase=\"'DFS'\">\n <mat-form-field class=\"mat-full-width\">\n <input\n matInput\n placeholder=\"Default File\"\n formControlName=\"defaultFile\"\n required\n />\n </mat-form-field>\n\n <mat-form-field class=\"mat-full-width\">\n <mat-select\n placeholder=\"Type\"\n formControlName=\"lcuType\"\n (selectionChange)=\"LCUTypeChanged($event)\"\n required\n >\n <mat-option value=\"NPM\">NPM</mat-option>\n\n <mat-option value=\"GitHub\">GitHub</mat-option>\n\n <!-- <mat-option value=\"Zip\">Zip</mat-option> -->\n </mat-select>\n </mat-form-field>\n\n <div [ngSwitch]=\"LCUType\">\n <div *ngSwitchCase=\"'GitHub'\">\n <lcu-source-control-form-controls\n [build-path]=\"EditingApplication?.LowCodeUnit?.Path\"\n [form-group]=\"ProcessorDetailsFormGroup\"\n [source-control]=\"DefaultSourceControl\"\n [use-branches]=\"false\"\n [use-build-path]=\"true\"\n ></lcu-source-control-form-controls>\n\n <mat-form-field\n class=\"mat-full-width\"\n *ngIf=\"\n SourceControlFormControls?.RepositoryFormControl?.valid\n \"\n >\n <input\n matInput\n placeholder=\"Build\"\n formControlName=\"build\"\n required\n />\n\n <mat-hint>\n Current Build:\n {{ EditingApplication?.LowCodeUnit?.CurrentBuild }}\n </mat-hint>\n </mat-form-field>\n </div>\n\n <div *ngSwitchCase=\"'NPM'\">\n <lcu-npm-package-select\n [npm-package]=\"EditingApplication?.LowCodeUnit?.Package\"\n [npm-package-version]=\"\n EditingApplication?.LowCodeUnit?.Version\n \"\n [form-group]=\"ProcessorDetailsFormGroup\"\n ></lcu-npm-package-select>\n\n <mat-hint>\n Current Version:\n {{ EditingApplication?.LowCodeUnit?.CurrentVersion }}\n </mat-hint>\n </div>\n </div>\n </div>\n\n <div *ngSwitchCase=\"'OAuth'\">\n <mat-form-field class=\"mat-full-width\">\n <input\n matInput\n placeholder=\"Scopes (space separated)\"\n formControlName=\"scopes\"\n required\n />\n </mat-form-field>\n\n <mat-form-field class=\"mat-full-width\">\n <input\n matInput\n placeholder=\"Token Lookup\"\n formControlName=\"tokenLookup\"\n required\n />\n </mat-form-field>\n\n <mat-form-field class=\"mat-full-width\">\n <mat-select\n placeholder=\"Type\"\n formControlName=\"lcuType\"\n (selectionChange)=\"LCUTypeChanged($event)\"\n required\n >\n <mat-option value=\"GitHubOAuth\">GitHub</mat-option>\n </mat-select>\n </mat-form-field>\n\n <div [ngSwitch]=\"LCUType\">\n <div *ngSwitchCase=\"'GitHubOAuth'\">\n <mat-form-field class=\"mat-full-width\">\n <input\n matInput\n placeholder=\"Client ID\"\n formControlName=\"clientId\"\n required\n />\n </mat-form-field>\n\n <mat-form-field class=\"mat-full-width\">\n <input\n matInput\n placeholder=\"Client Secret\"\n formControlName=\"clientSecret\"\n required\n />\n </mat-form-field>\n </div>\n </div>\n </div>\n\n <div *ngSwitchCase=\"'Proxy'\">\n <mat-form-field class=\"mat-full-width\">\n <input\n matInput\n placeholder=\"Inbound Path\"\n formControlName=\"inboundPath\"\n required\n />\n </mat-form-field>\n\n <mat-form-field class=\"mat-full-width\">\n <mat-select\n placeholder=\"Type\"\n formControlName=\"lcuType\"\n (selectionChange)=\"LCUTypeChanged($event)\"\n required\n >\n <mat-option value=\"API\">API</mat-option>\n\n <mat-option value=\"SPA\">Single Page Application</mat-option>\n </mat-select>\n </mat-form-field>\n\n <div [ngSwitch]=\"LCUType\">\n <div *ngSwitchCase=\"'API'\">\n <mat-form-field class=\"mat-full-width\">\n <input\n matInput\n placeholder=\"API Root\"\n formControlName=\"apiRoot\"\n required\n />\n </mat-form-field>\n\n <mat-form-field class=\"mat-full-width\">\n <input\n matInput\n placeholder=\"Allowed Methods (separate with spaces)\"\n formControlName=\"methods\"\n />\n </mat-form-field>\n\n <mat-form-field class=\"mat-full-width\">\n <input\n matInput\n placeholder=\"Security ({header}~{value})\"\n formControlName=\"security\"\n required\n />\n </mat-form-field>\n </div>\n\n <div *ngSwitchCase=\"'SPA'\">\n <mat-form-field class=\"mat-full-width\">\n <input\n matInput\n placeholder=\"SPA Root\"\n formControlName=\"spaRoot\"\n required\n />\n </mat-form-field>\n </div>\n </div>\n </div>\n\n <div *ngSwitchCase=\"'Redirect'\">\n <mat-form-field class=\"mat-full-width\">\n <input\n matInput\n placeholder=\"Redirect URL\"\n formControlName=\"redirect\"\n required\n />\n </mat-form-field>\n\n <div>\n <mat-slide-toggle \n class=\"spread\" \n formControlName=\"permanent\">\n Is Permanent?\n </mat-slide-toggle>\n\n <mat-slide-toggle\n class=\"spread\"\n formControlName=\"preserveMethod\"\n >\n Preserve Method?\n </mat-slide-toggle>\n\n <mat-icon\n class=\"spread\"\n matSuffix\n (mouseenter)=\"DetermineTooltipText()\"\n matTooltip={{redirectTooltip}}\n >\n info_outline\n </mat-icon>\n\n <!-- <mat-icon\n *ngIf=\"!IsPermanent && !IsPreserve\"\n\n class=\"spread\"\n matSuffix\n matTooltip=\"302 \u2013 Not Permanent and Not Preserve\"\n >\n info_outline\n </mat-icon> -->\n\n <!-- <mat-icon\n *ngIf=\"!IsPermanent && IsPreserve\"\n class=\"spread\"\n matSuffix\n matTooltip=\"307 \u2013 Not Permanent and Preserve\"\n >\n info_outline\n </mat-icon> -->\n\n <!-- <mat-icon\n *ngIf=\"IsPermanent && IsPreserve\"\n class=\"spread\"\n matSuffix\n matTooltip=\"308 \u2013 Permanent and Preserve\"\n >\n info_outline\n </mat-icon> -->\n\n \n\n <!-- <mat-icon\n class=\"spread\"\n matSuffix\n matTooltip=\"Values used to control the redirect type. Permanent and Not Preserve = 301; Not Permanent and Not Preserve = 302; Permanent and Preserve = 308; Not Permanent and Not Preserve = 307;\"\n >\n info_outline\n </mat-icon> -->\n </div>\n </div>\n </div>\n </mat-card-content>\n <mat-card-actions>\n <!-- [disabled]=\"!SecurityFormGroup.valid || !SecurityFormGroup.dirty\" -->\n <button mat-raised-button type=\"submit\" >Save
|
|
5400
|
+
template: "<form class=\"processor-details-form\" [formGroup]=\"ProcessorDetailsFormGroup\" (ngSubmit)=\"SubmitProcessorDetails()\">\n<mat-card class=\"spread flow-card\">\n <mat-card-header>\n <mat-card-title> Processor Details </mat-card-title>\n </mat-card-header>\n\n <mat-card-content>\n <mat-form-field class=\"mat-full-width\">\n <mat-select\n placeholder=\"Type\"\n formControlName=\"procType\"\n (selectionChange)=\"ProcessorTypeChanged($event)\"\n required\n >\n <mat-option value=\"DFS\">View Package</mat-option>\n\n <mat-option value=\"Redirect\">Redirect</mat-option>\n\n <mat-option value=\"Proxy\">Proxy</mat-option>\n\n <mat-option value=\"OAuth\">OAuth</mat-option>\n </mat-select>\n </mat-form-field>\n\n <div [ngSwitch]=\"ProcessorType\">\n <div *ngSwitchCase=\"'DFS'\">\n <mat-form-field class=\"mat-full-width\">\n <input\n matInput\n placeholder=\"Default File\"\n formControlName=\"defaultFile\"\n required\n />\n </mat-form-field>\n\n <mat-form-field class=\"mat-full-width\">\n <mat-select\n placeholder=\"Type\"\n formControlName=\"lcuType\"\n (selectionChange)=\"LCUTypeChanged($event)\"\n required\n >\n <mat-option value=\"NPM\">NPM</mat-option>\n\n <mat-option value=\"GitHub\">GitHub</mat-option>\n\n <!-- <mat-option value=\"Zip\">Zip</mat-option> -->\n </mat-select>\n </mat-form-field>\n\n <div [ngSwitch]=\"LCUType\">\n <div *ngSwitchCase=\"'GitHub'\">\n <lcu-source-control-form-controls\n [build-path]=\"EditingApplication?.LowCodeUnit?.Path\"\n [form-group]=\"ProcessorDetailsFormGroup\"\n [source-control]=\"DefaultSourceControl\"\n [use-branches]=\"false\"\n [use-build-path]=\"true\"\n ></lcu-source-control-form-controls>\n\n <mat-form-field\n class=\"mat-full-width\"\n *ngIf=\"\n SourceControlFormControls?.RepositoryFormControl?.valid\n \"\n >\n <input\n matInput\n placeholder=\"Build\"\n formControlName=\"build\"\n required\n />\n\n <mat-hint>\n Current Build:\n {{ EditingApplication?.LowCodeUnit?.CurrentBuild }}\n </mat-hint>\n </mat-form-field>\n </div>\n\n <div *ngSwitchCase=\"'NPM'\">\n <lcu-npm-package-select\n [npm-package]=\"EditingApplication?.LowCodeUnit?.Package\"\n [npm-package-version]=\"\n EditingApplication?.LowCodeUnit?.Version\n \"\n [form-group]=\"ProcessorDetailsFormGroup\"\n ></lcu-npm-package-select>\n\n <mat-hint>\n Current Version:\n {{ EditingApplication?.LowCodeUnit?.CurrentVersion }}\n </mat-hint>\n </div>\n </div>\n </div>\n\n <div *ngSwitchCase=\"'OAuth'\">\n <mat-form-field class=\"mat-full-width\">\n <input\n matInput\n placeholder=\"Scopes (space separated)\"\n formControlName=\"scopes\"\n required\n />\n </mat-form-field>\n\n <mat-form-field class=\"mat-full-width\">\n <input\n matInput\n placeholder=\"Token Lookup\"\n formControlName=\"tokenLookup\"\n required\n />\n </mat-form-field>\n\n <mat-form-field class=\"mat-full-width\">\n <mat-select\n placeholder=\"Type\"\n formControlName=\"lcuType\"\n (selectionChange)=\"LCUTypeChanged($event)\"\n required\n >\n <mat-option value=\"GitHubOAuth\">GitHub</mat-option>\n </mat-select>\n </mat-form-field>\n\n <div [ngSwitch]=\"LCUType\">\n <div *ngSwitchCase=\"'GitHubOAuth'\">\n <mat-form-field class=\"mat-full-width\">\n <input\n matInput\n placeholder=\"Client ID\"\n formControlName=\"clientId\"\n required\n />\n </mat-form-field>\n\n <mat-form-field class=\"mat-full-width\">\n <input\n matInput\n placeholder=\"Client Secret\"\n formControlName=\"clientSecret\"\n required\n />\n </mat-form-field>\n </div>\n </div>\n </div>\n\n <div *ngSwitchCase=\"'Proxy'\">\n <mat-form-field class=\"mat-full-width\">\n <input\n matInput\n placeholder=\"Inbound Path\"\n formControlName=\"inboundPath\"\n required\n />\n </mat-form-field>\n\n <mat-form-field class=\"mat-full-width\">\n <mat-select\n placeholder=\"Type\"\n formControlName=\"lcuType\"\n (selectionChange)=\"LCUTypeChanged($event)\"\n required\n >\n <mat-option value=\"API\">API</mat-option>\n\n <mat-option value=\"SPA\">Single Page Application</mat-option>\n </mat-select>\n </mat-form-field>\n\n <div [ngSwitch]=\"LCUType\">\n <div *ngSwitchCase=\"'API'\">\n <mat-form-field class=\"mat-full-width\">\n <input\n matInput\n placeholder=\"API Root\"\n formControlName=\"apiRoot\"\n required\n />\n </mat-form-field>\n\n <mat-form-field class=\"mat-full-width\">\n <input\n matInput\n placeholder=\"Allowed Methods (separate with spaces)\"\n formControlName=\"methods\"\n />\n </mat-form-field>\n\n <mat-form-field class=\"mat-full-width\">\n <input\n matInput\n placeholder=\"Security ({header}~{value})\"\n formControlName=\"security\"\n required\n />\n </mat-form-field>\n </div>\n\n <div *ngSwitchCase=\"'SPA'\">\n <mat-form-field class=\"mat-full-width\">\n <input\n matInput\n placeholder=\"SPA Root\"\n formControlName=\"spaRoot\"\n required\n />\n </mat-form-field>\n </div>\n </div>\n </div>\n\n <div *ngSwitchCase=\"'Redirect'\">\n <mat-form-field class=\"mat-full-width\">\n <input\n matInput\n placeholder=\"Redirect URL\"\n formControlName=\"redirect\"\n required\n />\n </mat-form-field>\n\n <div>\n <mat-slide-toggle \n class=\"spread\" \n formControlName=\"permanent\">\n Is Permanent?\n </mat-slide-toggle>\n\n <mat-slide-toggle\n class=\"spread\"\n formControlName=\"preserveMethod\"\n >\n Preserve Method?\n </mat-slide-toggle>\n\n <mat-icon\n class=\"spread\"\n matSuffix\n (mouseenter)=\"DetermineTooltipText()\"\n matTooltip={{redirectTooltip}}\n >\n info_outline\n </mat-icon>\n\n <!-- <mat-icon\n *ngIf=\"!IsPermanent && !IsPreserve\"\n\n class=\"spread\"\n matSuffix\n matTooltip=\"302 \u2013 Not Permanent and Not Preserve\"\n >\n info_outline\n </mat-icon> -->\n\n <!-- <mat-icon\n *ngIf=\"!IsPermanent && IsPreserve\"\n class=\"spread\"\n matSuffix\n matTooltip=\"307 \u2013 Not Permanent and Preserve\"\n >\n info_outline\n </mat-icon> -->\n\n <!-- <mat-icon\n *ngIf=\"IsPermanent && IsPreserve\"\n class=\"spread\"\n matSuffix\n matTooltip=\"308 \u2013 Permanent and Preserve\"\n >\n info_outline\n </mat-icon> -->\n\n \n\n <!-- <mat-icon\n class=\"spread\"\n matSuffix\n matTooltip=\"Values used to control the redirect type. Permanent and Not Preserve = 301; Not Permanent and Not Preserve = 302; Permanent and Preserve = 308; Not Permanent and Not Preserve = 307;\"\n >\n info_outline\n </mat-icon> -->\n </div>\n </div>\n </div>\n </mat-card-content>\n <mat-card-actions>\n <!-- [disabled]=\"!SecurityFormGroup.valid || !SecurityFormGroup.dirty\" -->\n <button mat-raised-button type=\"submit\" >Save</button>\n </mat-card-actions>\n</mat-card>\n</form>\n \n",
|
|
5401
5401
|
styles: [""]
|
|
5402
5402
|
},] }
|
|
5403
5403
|
];
|
|
@@ -5536,6 +5536,12 @@
|
|
|
5536
5536
|
configurable: true
|
|
5537
5537
|
});
|
|
5538
5538
|
Object.defineProperty(BuildPipelineFormComponent.prototype, "SourceControlLookups", {
|
|
5539
|
+
// @Input('main-branch')
|
|
5540
|
+
// public MainBranch: string;
|
|
5541
|
+
// @Input('organization')
|
|
5542
|
+
// public Organization: string;
|
|
5543
|
+
// @Input('repository')
|
|
5544
|
+
// public Repository: string;
|
|
5539
5545
|
get: function () {
|
|
5540
5546
|
return Object.keys(this.SourceControls || {});
|
|
5541
5547
|
},
|
|
@@ -5551,26 +5557,12 @@
|
|
|
5551
5557
|
});
|
|
5552
5558
|
BuildPipelineFormComponent.prototype.ngOnInit = function () {
|
|
5553
5559
|
};
|
|
5554
|
-
//API METHODS
|
|
5555
|
-
//HELPERS
|
|
5556
|
-
BuildPipelineFormComponent.prototype.loadProjectHostingDetails = function () {
|
|
5557
|
-
var _this = this;
|
|
5558
|
-
this.HostingDetails.Loading = true;
|
|
5559
|
-
this.appsFlowSvc
|
|
5560
|
-
.LoadProjectHostingDetails(this.Organization, this.Repository, this.MainBranch)
|
|
5561
|
-
.subscribe(function (response) {
|
|
5562
|
-
_this.HostingDetails = response.Model;
|
|
5563
|
-
_this.HostingDetails.Loading = false;
|
|
5564
|
-
}, function (err) {
|
|
5565
|
-
_this.HostingDetails.Loading = false;
|
|
5566
|
-
});
|
|
5567
|
-
};
|
|
5568
5560
|
return BuildPipelineFormComponent;
|
|
5569
5561
|
}());
|
|
5570
5562
|
BuildPipelineFormComponent.decorators = [
|
|
5571
5563
|
{ type: i0.Component, args: [{
|
|
5572
5564
|
selector: 'lcu-build-pipeline-form',
|
|
5573
|
-
template: "<div class=\"form-card\" fxFlex=\"35%\" fxFlex.lt-md=\"100%\">\n <mat-card\n class=\"spread\"\n *ngIf=\"EditingSourceControl?.Branches?.length > 0\"\n >\n <mat-card-header>\n <mat-card-title> Build Pipeline </mat-card-title>\n\n <mat-hint>\n Changes made here are reflected for all sources using this\n DevOpsAction\n </mat-hint>\n </mat-card-header>\n\n <mat-card-content>\n\n <ng-container>\n <lcu-hosting-details-form-group\n [artifact]=\"Artifact\"\n [devops-action]=\"DevOpsActions[DevOpsActionLookup]\"\n
|
|
5565
|
+
template: "<div class=\"form-card\" fxFlex=\"35%\" fxFlex.lt-md=\"100%\">\n <mat-card\n class=\"spread\"\n *ngIf=\"EditingSourceControl?.Branches?.length > 0\"\n >\n <mat-card-header>\n <mat-card-title> Build Pipeline </mat-card-title>\n\n <mat-hint>\n Changes made here are reflected for all sources using this\n DevOpsAction\n </mat-hint>\n </mat-card-header>\n\n <mat-card-content>\n\n <ng-container>\n <!-- [details]=\"HostingDetails\" \n [organization]=\"Organization\"\n [formGroup]=\"DevOpsFormGroup\"-->\n\n <lcu-hosting-details-form-group\n [artifact]=\"Artifact\"\n [devops-action]=\"DevOpsActions[DevOpsActionLookup]\"\n \n \n [disabled]=\"false\"\n ></lcu-hosting-details-form-group>\n </ng-container>\n </mat-card-content>\n </mat-card>\n </div>\n",
|
|
5574
5566
|
styles: [""]
|
|
5575
5567
|
},] }
|
|
5576
5568
|
];
|
|
@@ -5580,19 +5572,18 @@
|
|
|
5580
5572
|
]; };
|
|
5581
5573
|
BuildPipelineFormComponent.propDecorators = {
|
|
5582
5574
|
DevOpsActionLookup: [{ type: i0.Input, args: ['devops-action-lookup',] }],
|
|
5583
|
-
Environment: [{ type: i0.Input, args: ['environment',] }]
|
|
5584
|
-
MainBranch: [{ type: i0.Input, args: ['main-branch',] }],
|
|
5585
|
-
Organization: [{ type: i0.Input, args: ['organization',] }],
|
|
5586
|
-
Repository: [{ type: i0.Input, args: ['repository',] }]
|
|
5575
|
+
Environment: [{ type: i0.Input, args: ['environment',] }]
|
|
5587
5576
|
};
|
|
5588
5577
|
|
|
5589
5578
|
var DevopsSourceControlFormComponent = /** @class */ (function () {
|
|
5590
5579
|
// Constructors
|
|
5591
|
-
function DevopsSourceControlFormComponent(formBuilder, appsFlowSvc) {
|
|
5580
|
+
function DevopsSourceControlFormComponent(formBuilder, appsFlowSvc, eacSvc) {
|
|
5592
5581
|
this.formBuilder = formBuilder;
|
|
5593
5582
|
this.appsFlowSvc = appsFlowSvc;
|
|
5583
|
+
this.eacSvc = eacSvc;
|
|
5594
5584
|
this.SeparatorKeysCodes = [keycodes.ENTER, keycodes.COMMA];
|
|
5595
5585
|
this.BuildPath = null;
|
|
5586
|
+
// this.EditingSourceControlLookup = null;
|
|
5596
5587
|
this.HostingDetails = new ProjectHostingDetails();
|
|
5597
5588
|
this.SelectedBranches = [];
|
|
5598
5589
|
this.SourceControlRoot = '';
|
|
@@ -5691,7 +5682,16 @@
|
|
|
5691
5682
|
this.destroyFormControls();
|
|
5692
5683
|
};
|
|
5693
5684
|
DevopsSourceControlFormComponent.prototype.ngOnInit = function () {
|
|
5694
|
-
this.
|
|
5685
|
+
console.log("org: ", this.EditingSourceControl);
|
|
5686
|
+
console.log("lookup: ", this.EditingSourceControlLookup);
|
|
5687
|
+
if (this.EditingSourceControlLookup === null) {
|
|
5688
|
+
this.CreateNewSourceControl();
|
|
5689
|
+
}
|
|
5690
|
+
console.log("org: ", this.EditingSourceControl);
|
|
5691
|
+
if (this.EditingSourceControl != null) {
|
|
5692
|
+
this.DevOpsSourceControlFormGroup = this.formBuilder.group({});
|
|
5693
|
+
this.setupFormControls();
|
|
5694
|
+
}
|
|
5695
5695
|
this.RefreshOrganizations();
|
|
5696
5696
|
};
|
|
5697
5697
|
// API Methods
|
|
@@ -5707,6 +5707,9 @@
|
|
|
5707
5707
|
};
|
|
5708
5708
|
DevopsSourceControlFormComponent.prototype.BuildPathChanged = function (event) {
|
|
5709
5709
|
};
|
|
5710
|
+
DevopsSourceControlFormComponent.prototype.CreateNewSourceControl = function () {
|
|
5711
|
+
this.SetEditingSourceControl(i2.Guid.CreateRaw());
|
|
5712
|
+
};
|
|
5710
5713
|
DevopsSourceControlFormComponent.prototype.CreateRepository = function () {
|
|
5711
5714
|
this.CreatingRepository = true;
|
|
5712
5715
|
this.RepositoryFormControl.reset();
|
|
@@ -5775,6 +5778,95 @@
|
|
|
5775
5778
|
}
|
|
5776
5779
|
});
|
|
5777
5780
|
};
|
|
5781
|
+
DevopsSourceControlFormComponent.prototype.SetEditingSourceControl = function (scLookup) {
|
|
5782
|
+
this.EditingSourceControlLookup = scLookup;
|
|
5783
|
+
};
|
|
5784
|
+
DevopsSourceControlFormComponent.prototype.SubmitSourceControl = function () {
|
|
5785
|
+
console.log("source control submitted");
|
|
5786
|
+
};
|
|
5787
|
+
// public SaveSourceControl(): void {
|
|
5788
|
+
// const saveEnvReq: SaveEnvironmentAsCodeEventRequest = {
|
|
5789
|
+
// Environment: {
|
|
5790
|
+
// ...this.Environment,
|
|
5791
|
+
// Artifacts: this.Environment.Artifacts || {},
|
|
5792
|
+
// DevOpsActions: this.Environment.DevOpsActions || {},
|
|
5793
|
+
// Secrets: this.Environment.Secrets || {},
|
|
5794
|
+
// Sources: this.Environment.Sources || {},
|
|
5795
|
+
// },
|
|
5796
|
+
// EnvironmentLookup: this.EnvironmentLookup,
|
|
5797
|
+
// EnterpriseDataTokens: {},
|
|
5798
|
+
// };
|
|
5799
|
+
// let artifactLookup: string;
|
|
5800
|
+
// // let artifact: EaCArtifact = {
|
|
5801
|
+
// // ...this.Artifact,
|
|
5802
|
+
// // ...this.HostingDetailsFormControls
|
|
5803
|
+
// // .SelectedHostingOptionInputControlValues,
|
|
5804
|
+
// // };
|
|
5805
|
+
// if (!this.ArtifactLookup) {
|
|
5806
|
+
// artifactLookup = Guid.CreateRaw();
|
|
5807
|
+
// artifact = {
|
|
5808
|
+
// ...artifact,
|
|
5809
|
+
// Type: this.HostingDetailsFormControls.SelectedHostingOption
|
|
5810
|
+
// .ArtifactType,
|
|
5811
|
+
// Name: this.HostingDetailsFormControls.SelectedHostingOption.Name,
|
|
5812
|
+
// NPMRegistry: 'https://registry.npmjs.org/',
|
|
5813
|
+
// };
|
|
5814
|
+
// } else {
|
|
5815
|
+
// artifactLookup = this.ArtifactLookup;
|
|
5816
|
+
// }
|
|
5817
|
+
// saveEnvReq.Environment.Artifacts[artifactLookup] = artifact;
|
|
5818
|
+
// let devOpsActionLookup: string;
|
|
5819
|
+
// if (!this.DevOpsActionLookup) {
|
|
5820
|
+
// devOpsActionLookup = Guid.CreateRaw();
|
|
5821
|
+
// // const doa: EaCDevOpsAction = {
|
|
5822
|
+
// // ...this.DevOpsAction,
|
|
5823
|
+
// // ArtifactLookups: [artifactLookup],
|
|
5824
|
+
// // Name: this.HostingDetailsFormControls.DevOpsActionNameFormControl.value,
|
|
5825
|
+
// // Path: this.HostingDetailsFormControls.SelectedHostingOption.Path,
|
|
5826
|
+
// // Templates:
|
|
5827
|
+
// // this.HostingDetailsFormControls.SelectedHostingOption.Templates,
|
|
5828
|
+
// // };
|
|
5829
|
+
// if (this.HostingDetailsFormControls.NPMTokenFormControl?.value) {
|
|
5830
|
+
// const secretLookup = 'npm-access-token';
|
|
5831
|
+
// doa.SecretLookups = [secretLookup];
|
|
5832
|
+
// saveEnvReq.Environment.Secrets[secretLookup] = {
|
|
5833
|
+
// Name: 'NPM Access Token',
|
|
5834
|
+
// DataTokenLookup: secretLookup,
|
|
5835
|
+
// KnownAs: 'NPM_TOKEN',
|
|
5836
|
+
// };
|
|
5837
|
+
// saveEnvReq.EnterpriseDataTokens[secretLookup] = {
|
|
5838
|
+
// Name: saveEnvReq.Environment.Secrets[secretLookup].Name,
|
|
5839
|
+
// Description: saveEnvReq.Environment.Secrets[secretLookup].Name,
|
|
5840
|
+
// Value: this.NPMTokenFormControl.value,
|
|
5841
|
+
// };
|
|
5842
|
+
// }
|
|
5843
|
+
// saveEnvReq.Environment.DevOpsActions[devOpsActionLookup] = doa;
|
|
5844
|
+
// } else {
|
|
5845
|
+
// devOpsActionLookup = this.DevOpsActionLookupFormControl.value;
|
|
5846
|
+
// const doa: EaCDevOpsAction = {
|
|
5847
|
+
// ...this.DevOpsAction,
|
|
5848
|
+
// Name: this.HostingDetailsFormControls.DevOpsActionNameFormControl.value,
|
|
5849
|
+
// };
|
|
5850
|
+
// saveEnvReq.Environment.DevOpsActions[devOpsActionLookup] = doa;
|
|
5851
|
+
// }
|
|
5852
|
+
// let source: EaCSourceControl = {
|
|
5853
|
+
// ...this.EditingSourceControl,
|
|
5854
|
+
// Branches: this.SelectedBranches,
|
|
5855
|
+
// MainBranch: this.MainBranchFormControl.value,
|
|
5856
|
+
// };
|
|
5857
|
+
// source = {
|
|
5858
|
+
// ...source,
|
|
5859
|
+
// Type: 'GitHub',
|
|
5860
|
+
// Name: this.EditingSourceControlLookup,
|
|
5861
|
+
// DevOpsActionTriggerLookups: [devOpsActionLookup],
|
|
5862
|
+
// Organization:
|
|
5863
|
+
// this.OrganizationFormControl.value,
|
|
5864
|
+
// Repository: this.RepositoryFormControl.value,
|
|
5865
|
+
// };
|
|
5866
|
+
// const scLookup = `github://${source.Organization}/${source.Repository}`;
|
|
5867
|
+
// saveEnvReq.Environment.Sources[scLookup] = source;
|
|
5868
|
+
// this.eacSvc.SaveEnvironmentAsCode(saveEnvReq);
|
|
5869
|
+
// }
|
|
5778
5870
|
// Helpers
|
|
5779
5871
|
DevopsSourceControlFormComponent.prototype.addBranchOption = function (value) {
|
|
5780
5872
|
value = (value || '').trim();
|
|
@@ -5909,8 +6001,8 @@
|
|
|
5909
6001
|
}
|
|
5910
6002
|
};
|
|
5911
6003
|
DevopsSourceControlFormComponent.prototype.setupFormControls = function () {
|
|
6004
|
+
// this.destroyFormControls();
|
|
5912
6005
|
var _a, _b, _c, _d, _e, _f, _g;
|
|
5913
|
-
this.destroyFormControls();
|
|
5914
6006
|
this.DevOpsSourceControlFormGroup.addControl('devOpsActionLookup', new forms.FormControl(this.DevOpsActionLookup || '', []));
|
|
5915
6007
|
this.DevOpsSourceControlFormGroup.addControl([this.SourceControlRoot, 'organization'].join(''), new forms.FormControl((_a = this.EditingSourceControl.Organization) !== null && _a !== void 0 ? _a : '', forms.Validators.required));
|
|
5916
6008
|
this.DevOpsSourceControlFormGroup.addControl([this.SourceControlRoot, 'repository'].join(''), new forms.FormControl((_b = this.EditingSourceControl.Repository) !== null && _b !== void 0 ? _b : '', forms.Validators.required));
|
|
@@ -5928,19 +6020,63 @@
|
|
|
5928
6020
|
DevopsSourceControlFormComponent.decorators = [
|
|
5929
6021
|
{ type: i0.Component, args: [{
|
|
5930
6022
|
selector: 'lcu-devops-source-control-form',
|
|
5931
|
-
template: "<div class=\"form-card\" fxFlex=\"35%\" fxFlex.lt-md=\"100%\">\n <mat-card class=\"spread\">\n <mat-card-header>\n <mat-card-title> Source Control </mat-card-title>\n\n <div fxFlex></div>\n\n <mat-icon\n matSuffix\n matTooltip=\"Configure source control, DevOps CI/CD, and artifacts.\"\n >\n info_outline\n </mat-icon>\n </mat-card-header>\n\n <mat-card-content>\n <div [formGroup]=\"DevOpsSourceControlFormGroup\">\n <div class=\"card\">\n <mat-form-field class=\"mat-full-width\">\n <mat-select\n formControlName=\"devOpsActionLookup\"\n placeholder=\"DevOps Action\"\n [disabled]=\"HostingDetails?.Loading\"\n (selectionChange)=\"DevOpsActionLookupChanged($event)\"\n >\n <ng-container\n *ngFor=\"let devOpsActionLookup of DevOpsActionLookups\"\n >\n <mat-option\n [value]=\"devOpsActionLookup\"\n *ngIf=\"DevOpsActions[devOpsActionLookup]; let devOpsAction\"\n >\n {{ devOpsAction.Name }}\n </mat-option>\n </ng-container>\n \n <mat-option value=\"\">-- Create New --</mat-option>\n </mat-select>\n </mat-form-field>\n </div>\n <div class=\"card\" *ngIf=\"OrganizationFormControl?.valid || !Loading\">\n <mat-form-field\n class=\"mat-full-width with-hint\"\n *ngIf=\"OrganizationOptions?.length > 0\"\n >\n <mat-icon class=\"org-icon\" matPrefix>corporate_fare</mat-icon>\n \n <mat-select\n [formControlName]=\"SourceControlRoot + 'organization'\"\n placeholder=\"Organization\"\n (selectionChange)=\"OrganizationChanged($event)\"\n [disabled]=\"Loading || HostingDetails?.Loading\"\n required\n >\n <ng-container *ngFor=\"let orgOpt of OrganizationOptions\">\n <mat-option [value]=\"orgOpt.Name\">\n {{ orgOpt.Name }}\n </mat-option>\n </ng-container>\n </mat-select>\n \n <mat-icon matSuffix (click)=\"RefreshOrganizations()\" matTooltip=\"Refresh Organization\"> refresh </mat-icon>\n \n <a\n matSuffix\n href=\"/.oauth/github?oauth-force-edit=true\"\n target=\"_blank\"\n color=\"accent\"\n >\n <mat-icon color=\"accent\" matTooltip=\"Re-authorize Organizations\"> launch </mat-icon>\n </a>\n \n <mat-hint>\n If you don't have an organization or would like to create a new one,\n <a\n href=\"https://github.com/account/organizations/new\"\n target=\"_blank\"\n >\n start here\n </a>\n </mat-hint>\n </mat-form-field>\n </div>\n \n <div\n class=\"card\"\n *ngIf=\"\n RepositoryFormControl?.valid ||\n (OrganizationFormControl?.valid && !Loading)\n \"\n >\n <mat-form-field class=\"mat-full-width\">\n <mat-icon class=\"org-icon\" matPrefix>description</mat-icon>\n \n <mat-select\n [formControlName]=\"SourceControlRoot + 'repository'\"\n [placeholder]=\"\n OrganizationFormControl?.valid\n ? 'Repository'\n : 'Repository (select organization first)'\n \"\n [disabled]=\"\n !OrganizationFormControl?.valid || Loading || HostingDetails?.Loading\n \"\n (selectionChange)=\"RepositoryChanged($event)\"\n *ngIf=\"!CreatingRepository\"\n required\n >\n <ng-container *ngFor=\"let repoOpt of RepositoryOptions\">\n <mat-option [value]=\"repoOpt.Name\">\n {{ repoOpt.Name }}\n </mat-option>\n </ng-container>\n </mat-select>\n \n <input\n matInput\n placeholder=\"Repository (creates new if does not exist)\"\n [formControlName]=\"SourceControlRoot + 'repository'\"\n *ngIf=\"CreatingRepository\"\n [fxHide]=\"Loading || HostingDetails?.Loading\"\n required\n />\n \n <mat-icon\n matSuffix\n (click)=\"CreateRepository()\"\n [fxHide]=\"Loading || HostingDetails?.Loading\"\n *ngIf=\"!CreatingRepository && OrganizationFormControl?.valid\"\n >\n add_circle\n </mat-icon>\n \n <button mat-button type=\"button\" \n (click)=\"SaveRepository()\" \n *ngIf=\"CreatingRepository && RepositoryFormControl?.valid\">\n \n <mat-icon\n matSuffix\n color=\"primary\"\n >\n save\n </mat-icon>\n </button>\n \n <button mat-button type=\"button\" \n (click)=\"CancelCreateRepository()\"\n *ngIf=\"CreatingRepository\">\n \n <mat-icon\n matSuffix\n \n >\n cancel\n </mat-icon>\n </button>\n </mat-form-field>\n </div>\n \n <div\n class=\"card\"\n *ngIf=\"\n (BranchesFormControl?.valid ||\n (OrganizationFormControl?.valid &&\n RepositoryFormControl?.valid &&\n !Loading)) &&\n !CreatingRepository &&\n UseBranches\n \"\n >\n <mat-form-field class=\"mat-full-width\">\n <mat-icon class=\"org-icon\" matPrefix>account_tree</mat-icon>\n \n <mat-label>Selected Branches</mat-label>\n \n <mat-autocomplete\n (optionSelected)=\"BranchOptionSelected($event)\"\n #branchOptions=\"matAutocomplete\"\n >\n <ng-container *ngFor=\"let branchOpt of BranchOptions\">\n <mat-option [value]=\"branchOpt.Name\">\n {{ branchOpt.Name }}\n </mat-option>\n </ng-container>\n </mat-autocomplete>\n \n <mat-chip-list #selectedBranches>\n <mat-chip\n [removable]=\"true\"\n (removed)=\"RemoveBranchOption(selBranch)\"\n *ngFor=\"let selBranch of SelectedBranches\"\n >\n {{ selBranch }}\n <mat-icon matChipRemove>cancel</mat-icon>\n </mat-chip>\n \n <input\n matInput\n placeholder=\"New Branch...\"\n [formControlName]=\"SourceControlRoot + 'branches'\"\n #branches\n [matAutocomplete]=\"branchOptions\"\n [matChipInputFor]=\"selectedBranches\"\n [matChipInputSeparatorKeyCodes]=\"SeparatorKeysCodes\"\n [matChipInputAddOnBlur]=\"true\"\n (matChipInputTokenEnd)=\"AddBranchOption($event)\"\n [disabled]=\"Loading || HostingDetails?.Loading\"\n required\n />\n </mat-chip-list>\n </mat-form-field>\n \n <mat-form-field\n class=\"mat-full-width with-hint\"\n [fxShow]=\"SelectedBranches?.length > 1\"\n >\n <mat-icon class=\"org-icon\" matPrefix>account_tree</mat-icon>\n \n <mat-select\n [formControlName]=\"SourceControlRoot + 'mainBranch'\"\n placeholder=\"Main Branch\"\n [disabled]=\"Loading || HostingDetails?.Loading\"\n (selectionChange)=\"MainBranchChanged($event)\"\n required\n >\n <ng-container *ngFor=\"let branch of SelectedBranches\">\n <mat-option [value]=\"branch\">\n {{ branch }}\n </mat-option>\n </ng-container>\n </mat-select>\n \n <mat-icon matSuffix (click)=\"RefreshOrganizations()\"> refresh </mat-icon>\n \n <a\n matSuffix\n mat-icon-button\n href=\"/.oauth/github?oauth-force-edit=true\"\n \n target=\"_blank\"\n color=\"accent\"\n >\n <mat-icon\n matTooltip=\"Re-authorize Organizations\"\n color=\"accent\"> launch </mat-icon>\n </a>\n \n <mat-hint>\n If you don't have an organization or would like to create a new one,\n <a\n href=\"https://github.com/account/organizations/new\"\n target=\"_blank\"\n >\n start here\n </a>\n </mat-hint>\n </mat-form-field>\n </div>\n \n <div\n class=\"card\"\n *ngIf=\"\n (BuildPathFormControl?.valid ||\n (OrganizationFormControl?.valid &&\n RepositoryFormControl?.valid &&\n !Loading)) &&\n !CreatingRepository &&\n UseBuildPath\n \"\n >\n <mat-form-field class=\"mat-full-width with-hint\">\n <mat-icon class=\"org-icon\" matPrefix>build</mat-icon>\n \n <mat-select\n [formControlName]=\"SourceControlRoot + 'buildPath'\"\n placeholder=\"Build Path\"\n [disabled]=\"Loading || BuildPathDisabled\"\n (selectionChange)=\"BuildPathChanged($event)\"\n required\n >\n <ng-container *ngFor=\"let buildPath of BuildPathOptions\">\n <mat-option [value]=\"buildPath\">\n {{ buildPath }}\n </mat-option>\n </ng-container>\n </mat-select>\n \n <mat-hint>\n The build path identifies which build action to use for your\n configuration.\n </mat-hint>\n </mat-form-field>\n </div>\n \n <div *ngIf=\"Loading\">\n <div class=\"spread\">\n <lcu-loader style=\"margin: auto\" [loading]=\"true\"></lcu-loader>\n \n <div class=\"margin-3\">\n <h4 class=\"mat-title\" *ngIf=\"!OrganizationFormControl?.valid\">\n Loading organizations\n </h4>\n \n <h4\n class=\"mat-title\"\n *ngIf=\"\n OrganizationFormControl?.valid && !RepositoryFormControl?.valid\n \"\n >\n Loading repositories\n </h4>\n \n <h4\n class=\"mat-title\"\n *ngIf=\"RepositoryFormControl?.valid && !BranchesFormControl?.valid\"\n >\n Loading branches\n </h4>\n \n <h4\n class=\"mat-title\"\n *ngIf=\"\n (RepositoryFormControl?.valid || BranchesFormControl?.valid) &&\n !BuildPathFormControl?.valid\n \"\n >\n Loading build paths\n </h4>\n </div>\n </div>\n </div>\n </div>\n \n </mat-card-content>\n </mat-card>\n </div>\n",
|
|
5932
|
-
styles: [""]
|
|
6023
|
+
template: "<form class=\"form-card\" [formGroup]=\"DevOpsSourceControlFormGroup\" (ngSubmit)=\"SubmitSourceControl()\">\n\n <mat-card class=\"spread\" class=\"sc-card\">\n <mat-card-header>\n <mat-card-title> Source Control </mat-card-title>\n\n <div fxFlex></div>\n\n <mat-icon matSuffix matTooltip=\"Configure source control, DevOps CI/CD, and artifacts.\">\n info_outline\n </mat-icon>\n </mat-card-header>\n\n <mat-card-content>\n <div class=\"card\">\n <mat-form-field class=\"mat-full-width\">\n <mat-select formControlName=\"devOpsActionLookup\" placeholder=\"DevOps Action\"\n [disabled]=\"HostingDetails?.Loading\" (selectionChange)=\"DevOpsActionLookupChanged($event)\">\n <ng-container *ngFor=\"let devOpsActionLookup of DevOpsActionLookups\">\n <mat-option [value]=\"devOpsActionLookup\" *ngIf=\"DevOpsActions[devOpsActionLookup]; let devOpsAction\">\n {{ devOpsAction.Name }}\n </mat-option>\n </ng-container>\n\n <mat-option value=\"\">-- Create New --</mat-option>\n </mat-select>\n </mat-form-field>\n </div>\n <div class=\"card\" *ngIf=\"OrganizationFormControl?.valid || !Loading\">\n <mat-form-field class=\"mat-full-width with-hint\" *ngIf=\"OrganizationOptions?.length > 0\">\n <mat-icon class=\"org-icon\" matPrefix>corporate_fare</mat-icon>\n\n <mat-select [formControlName]=\"SourceControlRoot + 'organization'\" placeholder=\"Organization\"\n (selectionChange)=\"OrganizationChanged($event)\" [disabled]=\"Loading || HostingDetails?.Loading\" required>\n <ng-container *ngFor=\"let orgOpt of OrganizationOptions\">\n <mat-option [value]=\"orgOpt.Name\">\n {{ orgOpt.Name }}\n </mat-option>\n </ng-container>\n </mat-select>\n\n <mat-icon matSuffix (click)=\"RefreshOrganizations()\" matTooltip=\"Refresh Organization\"> refresh </mat-icon>\n\n <a matSuffix href=\"/.oauth/github?oauth-force-edit=true\" target=\"_blank\" color=\"accent\">\n <mat-icon color=\"accent\" matTooltip=\"Re-authorize Organizations\"> launch </mat-icon>\n </a>\n\n <mat-hint>\n If you don't have an organization or would like to create a new one,\n <a href=\"https://github.com/account/organizations/new\" target=\"_blank\">\n start here\n </a>\n </mat-hint>\n </mat-form-field>\n </div>\n\n <div class=\"card\" *ngIf=\"\n RepositoryFormControl?.valid ||\n (OrganizationFormControl?.valid && !Loading)\n \">\n <mat-form-field class=\"mat-full-width\">\n <mat-icon class=\"org-icon\" matPrefix>description</mat-icon>\n\n <mat-select [formControlName]=\"SourceControlRoot + 'repository'\" [placeholder]=\"\n OrganizationFormControl?.valid\n ? 'Repository'\n : 'Repository (select organization first)'\n \" [disabled]=\"\n !OrganizationFormControl?.valid || Loading || HostingDetails?.Loading\n \" (selectionChange)=\"RepositoryChanged($event)\" *ngIf=\"!CreatingRepository\" required>\n <ng-container *ngFor=\"let repoOpt of RepositoryOptions\">\n <mat-option [value]=\"repoOpt.Name\">\n {{ repoOpt.Name }}\n </mat-option>\n </ng-container>\n </mat-select>\n\n <input matInput placeholder=\"Repository (creates new if does not exist)\"\n [formControlName]=\"SourceControlRoot + 'repository'\" *ngIf=\"CreatingRepository\"\n [fxHide]=\"Loading || HostingDetails?.Loading\" required />\n\n <mat-icon matSuffix (click)=\"CreateRepository()\" [fxHide]=\"Loading || HostingDetails?.Loading\"\n *ngIf=\"!CreatingRepository && OrganizationFormControl?.valid\">\n add_circle\n </mat-icon>\n\n <button mat-button type=\"button\" (click)=\"SaveRepository()\"\n *ngIf=\"CreatingRepository && RepositoryFormControl?.valid\">\n\n <mat-icon matSuffix color=\"primary\">\n save\n </mat-icon>\n </button>\n\n <button mat-button type=\"button\" (click)=\"CancelCreateRepository()\" *ngIf=\"CreatingRepository\">\n\n <mat-icon matSuffix>\n cancel\n </mat-icon>\n </button>\n </mat-form-field>\n </div>\n\n <div class=\"card\" *ngIf=\"\n (BranchesFormControl?.valid ||\n (OrganizationFormControl?.valid &&\n RepositoryFormControl?.valid &&\n !Loading)) &&\n !CreatingRepository &&\n UseBranches\n \">\n <mat-form-field class=\"mat-full-width\">\n <mat-icon class=\"org-icon\" matPrefix>account_tree</mat-icon>\n\n <mat-label>Selected Branches</mat-label>\n\n <mat-autocomplete (optionSelected)=\"BranchOptionSelected($event)\" #branchOptions=\"matAutocomplete\">\n <ng-container *ngFor=\"let branchOpt of BranchOptions\">\n <mat-option [value]=\"branchOpt.Name\">\n {{ branchOpt.Name }}\n </mat-option>\n </ng-container>\n </mat-autocomplete>\n\n <mat-chip-list #selectedBranches>\n <mat-chip [removable]=\"true\" (removed)=\"RemoveBranchOption(selBranch)\"\n *ngFor=\"let selBranch of SelectedBranches\">\n {{ selBranch }}\n <mat-icon matChipRemove>cancel</mat-icon>\n </mat-chip>\n\n <input matInput placeholder=\"New Branch...\" [formControlName]=\"SourceControlRoot + 'branches'\" #branches\n [matAutocomplete]=\"branchOptions\" [matChipInputFor]=\"selectedBranches\"\n [matChipInputSeparatorKeyCodes]=\"SeparatorKeysCodes\" [matChipInputAddOnBlur]=\"true\"\n (matChipInputTokenEnd)=\"AddBranchOption($event)\" [disabled]=\"Loading || HostingDetails?.Loading\"\n required />\n </mat-chip-list>\n </mat-form-field>\n\n <mat-form-field class=\"mat-full-width with-hint\" [fxShow]=\"SelectedBranches?.length > 1\">\n <mat-icon class=\"org-icon\" matPrefix>account_tree</mat-icon>\n\n <mat-select [formControlName]=\"SourceControlRoot + 'mainBranch'\" placeholder=\"Main Branch\"\n [disabled]=\"Loading || HostingDetails?.Loading\" (selectionChange)=\"MainBranchChanged($event)\" required>\n <ng-container *ngFor=\"let branch of SelectedBranches\">\n <mat-option [value]=\"branch\">\n {{ branch }}\n </mat-option>\n </ng-container>\n </mat-select>\n\n <mat-icon matSuffix (click)=\"RefreshOrganizations()\"> refresh </mat-icon>\n\n <a matSuffix mat-icon-button href=\"/.oauth/github?oauth-force-edit=true\" target=\"_blank\" color=\"accent\">\n <mat-icon matTooltip=\"Re-authorize Organizations\" color=\"accent\"> launch </mat-icon>\n </a>\n\n <mat-hint>\n If you don't have an organization or would like to create a new one,\n <a href=\"https://github.com/account/organizations/new\" target=\"_blank\">\n start here\n </a>\n </mat-hint>\n </mat-form-field>\n </div>\n\n <div class=\"card\" *ngIf=\"\n (BuildPathFormControl?.valid ||\n (OrganizationFormControl?.valid &&\n RepositoryFormControl?.valid &&\n !Loading)) &&\n !CreatingRepository &&\n UseBuildPath\n \">\n <mat-form-field class=\"mat-full-width with-hint\">\n <mat-icon class=\"org-icon\" matPrefix>build</mat-icon>\n\n <mat-select [formControlName]=\"SourceControlRoot + 'buildPath'\" placeholder=\"Build Path\"\n [disabled]=\"Loading || BuildPathDisabled\" (selectionChange)=\"BuildPathChanged($event)\" required>\n <ng-container *ngFor=\"let buildPath of BuildPathOptions\">\n <mat-option [value]=\"buildPath\">\n {{ buildPath }}\n </mat-option>\n </ng-container>\n </mat-select>\n\n <mat-hint>\n The build path identifies which build action to use for your\n configuration.\n </mat-hint>\n </mat-form-field>\n </div>\n\n <div *ngIf=\"Loading\">\n <div class=\"spread\">\n <lcu-loader style=\"margin: auto\" [loading]=\"true\"></lcu-loader>\n\n <div class=\"margin-3\">\n <h4 class=\"mat-title\" *ngIf=\"!OrganizationFormControl?.valid\">\n Loading organizations\n </h4>\n\n <h4 class=\"mat-title\" *ngIf=\"\n OrganizationFormControl?.valid && !RepositoryFormControl?.valid\n \">\n Loading repositories\n </h4>\n\n <h4 class=\"mat-title\" *ngIf=\"RepositoryFormControl?.valid && !BranchesFormControl?.valid\">\n Loading branches\n </h4>\n\n <h4 class=\"mat-title\" *ngIf=\"\n (RepositoryFormControl?.valid || BranchesFormControl?.valid) &&\n !BuildPathFormControl?.valid\n \">\n Loading build paths\n </h4>\n </div>\n </div>\n </div>\n <!-- </div> -->\n\n </mat-card-content>\n <mat-card-actions fxLayoutAlign=\"center center\">\n <!-- [disabled]=\"!SecurityFormGroup.valid || !SecurityFormGroup.dirty\" -->\n <button mat-raised-button type=\"submit\">Save</button>\n </mat-card-actions>\n </mat-card>\n</form>",
|
|
6024
|
+
styles: [".form-card,.sc-card{width:100%}"]
|
|
5933
6025
|
},] }
|
|
5934
6026
|
];
|
|
5935
6027
|
DevopsSourceControlFormComponent.ctorParameters = function () { return [
|
|
5936
6028
|
{ type: forms.FormBuilder },
|
|
5937
|
-
{ type: ApplicationsFlowService }
|
|
6029
|
+
{ type: ApplicationsFlowService },
|
|
6030
|
+
{ type: EaCService }
|
|
5938
6031
|
]; };
|
|
5939
6032
|
DevopsSourceControlFormComponent.propDecorators = {
|
|
5940
6033
|
BranchesInput: [{ type: i0.ViewChild, args: ['branches',] }],
|
|
6034
|
+
EditingSourceControlLookup: [{ type: i0.Input, args: ['editing-source-control-lookup',] }],
|
|
5941
6035
|
Environment: [{ type: i0.Input, args: ['environment',] }]
|
|
5942
6036
|
};
|
|
5943
6037
|
|
|
6038
|
+
var SourceControlDialogComponent = /** @class */ (function () {
|
|
6039
|
+
function SourceControlDialogComponent(dialogRef, data) {
|
|
6040
|
+
this.dialogRef = dialogRef;
|
|
6041
|
+
this.data = data;
|
|
6042
|
+
}
|
|
6043
|
+
SourceControlDialogComponent.prototype.ngOnInit = function () {
|
|
6044
|
+
};
|
|
6045
|
+
return SourceControlDialogComponent;
|
|
6046
|
+
}());
|
|
6047
|
+
SourceControlDialogComponent.decorators = [
|
|
6048
|
+
{ type: i0.Component, args: [{
|
|
6049
|
+
selector: 'lcu-source-control-dialog',
|
|
6050
|
+
template: "\n<div fxLayoutAlign=\"center center\">\n<lcu-devops-source-control-form\n [environment]=\"data.environment\"\n [editing-source-control-lookup]=\"data.scLookup\">\n</lcu-devops-source-control-form>\n</div>",
|
|
6051
|
+
styles: [""]
|
|
6052
|
+
},] }
|
|
6053
|
+
];
|
|
6054
|
+
SourceControlDialogComponent.ctorParameters = function () { return [
|
|
6055
|
+
{ type: dialog.MatDialogRef },
|
|
6056
|
+
{ type: undefined, decorators: [{ type: i0.Inject, args: [dialog.MAT_DIALOG_DATA,] }] }
|
|
6057
|
+
]; };
|
|
6058
|
+
|
|
6059
|
+
var BuildPipelineDialogComponent = /** @class */ (function () {
|
|
6060
|
+
function BuildPipelineDialogComponent(dialogRef, data) {
|
|
6061
|
+
this.dialogRef = dialogRef;
|
|
6062
|
+
this.data = data;
|
|
6063
|
+
}
|
|
6064
|
+
BuildPipelineDialogComponent.prototype.ngOnInit = function () {
|
|
6065
|
+
};
|
|
6066
|
+
return BuildPipelineDialogComponent;
|
|
6067
|
+
}());
|
|
6068
|
+
BuildPipelineDialogComponent.decorators = [
|
|
6069
|
+
{ type: i0.Component, args: [{
|
|
6070
|
+
selector: 'lcu-build-pipeline-dialog',
|
|
6071
|
+
template: "<lcu-build-pipeline-form\n[devops-action-lookup]=\"data.devopsActionLookup\"\n[environment]=\"data.environment\"\n>\n\n</lcu-build-pipeline-form>\n",
|
|
6072
|
+
styles: [""]
|
|
6073
|
+
},] }
|
|
6074
|
+
];
|
|
6075
|
+
BuildPipelineDialogComponent.ctorParameters = function () { return [
|
|
6076
|
+
{ type: dialog.MatDialogRef },
|
|
6077
|
+
{ type: undefined, decorators: [{ type: i0.Inject, args: [dialog.MAT_DIALOG_DATA,] }] }
|
|
6078
|
+
]; };
|
|
6079
|
+
|
|
5944
6080
|
var ApplicationsFlowModule = /** @class */ (function () {
|
|
5945
6081
|
function ApplicationsFlowModule() {
|
|
5946
6082
|
}
|
|
@@ -5998,7 +6134,9 @@
|
|
|
5998
6134
|
ProcessorDetailsFormComponent,
|
|
5999
6135
|
SourceControlFormComponent,
|
|
6000
6136
|
BuildPipelineFormComponent,
|
|
6001
|
-
DevopsSourceControlFormComponent
|
|
6137
|
+
DevopsSourceControlFormComponent,
|
|
6138
|
+
SourceControlDialogComponent,
|
|
6139
|
+
BuildPipelineDialogComponent
|
|
6002
6140
|
],
|
|
6003
6141
|
imports: [
|
|
6004
6142
|
i2.FathymSharedModule,
|
|
@@ -6048,7 +6186,9 @@
|
|
|
6048
6186
|
ProcessorDetailsFormComponent,
|
|
6049
6187
|
SourceControlFormComponent,
|
|
6050
6188
|
BuildPipelineFormComponent,
|
|
6051
|
-
DevopsSourceControlFormComponent
|
|
6189
|
+
DevopsSourceControlFormComponent,
|
|
6190
|
+
SourceControlDialogComponent,
|
|
6191
|
+
BuildPipelineDialogComponent
|
|
6052
6192
|
],
|
|
6053
6193
|
entryComponents: [
|
|
6054
6194
|
ApplicationsFlowProjectsElementComponent,
|
|
@@ -6085,7 +6225,9 @@
|
|
|
6085
6225
|
ProcessorDetailsFormComponent,
|
|
6086
6226
|
SourceControlFormComponent,
|
|
6087
6227
|
BuildPipelineFormComponent,
|
|
6088
|
-
DevopsSourceControlFormComponent
|
|
6228
|
+
DevopsSourceControlFormComponent,
|
|
6229
|
+
SourceControlDialogComponent,
|
|
6230
|
+
BuildPipelineDialogComponent
|
|
6089
6231
|
],
|
|
6090
6232
|
},] }
|
|
6091
6233
|
];
|
|
@@ -6179,6 +6321,8 @@
|
|
|
6179
6321
|
exports.ɵba = SourceControlFormComponent;
|
|
6180
6322
|
exports.ɵbb = BuildPipelineFormComponent;
|
|
6181
6323
|
exports.ɵbc = DevopsSourceControlFormComponent;
|
|
6324
|
+
exports.ɵbd = SourceControlDialogComponent;
|
|
6325
|
+
exports.ɵbe = BuildPipelineDialogComponent;
|
|
6182
6326
|
exports.ɵc = ProjectTabsComponent;
|
|
6183
6327
|
exports.ɵd = GeneralComponent;
|
|
6184
6328
|
exports.ɵe = DomainsComponent;
|