ecosystem/add-microservice/add-microservice.component.ts
| selector | c8y-add-microservice |
| templateUrl | ./add-microservice.component.html |
Properties |
Methods |
constructor(bsModalRef: BsModalRef, alertService: AlertService, zipService: ZipService, applicationService: ApplicationService, ecosystemService: EcosystemService, modal: ModalService, tenantService: TenantService)
|
||||||||||||||||||||||||
|
Parameters :
|
| cancel |
cancel()
|
|
Returns :
void
|
| done |
done()
|
|
Returns :
void
|
| ngOnDestroy |
ngOnDestroy()
|
|
Returns :
void
|
| Async onFile | ||||||
onFile(file: File)
|
||||||
|
Parameters :
Returns :
any
|
| onFileDroppedEvent | ||||
onFileDroppedEvent(event)
|
||||
|
Parameters :
Returns :
void
|
| dropAreaComponent |
dropAreaComponent:
|
Decorators :
@ViewChild(DropAreaComponent)
|
| errorMessage |
errorMessage:
|
Type : string
|
| isAppCreated |
isAppCreated:
|
Default value : false
|
| isLoading |
isLoading:
|
Default value : false
|
| progress |
progress:
|
Type : BehaviorSubject<number>
|
Default value : new BehaviorSubject<number>(null)
|
| result |
result:
|
Type : Promise<void>
|
Default value : new Promise((resolve, reject) => {
this._done = resolve;
this._cancel = reject;
})
|
<div class="viewport-modal">
<div class="modal-header dialog-header">
<i [c8yIcon]="'microchip'"></i>
<h4 translate>Add microservice</h4>
</div>
<div class="modal-inner-scroll">
<div class="modal-inner-scroll">
<div class="modal-body">
<c8y-form-group
*ngIf="!isAppCreated; else appCreated"
[hasError]="errorMessage"
class="m-auto"
style="max-width: 285px;"
>
<c8y-drop-area
class="drop-area"
[message]="'Upload zip file' | translate"
(dropped)="onFileDroppedEvent($event)"
[maxAllowedFiles]="1"
[accept]="'.zip'"
[loading]="isLoading"
[progress]="progress | async"
>
</c8y-drop-area>
<c8y-messages>
<c8y-message *ngIf="errorMessage">
{{ errorMessage | translate }}
</c8y-message>
</c8y-messages>
</c8y-form-group>
<ng-template #appCreated>
<div class="text-center m-b-8">
<i c8yIcon="check-circle-o" class="text-success" style="font-size: 5em;"></i>
<br />
<span class="text-success">
<h3 translate>Application created.</h3>
</span>
</div>
</ng-template>
</div>
</div>
<div class="modal-footer">
<button
*ngIf="!isAppCreated"
(click)="cancel()"
type="button"
class="btn btn-default"
title="{{ 'Cancel' | translate }}"
translate
>
Cancel
</button>
<button
*ngIf="isAppCreated"
(click)="done()"
type="button"
class="btn btn-default"
title="{{ 'Done' | translate }}"
translate
>
Done
</button>
</div>
</div>
</div>