@lowcodeunit/applications-flow-common 1.33.54-lets-get-social-ish → 1.33.55-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 +55 -12
- 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/elements/gh-control/gh-control.component.js +29 -2
- package/esm2015/lib/elements/project-info-card/project-info-card.component.js +2 -2
- package/esm2015/lib/elements/three-column/three-column.component.js +22 -5
- package/esm2015/lib/elements/two-column-header/two-column-header.component.js +3 -3
- package/fesm2015/lowcodeunit-applications-flow-common.js +52 -8
- package/fesm2015/lowcodeunit-applications-flow-common.js.map +1 -1
- package/lib/elements/gh-control/gh-control.component.d.ts +2 -0
- package/lib/elements/gh-control/gh-control.component.d.ts.map +1 -1
- package/lib/elements/three-column/three-column.component.d.ts +4 -1
- package/lib/elements/three-column/three-column.component.d.ts.map +1 -1
- package/lowcodeunit-applications-flow-common.metadata.json +1 -1
- package/package.json +1 -1
|
@@ -14,19 +14,46 @@ export class GhControlComponent {
|
|
|
14
14
|
this.InputLabel = "Create Feature Branch";
|
|
15
15
|
this.selectedBtn = "fb-btn";
|
|
16
16
|
this.addSelectBtn();
|
|
17
|
+
console.log("create feature branch selected");
|
|
17
18
|
}
|
|
18
19
|
OpenIssue() {
|
|
19
20
|
this.removeSelectedBtn();
|
|
20
21
|
this.InputLabel = "Open Issue";
|
|
21
22
|
this.selectedBtn = "oi-btn";
|
|
22
23
|
this.addSelectBtn();
|
|
24
|
+
console.log("open issue selected");
|
|
23
25
|
}
|
|
24
26
|
CreatePullRequest() {
|
|
25
27
|
this.removeSelectedBtn();
|
|
26
28
|
this.InputLabel = "Create Pull Request";
|
|
27
29
|
this.selectedBtn = "pr-btn";
|
|
28
30
|
this.addSelectBtn();
|
|
31
|
+
console.log("create pull request selected");
|
|
29
32
|
}
|
|
33
|
+
OpenMoreInfo() {
|
|
34
|
+
console.log("more info selected");
|
|
35
|
+
}
|
|
36
|
+
Submit() {
|
|
37
|
+
console.log("submitting: ", this.value);
|
|
38
|
+
switch (this.selectedBtn) {
|
|
39
|
+
case "pr-btn":
|
|
40
|
+
//Pull request
|
|
41
|
+
console.log("creating pull request: ", this.value);
|
|
42
|
+
break;
|
|
43
|
+
case "oi-btn":
|
|
44
|
+
//Open Issue
|
|
45
|
+
console.log("Open issue: ", this.value);
|
|
46
|
+
break;
|
|
47
|
+
case "fb-btn":
|
|
48
|
+
//Feature Branch
|
|
49
|
+
console.log("creating feature branch: ", this.value);
|
|
50
|
+
break;
|
|
51
|
+
default:
|
|
52
|
+
console.log("hmm");
|
|
53
|
+
break;
|
|
54
|
+
}
|
|
55
|
+
}
|
|
56
|
+
//HELPERS
|
|
30
57
|
addSelectBtn() {
|
|
31
58
|
document.getElementById(this.selectedBtn).classList.add('selected');
|
|
32
59
|
}
|
|
@@ -37,9 +64,9 @@ export class GhControlComponent {
|
|
|
37
64
|
GhControlComponent.decorators = [
|
|
38
65
|
{ type: Component, args: [{
|
|
39
66
|
selector: 'lcu-gh-control',
|
|
40
|
-
template: "<mat-card class=\"social-card\">\n <div class=\"gh-card-container\" fxLayout=\"row\" fxLayoutAlign=\"center center\">\n <mat-icon fxFlex=\"
|
|
67
|
+
template: "<mat-card class=\"social-card\">\n <div class=\"gh-card-container\" fxLayout=\"row\" fxLayoutAlign=\"center center\">\n <mat-icon fxFlex=\"15%\" class=\"gh-icon\">error_outline</mat-icon>\n <div fxFlex=\"70%\"class=\"gh-card-main-content\">\n <mat-form-field appearance=\"fill\" class=\"gh-input\">\n <mat-label>{{InputLabel}}</mat-label>\n <input matInput type=\"text\" [(ngModel)]=\"value\">\n <!-- <button *ngIf=\"value\" matSuffix mat-icon-button aria-label=\"Clear\" (click)=\"value=''\">\n <mat-icon>close</mat-icon>\n </button> -->\n </mat-form-field>\n </div>\n <button fxFlex=\"15%\" mat-button (click)=\"Submit()\" id=\"submit-btn\">Submit</button>\n </div>\n\n <mat-card-actions fxLayout=\"row\" fxLayoutAlign=\"space-around center\">\n <button mat-button (click)=\"CreatePullRequest()\" id=\"pr-btn\">Pull Request</button>\n <button mat-button (click)=\"OpenIssue()\" id=\"oi-btn\">Open Issue</button>\n <button mat-button (click)=\"CreateFeatureBranch()\" id=\"fb-btn\">Feature Branch</button>\n <button mat-icon-button (click)=\"OpenMoreInfo()\">\n <mat-icon>more_horiz</mat-icon>\n </button>\n </mat-card-actions>\n </mat-card>",
|
|
41
68
|
styles: [".social-card{background-color:#fff;border:2px solid #d3d3d3;margin:20px;padding:15px 5px}mat-card-actions{margin-bottom:-1px!important;margin-left:0!important;margin-right:-.5px!important}.gh-icon{font-size:60px;height:60px;text-align:center;width:60px}.gh-input{width:90%}.selected{border:1px solid green}::ng-deep .mat-form-field-flex{border:1px solid;border-radius:30px!important}::ng-deep .mat-form-field-wrapper{padding-bottom:0!important}"]
|
|
42
69
|
},] }
|
|
43
70
|
];
|
|
44
71
|
GhControlComponent.ctorParameters = () => [];
|
|
45
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
72
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ2gtY29udHJvbC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiL2hvbWUvcnVubmVyL3dvcmsvYXBwbGljYXRpb25zLWZsb3cvYXBwbGljYXRpb25zLWZsb3cvcHJvamVjdHMvY29tbW9uL3NyYy8iLCJzb3VyY2VzIjpbImxpYi9lbGVtZW50cy9naC1jb250cm9sL2doLWNvbnRyb2wuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQVUsTUFBTSxlQUFlLENBQUM7QUFPbEQsTUFBTSxPQUFPLGtCQUFrQjtJQVE3QjtRQUNFLElBQUksQ0FBQyxVQUFVLEdBQUcscUJBQXFCLENBQUM7UUFDeEMsSUFBSSxDQUFDLFdBQVcsR0FBRyxRQUFRLENBQUM7SUFFOUIsQ0FBQztJQUVNLFFBQVE7SUFFZixDQUFDO0lBRU0sZUFBZTtRQUNwQixJQUFJLENBQUMsWUFBWSxFQUFFLENBQUM7SUFDdEIsQ0FBQztJQUVNLG1CQUFtQjtRQUN4QixJQUFJLENBQUMsaUJBQWlCLEVBQUUsQ0FBQztRQUN6QixJQUFJLENBQUMsVUFBVSxHQUFHLHVCQUF1QixDQUFDO1FBQzFDLElBQUksQ0FBQyxXQUFXLEdBQUcsUUFBUSxDQUFDO1FBQzVCLElBQUksQ0FBQyxZQUFZLEVBQUUsQ0FBQztRQUNwQixPQUFPLENBQUMsR0FBRyxDQUFDLGdDQUFnQyxDQUFDLENBQUM7SUFFaEQsQ0FBQztJQUVNLFNBQVM7UUFDZCxJQUFJLENBQUMsaUJBQWlCLEVBQUUsQ0FBQztRQUN6QixJQUFJLENBQUMsVUFBVSxHQUFHLFlBQVksQ0FBQztRQUMvQixJQUFJLENBQUMsV0FBVyxHQUFHLFFBQVEsQ0FBQztRQUM1QixJQUFJLENBQUMsWUFBWSxFQUFFLENBQUM7UUFDcEIsT0FBTyxDQUFDLEdBQUcsQ0FBQyxxQkFBcUIsQ0FBQyxDQUFDO0lBRXJDLENBQUM7SUFFTSxpQkFBaUI7UUFDdEIsSUFBSSxDQUFDLGlCQUFpQixFQUFFLENBQUM7UUFDekIsSUFBSSxDQUFDLFVBQVUsR0FBRyxxQkFBcUIsQ0FBQztRQUN4QyxJQUFJLENBQUMsV0FBVyxHQUFHLFFBQVEsQ0FBQztRQUM1QixJQUFJLENBQUMsWUFBWSxFQUFFLENBQUM7UUFDcEIsT0FBTyxDQUFDLEdBQUcsQ0FBQyw4QkFBOEIsQ0FBQyxDQUFDO0lBRTlDLENBQUM7SUFFTSxZQUFZO1FBQ2pCLE9BQU8sQ0FBQyxHQUFHLENBQUMsb0JBQW9CLENBQUMsQ0FBQztJQUNwQyxDQUFDO0lBR00sTUFBTTtRQUNYLE9BQU8sQ0FBQyxHQUFHLENBQUMsY0FBYyxFQUFFLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUN4QyxRQUFRLElBQUksQ0FBQyxXQUFXLEVBQUM7WUFDdkIsS0FBSyxRQUFRO2dCQUNYLGNBQWM7Z0JBQ2QsT0FBTyxDQUFDLEdBQUcsQ0FBQyx5QkFBeUIsRUFBRSxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7Z0JBQ25ELE1BQU07WUFDUixLQUFLLFFBQVE7Z0JBQ1gsWUFBWTtnQkFDWixPQUFPLENBQUMsR0FBRyxDQUFDLGNBQWMsRUFBRSxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7Z0JBQ3hDLE1BQU07WUFDUixLQUFLLFFBQVE7Z0JBQ1gsZ0JBQWdCO2dCQUNoQixPQUFPLENBQUMsR0FBRyxDQUFDLDJCQUEyQixFQUFFLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztnQkFDckQsTUFBTTtZQUNSO2dCQUNFLE9BQU8sQ0FBQyxHQUFHLENBQUMsS0FBSyxDQUFDLENBQUE7Z0JBRWxCLE1BQU07U0FDVDtJQUNILENBQUM7SUFFRCxTQUFTO0lBRUMsWUFBWTtRQUNOLFFBQVEsQ0FBQyxjQUFjLENBQUMsSUFBSSxDQUFDLFdBQVcsQ0FBRSxDQUFDLFNBQVMsQ0FBQyxHQUFHLENBQUMsVUFBVSxDQUFDLENBQUM7SUFDckYsQ0FBQztJQUVTLGlCQUFpQjtRQUNYLFFBQVEsQ0FBQyxjQUFjLENBQUMsSUFBSSxDQUFDLFdBQVcsQ0FBRSxDQUFDLFNBQVMsQ0FBQyxNQUFNLENBQUMsVUFBVSxDQUFDLENBQUM7SUFDeEYsQ0FBQzs7O1lBekZGLFNBQVMsU0FBQztnQkFDVCxRQUFRLEVBQUUsZ0JBQWdCO2dCQUMxQiw4ekNBQTBDOzthQUUzQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2xjdS1naC1jb250cm9sJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2doLWNvbnRyb2wuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9naC1jb250cm9sLmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgR2hDb250cm9sQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcblxuICBwdWJsaWMgSW5wdXRMYWJlbDogc3RyaW5nO1xuXG4gIHByb3RlY3RlZCBzZWxlY3RlZEJ0bjogc3RyaW5nO1xuXG4gIHB1YmxpYyB2YWx1ZTogc3RyaW5nO1xuXG4gIGNvbnN0cnVjdG9yKCkgeyBcbiAgICB0aGlzLklucHV0TGFiZWwgPSBcIkNyZWF0ZSBQdWxsIFJlcXVlc3RcIjtcbiAgICB0aGlzLnNlbGVjdGVkQnRuID0gXCJwci1idG5cIjtcblxuICB9XG5cbiAgcHVibGljIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIFxuICB9XG5cbiAgcHVibGljIG5nQWZ0ZXJWaWV3SW5pdCgpe1xuICAgIHRoaXMuYWRkU2VsZWN0QnRuKCk7XG4gIH1cblxuICBwdWJsaWMgQ3JlYXRlRmVhdHVyZUJyYW5jaCgpe1xuICAgIHRoaXMucmVtb3ZlU2VsZWN0ZWRCdG4oKTtcbiAgICB0aGlzLklucHV0TGFiZWwgPSBcIkNyZWF0ZSBGZWF0dXJlIEJyYW5jaFwiO1xuICAgIHRoaXMuc2VsZWN0ZWRCdG4gPSBcImZiLWJ0blwiO1xuICAgIHRoaXMuYWRkU2VsZWN0QnRuKCk7XG4gICAgY29uc29sZS5sb2coXCJjcmVhdGUgZmVhdHVyZSBicmFuY2ggc2VsZWN0ZWRcIik7XG5cbiAgfVxuXG4gIHB1YmxpYyBPcGVuSXNzdWUoKXtcbiAgICB0aGlzLnJlbW92ZVNlbGVjdGVkQnRuKCk7XG4gICAgdGhpcy5JbnB1dExhYmVsID0gXCJPcGVuIElzc3VlXCI7XG4gICAgdGhpcy5zZWxlY3RlZEJ0biA9IFwib2ktYnRuXCI7XG4gICAgdGhpcy5hZGRTZWxlY3RCdG4oKTtcbiAgICBjb25zb2xlLmxvZyhcIm9wZW4gaXNzdWUgc2VsZWN0ZWRcIik7XG5cbiAgfVxuXG4gIHB1YmxpYyBDcmVhdGVQdWxsUmVxdWVzdCgpe1xuICAgIHRoaXMucmVtb3ZlU2VsZWN0ZWRCdG4oKTtcbiAgICB0aGlzLklucHV0TGFiZWwgPSBcIkNyZWF0ZSBQdWxsIFJlcXVlc3RcIjtcbiAgICB0aGlzLnNlbGVjdGVkQnRuID0gXCJwci1idG5cIjtcbiAgICB0aGlzLmFkZFNlbGVjdEJ0bigpO1xuICAgIGNvbnNvbGUubG9nKFwiY3JlYXRlIHB1bGwgcmVxdWVzdCBzZWxlY3RlZFwiKTtcblxuICB9XG5cbiAgcHVibGljIE9wZW5Nb3JlSW5mbygpe1xuICAgIGNvbnNvbGUubG9nKFwibW9yZSBpbmZvIHNlbGVjdGVkXCIpO1xuICB9XG5cblxuICBwdWJsaWMgU3VibWl0KCl7XG4gICAgY29uc29sZS5sb2coXCJzdWJtaXR0aW5nOiBcIiwgdGhpcy52YWx1ZSk7XG4gICAgc3dpdGNoICh0aGlzLnNlbGVjdGVkQnRuKXtcbiAgICAgIGNhc2UgXCJwci1idG5cIjpcbiAgICAgICAgLy9QdWxsIHJlcXVlc3RcbiAgICAgICAgY29uc29sZS5sb2coXCJjcmVhdGluZyBwdWxsIHJlcXVlc3Q6IFwiLCB0aGlzLnZhbHVlKTtcbiAgICAgICAgYnJlYWs7XG4gICAgICBjYXNlIFwib2ktYnRuXCI6XG4gICAgICAgIC8vT3BlbiBJc3N1ZVxuICAgICAgICBjb25zb2xlLmxvZyhcIk9wZW4gaXNzdWU6IFwiLCB0aGlzLnZhbHVlKTtcbiAgICAgICAgYnJlYWs7XG4gICAgICBjYXNlIFwiZmItYnRuXCI6XG4gICAgICAgIC8vRmVhdHVyZSBCcmFuY2hcbiAgICAgICAgY29uc29sZS5sb2coXCJjcmVhdGluZyBmZWF0dXJlIGJyYW5jaDogXCIsIHRoaXMudmFsdWUpO1xuICAgICAgICBicmVhaztcbiAgICAgIGRlZmF1bHQ6XG4gICAgICAgIGNvbnNvbGUubG9nKFwiaG1tXCIpXG5cbiAgICAgICAgYnJlYWs7XG4gICAgfVxuICB9XG5cbiAgLy9IRUxQRVJTXG5cbiAgcHJvdGVjdGVkIGFkZFNlbGVjdEJ0bigpeyAgICBcbiAgICAoPEhUTUxFbGVtZW50PmRvY3VtZW50LmdldEVsZW1lbnRCeUlkKHRoaXMuc2VsZWN0ZWRCdG4pKS5jbGFzc0xpc3QuYWRkKCdzZWxlY3RlZCcpO1xuICB9XG5cbiAgcHJvdGVjdGVkIHJlbW92ZVNlbGVjdGVkQnRuKCl7XG4gICAgKDxIVE1MRWxlbWVudD5kb2N1bWVudC5nZXRFbGVtZW50QnlJZCh0aGlzLnNlbGVjdGVkQnRuKSkuY2xhc3NMaXN0LnJlbW92ZSgnc2VsZWN0ZWQnKTtcbiAgfVxuXG59XG4iXX0=
|
|
@@ -16,7 +16,7 @@ export class ProjectInfoCardComponent {
|
|
|
16
16
|
ProjectInfoCardComponent.decorators = [
|
|
17
17
|
{ type: Component, args: [{
|
|
18
18
|
selector: 'lcu-project-info-card',
|
|
19
|
-
template: "<mat-card class=\"project-info-card\">\n\n <div class=\"header-img-container\" fxLayout=\"row\" >\n <div class=\"round-project-img\" fxLayoutAlign=\"center center\">\n <mat-icon class=\"temp-icon\">flutter_dash</mat-icon>\n </div>\n </div>\n\n <div class=\"icon-btn-container\" fxLayout=\"row\" fxLayoutAlign=\"space-between center\" >\n <button mat-icon-button id=\"left-icon\" (click)=\"LeftIconClicked()\">\n <mat-icon>settings</mat-icon>\n </button>\n <button mat-icon-button id=\"right-icon\" (click)=\"RightIconClicked()\">\n <mat-icon>share</mat-icon>\n </button>\n </div>\n\n <mat-card-header class=\"project-card-header\">\n\n <mat-card-title class=\"project-card-name\" *ngIf=\"Name\">{{Name}}</mat-card-title>\n\n <mat-card-subtitle class=\"project-card-description\" *ngIf=\"Description\">{{Description}}</mat-card-subtitle>\n\n <mat-card-subtitle class=\"project-card-host\">\n <a class=\"host-anchor\" *ngIf=\"Subtext\" [href]=\"Subtext\" target=\"_blank\">{{Subtext}}</a>\n </mat-card-subtitle>\n\n </mat-card-header>\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\n </mat-card-content>\n <mat-card-actions class=\"actions-container\">\n <ng-content select=\"[action]\"></ng-content>\n \n </mat-card-actions>\n </mat-card>\n \n",
|
|
19
|
+
template: "<mat-card class=\"project-info-card\">\n\n <div class=\"header-img-container\" fxLayout=\"row\" >\n <div class=\"round-project-img\" fxLayoutAlign=\"center center\">\n <mat-icon class=\"temp-icon\">flutter_dash</mat-icon>\n </div>\n </div>\n\n <div class=\"icon-btn-container\" fxLayout=\"row\" fxLayoutAlign=\"space-between center\" >\n <button mat-icon-button id=\"left-icon\" (click)=\"LeftIconClicked()\">\n <mat-icon>settings</mat-icon>\n </button>\n <button mat-icon-button id=\"right-icon\" (click)=\"RightIconClicked()\">\n <mat-icon>share</mat-icon>\n </button>\n </div>\n\n <mat-card-header class=\"project-card-header\" fxLayoutAlign=\"center center\">\n\n <mat-card-title class=\"project-card-name\" *ngIf=\"Name\">{{Name}}</mat-card-title>\n\n <mat-card-subtitle class=\"project-card-description\" *ngIf=\"Description\">{{Description}}</mat-card-subtitle>\n\n <mat-card-subtitle class=\"project-card-host\">\n <a class=\"host-anchor\" *ngIf=\"Subtext\" [href]=\"Subtext\" target=\"_blank\">{{Subtext}}</a>\n </mat-card-subtitle>\n\n </mat-card-header>\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\n </mat-card-content>\n <mat-card-actions class=\"actions-container\">\n <ng-content select=\"[action]\"></ng-content>\n \n </mat-card-actions>\n </mat-card>\n \n",
|
|
20
20
|
styles: [".project-info-card{background-color:#fff;border:2px solid #d3d3d3;margin:20px;padding:0}.round-project-img{background-color:#dfeff2;border:2px solid #fff;border-radius:40px;height:75px;margin-top:20px;text-align:center;width:75px}.temp-icon{font-size:50px;height:50px;width:50px}.icon-btn-container{margin:5px}.project-card-header{margin-top:50px;text-align:center}.host-anchor{color:#4a918e;text-decoration:none}.header-img-container{background-color:#a4bab3;border-radius:2px 2px 0 0;height:60px;justify-content:center;margin-right:-.5px;margin-top:-.5px!important}.project-card-name{font-size:30px;font-weight:600}.card-content-container{margin-bottom:0!important}.stats-container{border-bottom:1px solid #d3d3d3;border-top:1px solid #d3d3d3}mat-card-actions{margin-bottom:-1px!important;margin-left:0!important;margin-right:-.5px!important}.actions-container{padding:0!important}.info-card-btn{border-radius:0 0 2px 2px;border-top:1px solid #d3d3d3;width:100%}"]
|
|
21
21
|
},] }
|
|
22
22
|
];
|
|
@@ -29,4 +29,4 @@ ProjectInfoCardComponent.propDecorators = {
|
|
|
29
29
|
LeftClickEvent: [{ type: Output, args: ['left-click-event',] }],
|
|
30
30
|
RightClickEvent: [{ type: Output, args: ['right-click-event',] }]
|
|
31
31
|
};
|
|
32
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
32
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJvamVjdC1pbmZvLWNhcmQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Ii9ob21lL3J1bm5lci93b3JrL2FwcGxpY2F0aW9ucy1mbG93L2FwcGxpY2F0aW9ucy1mbG93L3Byb2plY3RzL2NvbW1vbi9zcmMvIiwic291cmNlcyI6WyJsaWIvZWxlbWVudHMvcHJvamVjdC1pbmZvLWNhcmQvcHJvamVjdC1pbmZvLWNhcmQuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBVSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFPL0UsTUFBTSxPQUFPLHdCQUF3QjtJQXFCbkM7UUFDRSxJQUFJLENBQUMsY0FBYyxHQUFHLElBQUksWUFBWSxFQUFFLENBQUM7UUFFekMsSUFBSSxDQUFDLGVBQWUsR0FBRyxJQUFJLFlBQVksRUFBRSxDQUFDO0lBQzNDLENBQUM7SUFFRixRQUFRO0lBQ1IsQ0FBQztJQUdNLGVBQWU7UUFDcEIsSUFBSSxDQUFDLGNBQWMsQ0FBQyxJQUFJLENBQUMsRUFBRSxDQUFDLENBQUM7SUFDL0IsQ0FBQztJQUVNLGdCQUFnQjtRQUNyQixJQUFJLENBQUMsZUFBZSxDQUFDLElBQUksQ0FBQyxFQUFFLENBQUMsQ0FBQztJQUNoQyxDQUFDOzs7WUExQ0YsU0FBUyxTQUFDO2dCQUNULFFBQVEsRUFBRSx1QkFBdUI7Z0JBQ2pDLDJtREFBaUQ7O2FBRWxEOzs7OzBCQUdFLEtBQUssU0FBQyxhQUFhO29CQUduQixLQUFLLFNBQUMsT0FBTzttQkFHYixLQUFLLFNBQUMsTUFBTTtzQkFHWixLQUFLLFNBQUMsU0FBUzs2QkFHZixNQUFNLFNBQUMsa0JBQWtCOzhCQUd6QixNQUFNLFNBQUMsbUJBQW1CIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPbkluaXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdsY3UtcHJvamVjdC1pbmZvLWNhcmQnLFxuICB0ZW1wbGF0ZVVybDogJy4vcHJvamVjdC1pbmZvLWNhcmQuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9wcm9qZWN0LWluZm8tY2FyZC5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIFByb2plY3RJbmZvQ2FyZENvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIFxuICBASW5wdXQoJ2Rlc2NyaXB0aW9uJylcbiAgcHVibGljIERlc2NyaXB0aW9uOiBzdHJpbmc7XG4gIFxuICBASW5wdXQoJ2ltYWdlJylcbiAgcHVibGljIEltYWdlOiBzdHJpbmc7XG5cbiAgQElucHV0KCduYW1lJylcbiAgcHVibGljIE5hbWU6IHN0cmluZztcblxuICBASW5wdXQoJ3N1YnRleHQnKVxuICBwdWJsaWMgU3VidGV4dDogc3RyaW5nO1xuXG4gIEBPdXRwdXQoJ2xlZnQtY2xpY2stZXZlbnQnKVxuICBwdWJsaWMgTGVmdENsaWNrRXZlbnQ6IEV2ZW50RW1pdHRlcjx7fT47XG5cbiAgQE91dHB1dCgncmlnaHQtY2xpY2stZXZlbnQnKVxuICBwdWJsaWMgUmlnaHRDbGlja0V2ZW50OiBFdmVudEVtaXR0ZXI8e30+O1xuXG5cbiAgY29uc3RydWN0b3IoKSB7XG4gICAgdGhpcy5MZWZ0Q2xpY2tFdmVudCA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcblxuICAgIHRoaXMuUmlnaHRDbGlja0V2ZW50ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuICAgfVxuXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICB9XG5cblxuICBwdWJsaWMgTGVmdEljb25DbGlja2VkKCl7XG4gICAgdGhpcy5MZWZ0Q2xpY2tFdmVudC5lbWl0KHt9KTtcbiAgfVxuXG4gIHB1YmxpYyBSaWdodEljb25DbGlja2VkKCl7XG4gICAgdGhpcy5SaWdodENsaWNrRXZlbnQuZW1pdCh7fSk7XG4gIH1cblxufVxuIl19
|
|
@@ -1,15 +1,32 @@
|
|
|
1
|
+
import { BreakpointObserver } from '@angular/cdk/layout';
|
|
1
2
|
import { Component } from '@angular/core';
|
|
2
3
|
export class ThreeColumnComponent {
|
|
3
|
-
constructor() {
|
|
4
|
+
constructor(breakpointObserver) {
|
|
5
|
+
this.breakpointObserver = breakpointObserver;
|
|
6
|
+
}
|
|
4
7
|
ngOnInit() {
|
|
8
|
+
this.breakpointObserver
|
|
9
|
+
.observe(['(max-width: 850px)'])
|
|
10
|
+
.subscribe((state) => {
|
|
11
|
+
console.log("Breakpoint: ", state.matches);
|
|
12
|
+
if (state.matches) {
|
|
13
|
+
this.SmallScreen = true;
|
|
14
|
+
}
|
|
15
|
+
else {
|
|
16
|
+
this.SmallScreen = false;
|
|
17
|
+
}
|
|
18
|
+
console.log("SmallScrren = ", this.SmallScreen);
|
|
19
|
+
});
|
|
5
20
|
}
|
|
6
21
|
}
|
|
7
22
|
ThreeColumnComponent.decorators = [
|
|
8
23
|
{ type: Component, args: [{
|
|
9
24
|
selector: 'lcu-three-column',
|
|
10
|
-
template: "\n<div class=\"col-container\" fxLayout=\"row\" fxLayout.lt-md=\"column\">\n\n <div class=\"col-left\" fxFlex=\"25%\"
|
|
11
|
-
styles: [".col-container{background-color:#ebecf0;height:100%}"]
|
|
25
|
+
template: "\n<div class=\"col-container\" fxLayout=\"row\" fxLayout.lt-md=\"column\">\n\n <div class=\"col-left\" fxFlex.gt-md=\"25%\" >\n <ng-content select=\"[left]\"></ng-content>\n </div>\n\n <div class=\"col-center\" fxFlex.gt-md=\"50%\" >\n <ng-content></ng-content>\n </div>\n \n <div class=\"col-right\" fxFlex.gt-md=\"25%\" >\n <ng-content select=\"[right]\"></ng-content>\n </div>\n\n</div>\n<!-- below doesn't work -->\n<!-- <div [hidden]=\"!SmallScreen\" class=\"col-container\" fxLayout=\"column\">\n <div fxLayout=\"row\">\n <div class=\"col-left\" fxFlex=\"50%\" >\n <ng-content select=\"[left]\"></ng-content>\n </div>\n\n <div class=\"col-right\" fxFlex=\"50%\">\n <ng-content select=\"[right]\"></ng-content>\n </div>\n </div>\n\n <div class=\"col-center\">\n <ng-content></ng-content>\n </div>\n\n</div> -->",
|
|
26
|
+
styles: [".col-container,.col-container-sm{background-color:#ebecf0;height:100%}.col-container-sm{display:none}@media only screen and (max-width:850px){.col-container{display:none}.col-container-sm{display:block}}"]
|
|
12
27
|
},] }
|
|
13
28
|
];
|
|
14
|
-
ThreeColumnComponent.ctorParameters = () => [
|
|
15
|
-
|
|
29
|
+
ThreeColumnComponent.ctorParameters = () => [
|
|
30
|
+
{ type: BreakpointObserver }
|
|
31
|
+
];
|
|
32
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGhyZWUtY29sdW1uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIvaG9tZS9ydW5uZXIvd29yay9hcHBsaWNhdGlvbnMtZmxvdy9hcHBsaWNhdGlvbnMtZmxvdy9wcm9qZWN0cy9jb21tb24vc3JjLyIsInNvdXJjZXMiOlsibGliL2VsZW1lbnRzL3RocmVlLWNvbHVtbi90aHJlZS1jb2x1bW4uY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxrQkFBa0IsRUFBbUIsTUFBTSxxQkFBcUIsQ0FBQztBQUMxRSxPQUFPLEVBQUUsU0FBUyxFQUFVLE1BQU0sZUFBZSxDQUFDO0FBT2xELE1BQU0sT0FBTyxvQkFBb0I7SUFNL0IsWUFBbUIsa0JBQXNDO1FBQXRDLHVCQUFrQixHQUFsQixrQkFBa0IsQ0FBb0I7SUFBSSxDQUFDO0lBRTlELFFBQVE7UUFDTixJQUFJLENBQUMsa0JBQWtCO2FBQ3BCLE9BQU8sQ0FBQyxDQUFDLG9CQUFvQixDQUFDLENBQUM7YUFDL0IsU0FBUyxDQUFDLENBQUMsS0FBc0IsRUFBRSxFQUFFO1lBQ3BDLE9BQU8sQ0FBQyxHQUFHLENBQUMsY0FBYyxFQUFFLEtBQUssQ0FBQyxPQUFPLENBQUMsQ0FBQTtZQUMxQyxJQUFJLEtBQUssQ0FBQyxPQUFPLEVBQUU7Z0JBQ2pCLElBQUksQ0FBQyxXQUFXLEdBQUMsSUFBSSxDQUFDO2FBQ3ZCO2lCQUFNO2dCQUNMLElBQUksQ0FBQyxXQUFXLEdBQUMsS0FBSyxDQUFDO2FBQ3hCO1lBQ0QsT0FBTyxDQUFDLEdBQUcsQ0FBQyxnQkFBZ0IsRUFBRSxJQUFJLENBQUMsV0FBVyxDQUFDLENBQUM7UUFDbEQsQ0FBQyxDQUFDLENBQUM7SUFDUCxDQUFDOzs7WUF6QkYsU0FBUyxTQUFDO2dCQUNULFFBQVEsRUFBRSxrQkFBa0I7Z0JBQzVCLDY2QkFBNEM7O2FBRTdDOzs7WUFQUSxrQkFBa0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBCcmVha3BvaW50T2JzZXJ2ZXIsIEJyZWFrcG9pbnRTdGF0ZSB9IGZyb20gJ0Bhbmd1bGFyL2Nkay9sYXlvdXQnO1xuaW1wb3J0IHsgQ29tcG9uZW50LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbGN1LXRocmVlLWNvbHVtbicsXG4gIHRlbXBsYXRlVXJsOiAnLi90aHJlZS1jb2x1bW4uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi90aHJlZS1jb2x1bW4uY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBUaHJlZUNvbHVtbkNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG5cbiAgcHVibGljIFNtYWxsU2NyZWVuOmJvb2xlYW47XG5cblxuXG4gIGNvbnN0cnVjdG9yKHB1YmxpYyBicmVha3BvaW50T2JzZXJ2ZXI6IEJyZWFrcG9pbnRPYnNlcnZlcikgeyB9XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgdGhpcy5icmVha3BvaW50T2JzZXJ2ZXJcbiAgICAgIC5vYnNlcnZlKFsnKG1heC13aWR0aDogODUwcHgpJ10pXG4gICAgICAuc3Vic2NyaWJlKChzdGF0ZTogQnJlYWtwb2ludFN0YXRlKSA9PiB7XG4gICAgICAgIGNvbnNvbGUubG9nKFwiQnJlYWtwb2ludDogXCIsIHN0YXRlLm1hdGNoZXMpXG4gICAgICAgIGlmIChzdGF0ZS5tYXRjaGVzKSB7XG4gICAgICAgICAgdGhpcy5TbWFsbFNjcmVlbj10cnVlO1xuICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgIHRoaXMuU21hbGxTY3JlZW49ZmFsc2U7XG4gICAgICAgIH1cbiAgICAgICAgY29uc29sZS5sb2coXCJTbWFsbFNjcnJlbiA9IFwiICx0aGlzLlNtYWxsU2NyZWVuKTtcbiAgICAgIH0pO1xuICB9XG5cbn1cbiJdfQ==
|
|
@@ -7,9 +7,9 @@ export class TwoColumnHeaderComponent {
|
|
|
7
7
|
TwoColumnHeaderComponent.decorators = [
|
|
8
8
|
{ type: Component, args: [{
|
|
9
9
|
selector: 'lcu-two-column-header',
|
|
10
|
-
template: "<div class=\"col-container\" fxLayout=\"row\"
|
|
11
|
-
styles: [".col-container{background-color:#ebecf0}"]
|
|
10
|
+
template: "<div class=\"col-container\" fxLayout=\"row\">\n\n <div class=\"col-left\" fxFlex=\"15%\" >\n <ng-content select=\"[left]\"></ng-content>\n </div>\n\n <div class=\"col-center\" fxFlex=\"85%\">\n <ng-content></ng-content>\n </div>\n\n</div>\n",
|
|
11
|
+
styles: [".col-container{background-color:#ebecf0}.col-left{min-width:210px}"]
|
|
12
12
|
},] }
|
|
13
13
|
];
|
|
14
14
|
TwoColumnHeaderComponent.ctorParameters = () => [];
|
|
15
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
15
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHdvLWNvbHVtbi1oZWFkZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Ii9ob21lL3J1bm5lci93b3JrL2FwcGxpY2F0aW9ucy1mbG93L2FwcGxpY2F0aW9ucy1mbG93L3Byb2plY3RzL2NvbW1vbi9zcmMvIiwic291cmNlcyI6WyJsaWIvZWxlbWVudHMvdHdvLWNvbHVtbi1oZWFkZXIvdHdvLWNvbHVtbi1oZWFkZXIuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQVUsTUFBTSxlQUFlLENBQUM7QUFPbEQsTUFBTSxPQUFPLHdCQUF3QjtJQUVuQyxnQkFBZ0IsQ0FBQztJQUVqQixRQUFRO0lBQ1IsQ0FBQzs7O1lBVkYsU0FBUyxTQUFDO2dCQUNULFFBQVEsRUFBRSx1QkFBdUI7Z0JBQ2pDLHdSQUFpRDs7YUFFbEQiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdsY3UtdHdvLWNvbHVtbi1oZWFkZXInLFxuICB0ZW1wbGF0ZVVybDogJy4vdHdvLWNvbHVtbi1oZWFkZXIuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi90d28tY29sdW1uLWhlYWRlci5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIFR3b0NvbHVtbkhlYWRlckNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG5cbiAgY29uc3RydWN0b3IoKSB7IH1cblxuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgfVxuXG59XG4iXX0=
|
|
@@ -8,6 +8,7 @@ import { FlexLayoutModule } from '@angular/flex-layout';
|
|
|
8
8
|
import { AppHostModule } from '@lowcodeunit/app-host-common';
|
|
9
9
|
import { ENTER, COMMA } from '@angular/cdk/keycodes';
|
|
10
10
|
import { map, debounceTime, switchMap } from 'rxjs/operators';
|
|
11
|
+
import { BreakpointObserver } from '@angular/cdk/layout';
|
|
11
12
|
|
|
12
13
|
/**
|
|
13
14
|
* Model for form values
|
|
@@ -3492,18 +3493,34 @@ NpmPackageSelectComponent.propDecorators = {
|
|
|
3492
3493
|
};
|
|
3493
3494
|
|
|
3494
3495
|
class ThreeColumnComponent {
|
|
3495
|
-
constructor() {
|
|
3496
|
+
constructor(breakpointObserver) {
|
|
3497
|
+
this.breakpointObserver = breakpointObserver;
|
|
3498
|
+
}
|
|
3496
3499
|
ngOnInit() {
|
|
3500
|
+
this.breakpointObserver
|
|
3501
|
+
.observe(['(max-width: 850px)'])
|
|
3502
|
+
.subscribe((state) => {
|
|
3503
|
+
console.log("Breakpoint: ", state.matches);
|
|
3504
|
+
if (state.matches) {
|
|
3505
|
+
this.SmallScreen = true;
|
|
3506
|
+
}
|
|
3507
|
+
else {
|
|
3508
|
+
this.SmallScreen = false;
|
|
3509
|
+
}
|
|
3510
|
+
console.log("SmallScrren = ", this.SmallScreen);
|
|
3511
|
+
});
|
|
3497
3512
|
}
|
|
3498
3513
|
}
|
|
3499
3514
|
ThreeColumnComponent.decorators = [
|
|
3500
3515
|
{ type: Component, args: [{
|
|
3501
3516
|
selector: 'lcu-three-column',
|
|
3502
|
-
template: "\n<div class=\"col-container\" fxLayout=\"row\" fxLayout.lt-md=\"column\">\n\n <div class=\"col-left\" fxFlex=\"25%\"
|
|
3503
|
-
styles: [".col-container{background-color:#ebecf0;height:100%}"]
|
|
3517
|
+
template: "\n<div class=\"col-container\" fxLayout=\"row\" fxLayout.lt-md=\"column\">\n\n <div class=\"col-left\" fxFlex.gt-md=\"25%\" >\n <ng-content select=\"[left]\"></ng-content>\n </div>\n\n <div class=\"col-center\" fxFlex.gt-md=\"50%\" >\n <ng-content></ng-content>\n </div>\n \n <div class=\"col-right\" fxFlex.gt-md=\"25%\" >\n <ng-content select=\"[right]\"></ng-content>\n </div>\n\n</div>\n<!-- below doesn't work -->\n<!-- <div [hidden]=\"!SmallScreen\" class=\"col-container\" fxLayout=\"column\">\n <div fxLayout=\"row\">\n <div class=\"col-left\" fxFlex=\"50%\" >\n <ng-content select=\"[left]\"></ng-content>\n </div>\n\n <div class=\"col-right\" fxFlex=\"50%\">\n <ng-content select=\"[right]\"></ng-content>\n </div>\n </div>\n\n <div class=\"col-center\">\n <ng-content></ng-content>\n </div>\n\n</div> -->",
|
|
3518
|
+
styles: [".col-container,.col-container-sm{background-color:#ebecf0;height:100%}.col-container-sm{display:none}@media only screen and (max-width:850px){.col-container{display:none}.col-container-sm{display:block}}"]
|
|
3504
3519
|
},] }
|
|
3505
3520
|
];
|
|
3506
|
-
ThreeColumnComponent.ctorParameters = () => [
|
|
3521
|
+
ThreeColumnComponent.ctorParameters = () => [
|
|
3522
|
+
{ type: BreakpointObserver }
|
|
3523
|
+
];
|
|
3507
3524
|
|
|
3508
3525
|
class ColumnInfoCardComponent {
|
|
3509
3526
|
constructor() { }
|
|
@@ -3577,7 +3594,7 @@ class ProjectInfoCardComponent {
|
|
|
3577
3594
|
ProjectInfoCardComponent.decorators = [
|
|
3578
3595
|
{ type: Component, args: [{
|
|
3579
3596
|
selector: 'lcu-project-info-card',
|
|
3580
|
-
template: "<mat-card class=\"project-info-card\">\n\n <div class=\"header-img-container\" fxLayout=\"row\" >\n <div class=\"round-project-img\" fxLayoutAlign=\"center center\">\n <mat-icon class=\"temp-icon\">flutter_dash</mat-icon>\n </div>\n </div>\n\n <div class=\"icon-btn-container\" fxLayout=\"row\" fxLayoutAlign=\"space-between center\" >\n <button mat-icon-button id=\"left-icon\" (click)=\"LeftIconClicked()\">\n <mat-icon>settings</mat-icon>\n </button>\n <button mat-icon-button id=\"right-icon\" (click)=\"RightIconClicked()\">\n <mat-icon>share</mat-icon>\n </button>\n </div>\n\n <mat-card-header class=\"project-card-header\">\n\n <mat-card-title class=\"project-card-name\" *ngIf=\"Name\">{{Name}}</mat-card-title>\n\n <mat-card-subtitle class=\"project-card-description\" *ngIf=\"Description\">{{Description}}</mat-card-subtitle>\n\n <mat-card-subtitle class=\"project-card-host\">\n <a class=\"host-anchor\" *ngIf=\"Subtext\" [href]=\"Subtext\" target=\"_blank\">{{Subtext}}</a>\n </mat-card-subtitle>\n\n </mat-card-header>\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\n </mat-card-content>\n <mat-card-actions class=\"actions-container\">\n <ng-content select=\"[action]\"></ng-content>\n \n </mat-card-actions>\n </mat-card>\n \n",
|
|
3597
|
+
template: "<mat-card class=\"project-info-card\">\n\n <div class=\"header-img-container\" fxLayout=\"row\" >\n <div class=\"round-project-img\" fxLayoutAlign=\"center center\">\n <mat-icon class=\"temp-icon\">flutter_dash</mat-icon>\n </div>\n </div>\n\n <div class=\"icon-btn-container\" fxLayout=\"row\" fxLayoutAlign=\"space-between center\" >\n <button mat-icon-button id=\"left-icon\" (click)=\"LeftIconClicked()\">\n <mat-icon>settings</mat-icon>\n </button>\n <button mat-icon-button id=\"right-icon\" (click)=\"RightIconClicked()\">\n <mat-icon>share</mat-icon>\n </button>\n </div>\n\n <mat-card-header class=\"project-card-header\" fxLayoutAlign=\"center center\">\n\n <mat-card-title class=\"project-card-name\" *ngIf=\"Name\">{{Name}}</mat-card-title>\n\n <mat-card-subtitle class=\"project-card-description\" *ngIf=\"Description\">{{Description}}</mat-card-subtitle>\n\n <mat-card-subtitle class=\"project-card-host\">\n <a class=\"host-anchor\" *ngIf=\"Subtext\" [href]=\"Subtext\" target=\"_blank\">{{Subtext}}</a>\n </mat-card-subtitle>\n\n </mat-card-header>\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\n </mat-card-content>\n <mat-card-actions class=\"actions-container\">\n <ng-content select=\"[action]\"></ng-content>\n \n </mat-card-actions>\n </mat-card>\n \n",
|
|
3581
3598
|
styles: [".project-info-card{background-color:#fff;border:2px solid #d3d3d3;margin:20px;padding:0}.round-project-img{background-color:#dfeff2;border:2px solid #fff;border-radius:40px;height:75px;margin-top:20px;text-align:center;width:75px}.temp-icon{font-size:50px;height:50px;width:50px}.icon-btn-container{margin:5px}.project-card-header{margin-top:50px;text-align:center}.host-anchor{color:#4a918e;text-decoration:none}.header-img-container{background-color:#a4bab3;border-radius:2px 2px 0 0;height:60px;justify-content:center;margin-right:-.5px;margin-top:-.5px!important}.project-card-name{font-size:30px;font-weight:600}.card-content-container{margin-bottom:0!important}.stats-container{border-bottom:1px solid #d3d3d3;border-top:1px solid #d3d3d3}mat-card-actions{margin-bottom:-1px!important;margin-left:0!important;margin-right:-.5px!important}.actions-container{padding:0!important}.info-card-btn{border-radius:0 0 2px 2px;border-top:1px solid #d3d3d3;width:100%}"]
|
|
3582
3599
|
},] }
|
|
3583
3600
|
];
|
|
@@ -3656,19 +3673,46 @@ class GhControlComponent {
|
|
|
3656
3673
|
this.InputLabel = "Create Feature Branch";
|
|
3657
3674
|
this.selectedBtn = "fb-btn";
|
|
3658
3675
|
this.addSelectBtn();
|
|
3676
|
+
console.log("create feature branch selected");
|
|
3659
3677
|
}
|
|
3660
3678
|
OpenIssue() {
|
|
3661
3679
|
this.removeSelectedBtn();
|
|
3662
3680
|
this.InputLabel = "Open Issue";
|
|
3663
3681
|
this.selectedBtn = "oi-btn";
|
|
3664
3682
|
this.addSelectBtn();
|
|
3683
|
+
console.log("open issue selected");
|
|
3665
3684
|
}
|
|
3666
3685
|
CreatePullRequest() {
|
|
3667
3686
|
this.removeSelectedBtn();
|
|
3668
3687
|
this.InputLabel = "Create Pull Request";
|
|
3669
3688
|
this.selectedBtn = "pr-btn";
|
|
3670
3689
|
this.addSelectBtn();
|
|
3690
|
+
console.log("create pull request selected");
|
|
3691
|
+
}
|
|
3692
|
+
OpenMoreInfo() {
|
|
3693
|
+
console.log("more info selected");
|
|
3671
3694
|
}
|
|
3695
|
+
Submit() {
|
|
3696
|
+
console.log("submitting: ", this.value);
|
|
3697
|
+
switch (this.selectedBtn) {
|
|
3698
|
+
case "pr-btn":
|
|
3699
|
+
//Pull request
|
|
3700
|
+
console.log("creating pull request: ", this.value);
|
|
3701
|
+
break;
|
|
3702
|
+
case "oi-btn":
|
|
3703
|
+
//Open Issue
|
|
3704
|
+
console.log("Open issue: ", this.value);
|
|
3705
|
+
break;
|
|
3706
|
+
case "fb-btn":
|
|
3707
|
+
//Feature Branch
|
|
3708
|
+
console.log("creating feature branch: ", this.value);
|
|
3709
|
+
break;
|
|
3710
|
+
default:
|
|
3711
|
+
console.log("hmm");
|
|
3712
|
+
break;
|
|
3713
|
+
}
|
|
3714
|
+
}
|
|
3715
|
+
//HELPERS
|
|
3672
3716
|
addSelectBtn() {
|
|
3673
3717
|
document.getElementById(this.selectedBtn).classList.add('selected');
|
|
3674
3718
|
}
|
|
@@ -3679,7 +3723,7 @@ class GhControlComponent {
|
|
|
3679
3723
|
GhControlComponent.decorators = [
|
|
3680
3724
|
{ type: Component, args: [{
|
|
3681
3725
|
selector: 'lcu-gh-control',
|
|
3682
|
-
template: "<mat-card class=\"social-card\">\n <div class=\"gh-card-container\" fxLayout=\"row\" fxLayoutAlign=\"center center\">\n <mat-icon fxFlex=\"
|
|
3726
|
+
template: "<mat-card class=\"social-card\">\n <div class=\"gh-card-container\" fxLayout=\"row\" fxLayoutAlign=\"center center\">\n <mat-icon fxFlex=\"15%\" class=\"gh-icon\">error_outline</mat-icon>\n <div fxFlex=\"70%\"class=\"gh-card-main-content\">\n <mat-form-field appearance=\"fill\" class=\"gh-input\">\n <mat-label>{{InputLabel}}</mat-label>\n <input matInput type=\"text\" [(ngModel)]=\"value\">\n <!-- <button *ngIf=\"value\" matSuffix mat-icon-button aria-label=\"Clear\" (click)=\"value=''\">\n <mat-icon>close</mat-icon>\n </button> -->\n </mat-form-field>\n </div>\n <button fxFlex=\"15%\" mat-button (click)=\"Submit()\" id=\"submit-btn\">Submit</button>\n </div>\n\n <mat-card-actions fxLayout=\"row\" fxLayoutAlign=\"space-around center\">\n <button mat-button (click)=\"CreatePullRequest()\" id=\"pr-btn\">Pull Request</button>\n <button mat-button (click)=\"OpenIssue()\" id=\"oi-btn\">Open Issue</button>\n <button mat-button (click)=\"CreateFeatureBranch()\" id=\"fb-btn\">Feature Branch</button>\n <button mat-icon-button (click)=\"OpenMoreInfo()\">\n <mat-icon>more_horiz</mat-icon>\n </button>\n </mat-card-actions>\n </mat-card>",
|
|
3683
3727
|
styles: [".social-card{background-color:#fff;border:2px solid #d3d3d3;margin:20px;padding:15px 5px}mat-card-actions{margin-bottom:-1px!important;margin-left:0!important;margin-right:-.5px!important}.gh-icon{font-size:60px;height:60px;text-align:center;width:60px}.gh-input{width:90%}.selected{border:1px solid green}::ng-deep .mat-form-field-flex{border:1px solid;border-radius:30px!important}::ng-deep .mat-form-field-wrapper{padding-bottom:0!important}"]
|
|
3684
3728
|
},] }
|
|
3685
3729
|
];
|
|
@@ -3716,8 +3760,8 @@ class TwoColumnHeaderComponent {
|
|
|
3716
3760
|
TwoColumnHeaderComponent.decorators = [
|
|
3717
3761
|
{ type: Component, args: [{
|
|
3718
3762
|
selector: 'lcu-two-column-header',
|
|
3719
|
-
template: "<div class=\"col-container\" fxLayout=\"row\"
|
|
3720
|
-
styles: [".col-container{background-color:#ebecf0}"]
|
|
3763
|
+
template: "<div class=\"col-container\" fxLayout=\"row\">\n\n <div class=\"col-left\" fxFlex=\"15%\" >\n <ng-content select=\"[left]\"></ng-content>\n </div>\n\n <div class=\"col-center\" fxFlex=\"85%\">\n <ng-content></ng-content>\n </div>\n\n</div>\n",
|
|
3764
|
+
styles: [".col-container{background-color:#ebecf0}.col-left{min-width:210px}"]
|
|
3721
3765
|
},] }
|
|
3722
3766
|
];
|
|
3723
3767
|
TwoColumnHeaderComponent.ctorParameters = () => [];
|