@deepkit/api-console-gui
Version:
API Console GUI
58 lines (55 loc) • 2.15 kB
JavaScript
import { __decorate } from "tslib";
import { Component, input } from '@angular/core';
import { arrayRemoveItem, copy } from '@deepkit/core';
import { ButtonComponent, CloseDialogDirective, DialogActionsComponent, FormRowComponent, InputComponent } from '@deepkit/desktop-ui';
import { FormsModule } from '@angular/forms';
import { HeadersComponent } from './headers.component';
let EnvironmentDialogComponent = class EnvironmentDialogComponent {
constructor(store, dialogComponent) {
this.store = store;
this.dialogComponent = dialogComponent;
this.environment = input.required();
}
remove() {
if (!this.store.state.environments.length)
return;
arrayRemoveItem(this.store.state.environments, this.environment());
this.store.state.environments = copy(this.store.state.environments);
this.store.state.activeEnvironment = this.store.state.environments[0];
this.dialogComponent.close();
}
};
EnvironmentDialogComponent.dialogDefaults = {
width: '500px',
};
EnvironmentDialogComponent = __decorate([
Component({
template: `
<h2>Environment</h2>
<div style="margin-top: 10px;">
<dui-form-row label="Name:">
<dui-input [required]="true" [(ngModel)]="environment().name"></dui-input>
</dui-form-row>
<div>
<h3 style="margin-bottom: 5px;">Headers</h3>
<api-console-headers [(model)]="environment().headers"></api-console-headers>
</div>
</div>
<dui-dialog-actions>
<dui-button style="margin-right: auto;" [disabled]="store.state.environments.length === 1" (click)="remove()">Delete</dui-button>
<dui-button closeDialog>OK</dui-button>
</dui-dialog-actions>
`,
imports: [
FormRowComponent,
InputComponent,
FormsModule,
HeadersComponent,
DialogActionsComponent,
ButtonComponent,
CloseDialogDirective,
],
})
], EnvironmentDialogComponent);
export { EnvironmentDialogComponent };
//# sourceMappingURL=environment-dialog.component.js.map