File

remote-access/shared/remote-access-basic-endpoint-modal/remote-access-basic-endpoint-modal.component.ts

Implements

OnInit

Metadata

Index

Properties
Methods

Constructor

constructor(formBuilder: FormBuilder)
Parameters :
Name Type Optional
formBuilder FormBuilder No

Methods

cancel
cancel()
Returns : void
initForm
initForm()
Returns : any
ngOnInit
ngOnInit()
Returns : void
save
save()
Returns : void

Properties

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>

results matching ""

    No results matching ""