Web SDK documentation
  1. Components
  2. AddTrustedCertificateComponent

File

trusted-certificates/list/add-trusted-certificate.component.ts

Metadata

selector c8y-add-trusted-certificate
templateUrl ./add-trusted-certificate.component.html

Index

Properties
Methods

Constructor

constructor(modal: BsModalRef, trustedCertificateService: TrustedCertificateService, alertService: AlertService, gainsightService: GainsightService)
Parameters :
Name Type Optional
modal BsModalRef No
trustedCertificateService TrustedCertificateService No
alertService AlertService No
gainsightService GainsightService No

Methods

close
close()
Returns : void
Async save
save()
Returns : any
uploadFile
uploadFile(dropped: DroppedFile[])
Parameters :
Name Type Optional
dropped DroppedFile[] No
Returns : void

Properties

AUTO_REGISTRATION_POPOVER
Default value : gettext( 'Devices using the MQTT protocol with credentials signed by this certificate will be able to communicate with the platform without prior registration. The option does not support devices using the LWM2M protocol.' )
fileIsUploaded
Default value : false
maxAllowedFiles
Type : number
Default value : 1
PRODUCT_EXPERIENCE
Default value : PRODUCT_EXPERIENCE_TRUSTED_CERTIFICATES
result
Type : Promise<any>
Default value : new Promise((resolve, reject) => { this._save = resolve; this._cancel = reject; })
trustedCertificate
Type : Partial<ITrustedCertificate>
Default value : { status: 'DISABLED' } 
<div class="viewport-modal">
  <div class="modal-header dialog-header">
    <i c8yIcon="certificate"></i>
    <div
      class="modal-title"
      id="addCertificateModalTitle"
      translate
    >
      Add trusted certificate
    </div>
  </div>
  <form
    #addTrustedCertificateForm="ngForm"
    (ngSubmit)="addTrustedCertificateForm.form.valid && fileIsUploaded && save()"
  >
    <div class="modal-inner-scroll">
      <div
        class="modal-body"
        id="addCertificateModalDescription"
      >
        <c8y-form-group>
          <label
            for="certificateName"
            translate
          >
            Certificate name
          </label>
          <input
            class="form-control"
            id="certificateName"
            placeholder="{{ 'e.g. My certificate' | translate }}"
            name="certificateName"
            type="text"
            autocomplete="off"
            required
            [(ngModel)]="trustedCertificate.name"
          />
        </c8y-form-group>
        <c8y-form-group>
          <label
            for="certificate"
            translate
          >
            Certificate
          </label>
          <c8y-drop-area
            class="drop-area-sm"
            [title]="'Paste the certificate in PEM format.' | translate"
            (dropped)="uploadFile($event)"
            [loadingMessage]="'Importing, please wait.' | translate"
            [maxAllowedFiles]="maxAllowedFiles"
          ></c8y-drop-area>
        </c8y-form-group>
        <c8y-form-group>
          <label
            class="c8y-checkbox"
            title="{{ 'Auto registration' | translate }}"
          >
            <input
              id="autoRegistration"
              name="autoRegistration"
              type="checkbox"
              [(ngModel)]="trustedCertificate.autoRegistrationEnabled"
            />
            <span></span>
            <span>{{ 'Auto registration' | translate }}</span>
            <button
              class="btn-help"
              [attr.aria-label]="'Help' | translate"
              popover="{{ AUTO_REGISTRATION_POPOVER | translate }}"
              placement="right"
              triggers="focus"
              container="body"
              type="button"
            ></button>
          </label>
        </c8y-form-group>
        <button
          class="btn"
          name="certificateStatus"
          type="button"
          [(ngModel)]="trustedCertificate.status"
          btnCheckbox
          btnCheckboxTrue="ENABLED"
          btnCheckboxFalse="DISABLED"
        >
          <span
            title="{{ 'Disabled`trusted certificate status`' | translate }}"
            [hidden]="trustedCertificate.status !== 'DISABLED'"
          >
            {{ 'Disabled`trusted certificate status`' | translate }}
          </span>
          <span
            title="{{ 'Enabled`trusted certificate status`' | translate }}"
            [hidden]="trustedCertificate.status !== 'ENABLED'"
          >
            {{ 'Enabled`trusted certificate status`' | translate }}
          </span>
        </button>
      </div>
    </div>
    <div class="modal-footer">
      <button
        class="btn btn-default"
        title="{{ 'Cancel' | translate }}"
        type="button"
        (click)="close()"
      >
        {{ 'Cancel' | translate }}
      </button>

      <button
        class="btn btn-primary"
        title="{{ 'Add certificate' | translate }}"
        type="submit"
        [disabled]="
          addTrustedCertificateForm.form.invalid ||
          addTrustedCertificateForm.form.pristine ||
          !fileIsUploaded
        "
      >
        {{ 'Add certificate' | translate }}
      </button>
    </div>
  </form>
</div>

results matching ""

    No results matching ""