File

core/dynamic-forms/file/file.type.component.ts

Extends

FieldType

Implements

OnInit

Metadata

changeDetection	`ChangeDetectionStrategy.OnPush`
selector	`c8y-field-file`
templateUrl	`./file.type.component.html`

Index

Properties

Static Readonly CONFIG
dropArea
Readonly dropAreaInputs

Methods

ngOnInit

Methods

ngOnInit

ngOnInit()

Returns : void

Properties

Static Readonly CONFIG

CONFIG:     ConfigOption

Type : ConfigOption

Default value :

{
    types: [
      {
        name: 'file',
        component: FieldFile
      }
    ]
  }

dropArea

dropArea:     DropAreaComponent

Type : DropAreaComponent

Decorators :


                                @ViewChild('dropArea', {static: undefined})

Readonly dropAreaInputs

dropAreaInputs:     string[]

Type : string[]

Default value :

[
    'title',
    'message',
    'icon',
    'loadingMessage',
    'alwaysShow',
    'clickToOpen',
    'loading',
    'progress',
    'maxAllowedFiles',
    'files',
    'accept'
  ]

<div class="form-group" role="group" [attr.aria-labelledby]="id + '-fieldset'">
  <div id="{{ id + '-fieldset' }}" class="legend form-block" *ngIf="to.label || to.description">
    {{ to.label }}
    <button
      *ngIf="to.description"
      class="btn-clean text-14 m-l-4"
      [popover]="to.description"
      placement="right"
      outsideClick="true"
      type="button"
    >
      <i c8yIcon="question-circle-o" class="text-primary"></i>
    </button>
  </div>

  <c8y-drop-area #dropArea class="drop-area-sm" [formControl]="formControl"> </c8y-drop-area>

  <div
    class="form-control-feedback-message has-error"
    role="alert"
    *ngIf="showError && formControl.errors"
  >
    <formly-validation-message [field]="field"></formly-validation-message>
  </div>
</div>

File

Extends

Implements

Metadata

Index

Properties

Methods

Methods

Properties

result-matching ""

No results matching ""