remote-access/shared/remote-access-basic-endpoint-modal/remote-access-basic-endpoint-modal.component.ts
OnInit
| selector | c8y-remote-access-basic-endpoint-modal |
| standalone | true |
| imports |
CoreModule
|
| templateUrl | ./remote-access-basic-endpoint-modal.component.html |
Properties |
Methods |
constructor(formBuilder: FormBuilder)
|
||||||
|
Parameters :
|
| cancel |
cancel()
|
|
Returns :
void
|
| initForm |
initForm()
|
|
Returns :
any
|
| ngOnInit |
ngOnInit()
|
|
Returns :
void
|
| save |
save()
|
|
Returns :
void
|
| currentValue |
Type : Partial<RemoteAccessConfiguration>
|
| form |
Type : ReturnType<>
|
| result |
Default value : new Promise<ReturnType<typeof this.initForm>['value']>((resolve, reject) => {
this._resolve = resolve;
this._reject = reject;
})
|
| title |
Default value : gettext('Remote access endpoint')
|
<c8y-modal
[title]="title"
[headerClasses]="'dialog-header'"
(onDismiss)="cancel()"
(onClose)="save()"
[disabled]="form.invalid"
[labels]="{ cancel: 'Cancel', ok: 'Save' }"
>
<ng-container c8y-modal-title>
<span [c8yIcon]="'laptop'"></span>
</ng-container>
<div
class="p-24"
[formGroup]="form"
>
<c8y-form-group>
<label
for="name"
translate
>
Name
</label>
<input
class="form-control"
id="name"
[placeholder]="'e.g. {{ example }}' | translate : { example: 'My remote access endpoint' }"
name="name"
type="text"
formControlName="name"
[attr.data-cy]="'remoteAccessEndpointModal--name'"
/>
<c8y-messages></c8y-messages>
</c8y-form-group>
<c8y-form-group>
<label
for="protocol"
translate
>
Protocol
</label>
<input
class="form-control"
id="protocol"
readonly
name="protocol"
type="text"
formControlName="protocol"
/>
<c8y-messages></c8y-messages>
</c8y-form-group>
<c8y-form-group>
<label
for="hostname"
translate
>
Host
</label>
<input
class="form-control"
id="hostname"
placeholder="{{'e.g. {{ example }}' | translate : { example: '127.0.0.1' } }}"
name="hostname"
type="text"
formControlName="hostname"
[attr.data-cy]="'remoteAccessEndpointModal--hostname'"
/>
<c8y-messages></c8y-messages>
</c8y-form-group>
<c8y-form-group>
<label
for="port"
translate
>
Port
</label>
<input
class="form-control"
id="port"
placeholder="{{'e.g. {{ example }}' | translate : { example: '8080' } }}"
name="port"
type="number"
formControlName="port"
[attr.data-cy]="'remoteAccessEndpointModal--port'"
/>
<c8y-messages></c8y-messages>
</c8y-form-group>
</div>
</c8y-modal>