Web SDK documentation
  1. Components
  2. ConfigurationDetailComponent

File

repository/configuration/list/configuration-detail.component.ts

Implements

ModalModel

Metadata

selector c8y-configuration-detail
templateUrl ./configuration-detail.component.html

Index

Properties
Methods

Constructor

constructor(repositoryService: RepositoryService, bsModalRef: BsModalRef, alert: AlertService)
Parameters :
Name Type Optional
repositoryService RepositoryService No
bsModalRef BsModalRef No
alert AlertService No

Methods

cancel
cancel()
Returns : void
Async ngOnInit
ngOnInit()
Returns : any
onFile
onFile(dropped: PickedFiles)
Parameters :
Name Type Optional
dropped PickedFiles No
Returns : void
Async save
save()
Returns : any
setPipe
setPipe(filterStr: string)
Parameters :
Name Type Optional
filterStr string No
Returns : void

Properties

binary
Type : literal type
Default value : { file: undefined, url: undefined }
configs
configurationForm
Type : NgForm
Decorators :
@ViewChild('configurationForm', {static: true})
configurationTypeMO
Type : Partial<IManagedObject>
description
Type : string
deviceType
Type : string
existingBinary
Type : File
filterPipe
Type : ForOfFilterPipe
mo
Type : Partial<IManagedObject>
Default value : {}
pattern
Type : string
Default value : ''
result
Type : Promise<void>
Default value : new Promise((resolve, reject) => { this._save = resolve; this._cancel = reject; })
saving
Default value : false
submitButtonTitle
Type : string
textForConfigurationUrlPopover
Type : string
Default value : gettext(`Path for binaries can vary depending on device agent implementation, for example: /configuration/binaries/configuration1.bin https://configuration/binary/123 ftp://configuration/binary/123.tar.gz Configurations with external URLs only work with the configuration typed devices (file-based configuration), not with devices with a legacy configuration. `)
uploadChoice
Type : "uploadBinary" | "uploadUrl"
Default value : 'uploadBinary'
ValidationPattern
Default value : ValidationPattern
version
Type : string 
<div class="viewport-modal">
  <div
    class="modal-header dialog-header"
    id="configurationModalTitle"
  >
    <i [c8yIcon]="'cogs'"></i>
    <h4
      id="modal-title"
      translate
      *ngIf="mo.id"
    >
      Update configuration
    </h4>
    <h4
      id="modal-title"
      translate
      *ngIf="!mo.id"
    >
      Add configuration
    </h4>
  </div>

  <form
    class="d-contents"
    #configurationForm="ngForm"
    (ngSubmit)="configurationForm.form.valid && save()"
  >
    <div
      class="modal-inner-scroll"
      id="modal-body"
    >
      <div
        class="modal-body"
        id="configurationModalDescription"
      >
        <c8y-form-group>
          <label translate>Name</label>
          <input
            class="form-control"
            placeholder="{{ 'e.g.' | translate }} hosts"
            name="version"
            type="text"
            autocomplete="off"
            required
            maxlength="254"
            [(ngModel)]="version"
            [pattern]="ValidationPattern.rules.noWhiteSpaceOnly.pattern"
          />
        </c8y-form-group>

        <c8y-form-group>
          <label translate>Device type</label>
          <input
            class="form-control"
            placeholder="{{ 'e.g.' | translate }} c8y_Linux"
            name="deviceType"
            type="text"
            autocomplete="off"
            maxlength="254"
            [(ngModel)]="deviceType"
            [pattern]="ValidationPattern.rules.noWhiteSpaceOnly.pattern"
          />
        </c8y-form-group>

        <c8y-form-group>
          <label translate>Description</label>
          <input
            class="form-control"
            placeholder="{{ 'e.g. Host configuration' | translate }} c8y_Linux"
            name="description"
            type="text"
            autocomplete="off"
            maxlength="254"
            [(ngModel)]="description"
            [pattern]="ValidationPattern.rules.noWhiteSpaceOnly.pattern"
          />
        </c8y-form-group>

        <c8y-form-group>
          <label translate>Configuration type</label>
          <c8y-typeahead
            placeholder="{{ 'e.g.' | translate }} ssh"
            name="confType"
            [(ngModel)]="configurationTypeMO"
            maxlength="254"
            (onSearch)="setPipe($event)"
            displayProperty="configurationType"
          >
            <c8y-li
              class="p-l-8 p-r-8 c8y-list__item--link"
              *c8yFor="let config of configs; pipe: filterPipe; notFound: notFoundTemplate"
              (click)="configurationTypeMO = config; setPipe('')"
              [active]="configurationTypeMO === config"
            >
              <c8y-highlight
                [text]="config.configurationType || '--'"
                [pattern]="pattern"
              ></c8y-highlight>
            </c8y-li>
            <ng-template #notFoundTemplate>
              <c8y-li
                class="bg-level-2 p-8"
                *ngIf="pattern.length > 0"
              >
                <span translate>No match found.</span>
                <button
                  class="btn btn-primary btn-xs m-l-8"
                  title="{{ 'Add new`configuration type`' | translate }}"
                  type="button"
                  translate
                >
                  Add new`configuration type`
                </button>
              </c8y-li>
            </ng-template>
          </c8y-typeahead>
        </c8y-form-group>

        <c8y-form-group>
          <div
            class="legend form-block m-t-40"
            translate
          >
            Configuration file
          </div>
          <c8y-file-picker
            [maxAllowedFiles]="1"
            (onFilesPicked)="onFile($event)"
            [uploadChoice]="uploadChoice"
            [fileUrl]="binary.url"
            [fileBinary]="binary.file"
            [fileUrlPopover]="textForConfigurationUrlPopover"
          ></c8y-file-picker>
        </c8y-form-group>
      </div>
    </div>

    <div class="modal-footer">
      <button
        class="btn btn-default"
        title="{{ 'Cancel' | translate }}"
        type="button"
        (click)="cancel()"
        [disabled]="saving"
      >
        <span translate>Cancel</span>
      </button>
      <button
        class="btn btn-primary"
        title="{{ submitButtonTitle | translate }}"
        type="submit"
        [ngClass]="{ 'btn-pending': saving }"
        [disabled]="
          !configurationForm.valid ||
          configurationForm.pristine ||
          (!binary?.url?.trim() && !binary?.file) ||
          saving
        "
      >
        {{ submitButtonTitle | translate }}
      </button>
    </div>
  </form>
</div>

results matching ""

    No results matching ""