@nova-ui/dashboards
Version:
Nova Dashboards is a framework designed to provide feature developers with a common solution for presenting data coming from various sources within a single view, as well as a set of predefined widget visualizations that are 100% configuration-driven and
174 lines • 14.9 kB
JavaScript
// © 2022 SolarWinds Worldwide, LLC. All rights reserved.
//
// Permission is hereby granted, free of charge, to any person obtaining a copy
// of this software and associated documentation files (the "Software"), to
// deal in the Software without restriction, including without limitation the
// rights to use, copy, modify, merge, publish, distribute, sublicense, and/or
// sell copies of the Software, and to permit persons to whom the Software is
// furnished to do so, subject to the following conditions:
//
// The above copyright notice and this permission notice shall be included in
// all copies or substantial portions of the Software.
//
// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
// THE SOFTWARE.
import { ChangeDetectorRef, Component, EventEmitter, Input, Output, } from "@angular/core";
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
import * as i2 from "@nova-ui/bits";
export class DashwizButtonsComponent {
static { this.lateLoadKey = "DashwizButtonsComponent"; }
constructor(changeDetector) {
this.changeDetector = changeDetector;
this.busy = false;
this.canFinish = false;
this.canProceed = false;
this.isFirstStepActive = false;
this.isLastStepActive = false;
this.cancel = new EventEmitter();
this.next = new EventEmitter();
this.back = new EventEmitter();
this.finish = new EventEmitter();
}
onCancel() {
this.cancel.emit();
}
onNext() {
this.next.emit();
}
onBack() {
this.back.emit();
}
onFinish() {
this.finish.emit();
}
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DashwizButtonsComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: DashwizButtonsComponent, selector: "nui-dashwiz-buttons", inputs: { busy: "busy", canFinish: "canFinish", canProceed: "canProceed", isFirstStepActive: "isFirstStepActive", isLastStepActive: "isLastStepActive", nextText: "nextText", finishText: "finishText" }, outputs: { cancel: "cancel", next: "next", back: "back", finish: "finish" }, ngImport: i0, template: `
<div class="d-flex justify-content-end p-4">
<button
nui-button
class="nui-dashwiz-buttons__cancel-button"
type="button"
[disabled]="busy"
(click)="onCancel()"
>
<span i18n>Cancel</span>
</button>
<button
*ngIf="!isFirstStepActive"
class="ml-3 nui-dashwiz-buttons__back-button"
nui-button
icon="caret-left"
type="button"
[disabled]="busy"
(click)="onBack()"
>
<span i18n>Back</span>
</button>
<button
*ngIf="!isLastStepActive && canProceed"
class="ml-3 nui-dashwiz-buttons__next-button"
nui-button
type="button"
[displayStyle]="canFinish ? 'default' : 'primary'"
[disabled]="busy"
(click)="onNext()"
>
<span>{{ nextText }}</span>
</button>
<button
*ngIf="canFinish || isLastStepActive"
class="ml-3 nui-dashwiz-buttons__finish-button"
nui-button
type="button"
displayStyle="primary"
[isBusy]="busy"
[disabled]="busy"
(click)="onFinish()"
>
<span>{{ finishText }}</span>
</button>
</div>
`, isInline: true, dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.ButtonComponent, selector: "[nui-button]", inputs: ["displayStyle", "icon", "iconColor", "iconRight", "isBusy", "isEmpty", "ariaLabel", "isRepeat", "size"] }] }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DashwizButtonsComponent, decorators: [{
type: Component,
args: [{
selector: "nui-dashwiz-buttons",
template: `
<div class="d-flex justify-content-end p-4">
<button
nui-button
class="nui-dashwiz-buttons__cancel-button"
type="button"
[disabled]="busy"
(click)="onCancel()"
>
<span i18n>Cancel</span>
</button>
<button
*ngIf="!isFirstStepActive"
class="ml-3 nui-dashwiz-buttons__back-button"
nui-button
icon="caret-left"
type="button"
[disabled]="busy"
(click)="onBack()"
>
<span i18n>Back</span>
</button>
<button
*ngIf="!isLastStepActive && canProceed"
class="ml-3 nui-dashwiz-buttons__next-button"
nui-button
type="button"
[displayStyle]="canFinish ? 'default' : 'primary'"
[disabled]="busy"
(click)="onNext()"
>
<span>{{ nextText }}</span>
</button>
<button
*ngIf="canFinish || isLastStepActive"
class="ml-3 nui-dashwiz-buttons__finish-button"
nui-button
type="button"
displayStyle="primary"
[isBusy]="busy"
[disabled]="busy"
(click)="onFinish()"
>
<span>{{ finishText }}</span>
</button>
</div>
`,
}]
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { busy: [{
type: Input
}], canFinish: [{
type: Input
}], canProceed: [{
type: Input
}], isFirstStepActive: [{
type: Input
}], isLastStepActive: [{
type: Input
}], nextText: [{
type: Input
}], finishText: [{
type: Input
}], cancel: [{
type: Output
}], next: [{
type: Output
}], back: [{
type: Output
}], finish: [{
type: Output
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGFzaHdpei1idXR0b25zLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYy9saWIvY29uZmlndXJhdG9yL2NvbXBvbmVudHMvd2l6YXJkL2Rhc2h3aXovZGFzaHdpei1idXR0b25zLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSx5REFBeUQ7QUFDekQsRUFBRTtBQUNGLCtFQUErRTtBQUMvRSw0RUFBNEU7QUFDNUUsOEVBQThFO0FBQzlFLCtFQUErRTtBQUMvRSw4RUFBOEU7QUFDOUUsNERBQTREO0FBQzVELEVBQUU7QUFDRiw2RUFBNkU7QUFDN0UsdURBQXVEO0FBQ3ZELEVBQUU7QUFDRiw2RUFBNkU7QUFDN0UsNEVBQTRFO0FBQzVFLCtFQUErRTtBQUMvRSwwRUFBMEU7QUFDMUUsaUZBQWlGO0FBQ2pGLDZFQUE2RTtBQUM3RSxpQkFBaUI7QUFFakIsT0FBTyxFQUNILGlCQUFpQixFQUNqQixTQUFTLEVBQ1QsWUFBWSxFQUNaLEtBQUssRUFDTCxNQUFNLEdBQ1QsTUFBTSxlQUFlLENBQUM7Ozs7QUFzRHZCLE1BQU0sT0FBTyx1QkFBdUI7YUFDekIsZ0JBQVcsR0FBRyx5QkFBeUIsQUFBNUIsQ0FBNkI7SUFFL0MsWUFBbUIsY0FBaUM7UUFBakMsbUJBQWMsR0FBZCxjQUFjLENBQW1CO1FBRXBDLFNBQUksR0FBRyxLQUFLLENBQUM7UUFDYixjQUFTLEdBQUcsS0FBSyxDQUFDO1FBQ2xCLGVBQVUsR0FBRyxLQUFLLENBQUM7UUFDbkIsc0JBQWlCLEdBQUcsS0FBSyxDQUFDO1FBQzFCLHFCQUFnQixHQUFHLEtBQUssQ0FBQztRQUl4QixXQUFNLEdBQUcsSUFBSSxZQUFZLEVBQVEsQ0FBQztRQUNsQyxTQUFJLEdBQUcsSUFBSSxZQUFZLEVBQVEsQ0FBQztRQUNoQyxTQUFJLEdBQUcsSUFBSSxZQUFZLEVBQVEsQ0FBQztRQUNoQyxXQUFNLEdBQUcsSUFBSSxZQUFZLEVBQVEsQ0FBQztJQWJJLENBQUM7SUFlakQsUUFBUTtRQUNYLElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDdkIsQ0FBQztJQUVNLE1BQU07UUFDVCxJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksRUFBRSxDQUFDO0lBQ3JCLENBQUM7SUFFTSxNQUFNO1FBQ1QsSUFBSSxDQUFDLElBQUksQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUNyQixDQUFDO0lBRU0sUUFBUTtRQUNYLElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDdkIsQ0FBQztrSUFoQ1EsdUJBQXVCO3NIQUF2Qix1QkFBdUIsa1ZBaER0Qjs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztLQThDVDs7NEZBRVEsdUJBQXVCO2tCQWxEbkMsU0FBUzttQkFBQztvQkFDUCxRQUFRLEVBQUUscUJBQXFCO29CQUMvQixRQUFRLEVBQUU7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7S0E4Q1Q7aUJBQ0o7c0ZBTW1CLElBQUk7c0JBQW5CLEtBQUs7Z0JBQ1UsU0FBUztzQkFBeEIsS0FBSztnQkFDVSxVQUFVO3NCQUF6QixLQUFLO2dCQUNVLGlCQUFpQjtzQkFBaEMsS0FBSztnQkFDVSxnQkFBZ0I7c0JBQS9CLEtBQUs7Z0JBQ1UsUUFBUTtzQkFBdkIsS0FBSztnQkFDVSxVQUFVO3NCQUF6QixLQUFLO2dCQUVXLE1BQU07c0JBQXRCLE1BQU07Z0JBQ1UsSUFBSTtzQkFBcEIsTUFBTTtnQkFDVSxJQUFJO3NCQUFwQixNQUFNO2dCQUNVLE1BQU07c0JBQXRCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyIvLyDCqSAyMDIyIFNvbGFyV2luZHMgV29ybGR3aWRlLCBMTEMuIEFsbCByaWdodHMgcmVzZXJ2ZWQuXG4vL1xuLy8gUGVybWlzc2lvbiBpcyBoZXJlYnkgZ3JhbnRlZCwgZnJlZSBvZiBjaGFyZ2UsIHRvIGFueSBwZXJzb24gb2J0YWluaW5nIGEgY29weVxuLy8gIG9mIHRoaXMgc29mdHdhcmUgYW5kIGFzc29jaWF0ZWQgZG9jdW1lbnRhdGlvbiBmaWxlcyAodGhlIFwiU29mdHdhcmVcIiksIHRvXG4vLyAgZGVhbCBpbiB0aGUgU29mdHdhcmUgd2l0aG91dCByZXN0cmljdGlvbiwgaW5jbHVkaW5nIHdpdGhvdXQgbGltaXRhdGlvbiB0aGVcbi8vICByaWdodHMgdG8gdXNlLCBjb3B5LCBtb2RpZnksIG1lcmdlLCBwdWJsaXNoLCBkaXN0cmlidXRlLCBzdWJsaWNlbnNlLCBhbmQvb3Jcbi8vICBzZWxsIGNvcGllcyBvZiB0aGUgU29mdHdhcmUsIGFuZCB0byBwZXJtaXQgcGVyc29ucyB0byB3aG9tIHRoZSBTb2Z0d2FyZSBpc1xuLy8gIGZ1cm5pc2hlZCB0byBkbyBzbywgc3ViamVjdCB0byB0aGUgZm9sbG93aW5nIGNvbmRpdGlvbnM6XG4vL1xuLy8gVGhlIGFib3ZlIGNvcHlyaWdodCBub3RpY2UgYW5kIHRoaXMgcGVybWlzc2lvbiBub3RpY2Ugc2hhbGwgYmUgaW5jbHVkZWQgaW5cbi8vICBhbGwgY29waWVzIG9yIHN1YnN0YW50aWFsIHBvcnRpb25zIG9mIHRoZSBTb2Z0d2FyZS5cbi8vXG4vLyBUSEUgU09GVFdBUkUgSVMgUFJPVklERUQgXCJBUyBJU1wiLCBXSVRIT1VUIFdBUlJBTlRZIE9GIEFOWSBLSU5ELCBFWFBSRVNTIE9SXG4vLyAgSU1QTElFRCwgSU5DTFVESU5HIEJVVCBOT1QgTElNSVRFRCBUTyBUSEUgV0FSUkFOVElFUyBPRiBNRVJDSEFOVEFCSUxJVFksXG4vLyAgRklUTkVTUyBGT1IgQSBQQVJUSUNVTEFSIFBVUlBPU0UgQU5EIE5PTklORlJJTkdFTUVOVC4gSU4gTk8gRVZFTlQgU0hBTEwgVEhFXG4vLyAgQVVUSE9SUyBPUiBDT1BZUklHSFQgSE9MREVSUyBCRSBMSUFCTEUgRk9SIEFOWSBDTEFJTSwgREFNQUdFUyBPUiBPVEhFUlxuLy8gIExJQUJJTElUWSwgV0hFVEhFUiBJTiBBTiBBQ1RJT04gT0YgQ09OVFJBQ1QsIFRPUlQgT1IgT1RIRVJXSVNFLCBBUklTSU5HIEZST00sXG4vLyAgT1VUIE9GIE9SIElOIENPTk5FQ1RJT04gV0lUSCBUSEUgU09GVFdBUkUgT1IgVEhFIFVTRSBPUiBPVEhFUiBERUFMSU5HUyBJTlxuLy8gIFRIRSBTT0ZUV0FSRS5cblxuaW1wb3J0IHtcbiAgICBDaGFuZ2VEZXRlY3RvclJlZixcbiAgICBDb21wb25lbnQsXG4gICAgRXZlbnRFbWl0dGVyLFxuICAgIElucHV0LFxuICAgIE91dHB1dCxcbn0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcblxuaW1wb3J0IHsgSURhc2h3aXpCdXR0b25zQ29tcG9uZW50IH0gZnJvbSBcIi4uL3R5cGVzXCI7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiBcIm51aS1kYXNod2l6LWJ1dHRvbnNcIixcbiAgICB0ZW1wbGF0ZTogYFxuICAgICAgICA8ZGl2IGNsYXNzPVwiZC1mbGV4IGp1c3RpZnktY29udGVudC1lbmQgcC00XCI+XG4gICAgICAgICAgICA8YnV0dG9uXG4gICAgICAgICAgICAgICAgbnVpLWJ1dHRvblxuICAgICAgICAgICAgICAgIGNsYXNzPVwibnVpLWRhc2h3aXotYnV0dG9uc19fY2FuY2VsLWJ1dHRvblwiXG4gICAgICAgICAgICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICAgICAgICAgICAgW2Rpc2FibGVkXT1cImJ1c3lcIlxuICAgICAgICAgICAgICAgIChjbGljayk9XCJvbkNhbmNlbCgpXCJcbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICA8c3BhbiBpMThuPkNhbmNlbDwvc3Bhbj5cbiAgICAgICAgICAgIDwvYnV0dG9uPlxuICAgICAgICAgICAgPGJ1dHRvblxuICAgICAgICAgICAgICAgICpuZ0lmPVwiIWlzRmlyc3RTdGVwQWN0aXZlXCJcbiAgICAgICAgICAgICAgICBjbGFzcz1cIm1sLTMgbnVpLWRhc2h3aXotYnV0dG9uc19fYmFjay1idXR0b25cIlxuICAgICAgICAgICAgICAgIG51aS1idXR0b25cbiAgICAgICAgICAgICAgICBpY29uPVwiY2FyZXQtbGVmdFwiXG4gICAgICAgICAgICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICAgICAgICAgICAgW2Rpc2FibGVkXT1cImJ1c3lcIlxuICAgICAgICAgICAgICAgIChjbGljayk9XCJvbkJhY2soKVwiXG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgPHNwYW4gaTE4bj5CYWNrPC9zcGFuPlxuICAgICAgICAgICAgPC9idXR0b24+XG4gICAgICAgICAgICA8YnV0dG9uXG4gICAgICAgICAgICAgICAgKm5nSWY9XCIhaXNMYXN0U3RlcEFjdGl2ZSAmJiBjYW5Qcm9jZWVkXCJcbiAgICAgICAgICAgICAgICBjbGFzcz1cIm1sLTMgbnVpLWRhc2h3aXotYnV0dG9uc19fbmV4dC1idXR0b25cIlxuICAgICAgICAgICAgICAgIG51aS1idXR0b25cbiAgICAgICAgICAgICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAgICAgICAgICAgICBbZGlzcGxheVN0eWxlXT1cImNhbkZpbmlzaCA/ICdkZWZhdWx0JyA6ICdwcmltYXJ5J1wiXG4gICAgICAgICAgICAgICAgW2Rpc2FibGVkXT1cImJ1c3lcIlxuICAgICAgICAgICAgICAgIChjbGljayk9XCJvbk5leHQoKVwiXG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgPHNwYW4+e3sgbmV4dFRleHQgfX08L3NwYW4+XG4gICAgICAgICAgICA8L2J1dHRvbj5cbiAgICAgICAgICAgIDxidXR0b25cbiAgICAgICAgICAgICAgICAqbmdJZj1cImNhbkZpbmlzaCB8fCBpc0xhc3RTdGVwQWN0aXZlXCJcbiAgICAgICAgICAgICAgICBjbGFzcz1cIm1sLTMgbnVpLWRhc2h3aXotYnV0dG9uc19fZmluaXNoLWJ1dHRvblwiXG4gICAgICAgICAgICAgICAgbnVpLWJ1dHRvblxuICAgICAgICAgICAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgICAgICAgICAgIGRpc3BsYXlTdHlsZT1cInByaW1hcnlcIlxuICAgICAgICAgICAgICAgIFtpc0J1c3ldPVwiYnVzeVwiXG4gICAgICAgICAgICAgICAgW2Rpc2FibGVkXT1cImJ1c3lcIlxuICAgICAgICAgICAgICAgIChjbGljayk9XCJvbkZpbmlzaCgpXCJcbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICA8c3Bhbj57eyBmaW5pc2hUZXh0IH19PC9zcGFuPlxuICAgICAgICAgICAgPC9idXR0b24+XG4gICAgICAgIDwvZGl2PlxuICAgIGAsXG59KVxuZXhwb3J0IGNsYXNzIERhc2h3aXpCdXR0b25zQ29tcG9uZW50IGltcGxlbWVudHMgSURhc2h3aXpCdXR0b25zQ29tcG9uZW50IHtcbiAgICBzdGF0aWMgbGF0ZUxvYWRLZXkgPSBcIkRhc2h3aXpCdXR0b25zQ29tcG9uZW50XCI7XG5cbiAgICBjb25zdHJ1Y3RvcihwdWJsaWMgY2hhbmdlRGV0ZWN0b3I6IENoYW5nZURldGVjdG9yUmVmKSB7fVxuXG4gICAgQElucHV0KCkgcHVibGljIGJ1c3kgPSBmYWxzZTtcbiAgICBASW5wdXQoKSBwdWJsaWMgY2FuRmluaXNoID0gZmFsc2U7XG4gICAgQElucHV0KCkgcHVibGljIGNhblByb2NlZWQgPSBmYWxzZTtcbiAgICBASW5wdXQoKSBwdWJsaWMgaXNGaXJzdFN0ZXBBY3RpdmUgPSBmYWxzZTtcbiAgICBASW5wdXQoKSBwdWJsaWMgaXNMYXN0U3RlcEFjdGl2ZSA9IGZhbHNlO1xuICAgIEBJbnB1dCgpIHB1YmxpYyBuZXh0VGV4dDogc3RyaW5nO1xuICAgIEBJbnB1dCgpIHB1YmxpYyBmaW5pc2hUZXh0OiBzdHJpbmc7XG5cbiAgICBAT3V0cHV0KCkgcHVibGljIGNhbmNlbCA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcbiAgICBAT3V0cHV0KCkgcHVibGljIG5leHQgPSBuZXcgRXZlbnRFbWl0dGVyPHZvaWQ+KCk7XG4gICAgQE91dHB1dCgpIHB1YmxpYyBiYWNrID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xuICAgIEBPdXRwdXQoKSBwdWJsaWMgZmluaXNoID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xuXG4gICAgcHVibGljIG9uQ2FuY2VsKCk6IHZvaWQge1xuICAgICAgICB0aGlzLmNhbmNlbC5lbWl0KCk7XG4gICAgfVxuXG4gICAgcHVibGljIG9uTmV4dCgpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5uZXh0LmVtaXQoKTtcbiAgICB9XG5cbiAgICBwdWJsaWMgb25CYWNrKCk6IHZvaWQge1xuICAgICAgICB0aGlzLmJhY2suZW1pdCgpO1xuICAgIH1cblxuICAgIHB1YmxpYyBvbkZpbmlzaCgpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5maW5pc2guZW1pdCgpO1xuICAgIH1cbn1cbiJdfQ==