remote-access/shared/ssh-key-input/ssh-key-input.component.ts
OnInit
OnChanges
ControlValueAccessor
providers |
{
provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => SshKeyInputComponent), multi: true
}
|
selector | c8y-ssh-key-input |
standalone | true |
imports |
C8yTranslatePipe
NgIf
DropAreaComponent
FormsModule
|
templateUrl | ./ssh-key-input.component.html |
Properties |
Methods |
Inputs |
keyType |
Default value : types[0].value
|
newValue | ||||||
newValue(value: string)
|
||||||
Parameters :
Returns :
void
|
ngOnChanges | ||||||
ngOnChanges(changes: SimpleChanges)
|
||||||
Parameters :
Returns :
void
|
ngOnInit |
ngOnInit()
|
Returns :
void
|
Async onKeyFileSelected | ||||||
onKeyFileSelected(event: DroppedFile[])
|
||||||
Parameters :
Returns :
any
|
registerOnChange | ||||||
registerOnChange(fn: any)
|
||||||
Parameters :
Returns :
void
|
registerOnTouched | ||||||
registerOnTouched(fn: any)
|
||||||
Parameters :
Returns :
void
|
Optional setDisabledState | ||||||
setDisabledState(isDisabled: boolean)
|
||||||
Parameters :
Returns :
void
|
writeValue | ||||||
writeValue(obj: string)
|
||||||
Parameters :
Returns :
void
|
onChange |
Type : function
|
onTouch |
Type : function
|
placeholder |
Type : string
|
readonly |
Default value : false
|
value |
Type : string
|
Default value : ''
|
<div class="form-group">
<div class="tight-grid">
<div class="col-xs-8">
<input
[placeholder]="'e.g. {{ example }}' | translate : { example: placeholder }"
type="text"
class="form-control"
[ngModel]="value"
(ngModelChange)="newValue($event)"
[readonly]="readonly"
[ngModelOptions]="{standalone: true}"
/>
</div>
<div class="col-xs-4" *ngIf="!readonly">
<c8y-drop-area class="drop-area-sm" (dropped)="onKeyFileSelected($event)" [maxAllowedFiles]="1" [icon]="'upload'"></c8y-drop-area>
</div>
</div>
</div>