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>