branding/shared/lazy/branding-import-modal/branding-import-modal.component.ts
| selector | c8y-branding-import-modal |
| standalone | true |
| imports |
CoreModule
|
| templateUrl | ./branding-import-modal.component.html |
Properties |
Methods |
|
constructor(addBrandingModalService: AddBrandingModalService, zip: ZipService, staticAssets: StaticAssetsService, brandings: StoreBrandingService)
|
|||||||||||||||
|
Parameters :
|
| cancel |
cancel()
|
|
Returns :
void
|
| Async droppedFile | ||||||
droppedFile(event: DroppedFile[])
|
||||||
|
Parameters :
Returns :
any
|
| Async import | ||||||
import(file: File)
|
||||||
|
Parameters :
Returns :
any
|
| files |
Type : DroppedFile[]
|
Default value : []
|
| loading |
Default value : false
|
| modal |
Type : ModalComponent
|
Decorators :
@ViewChild(ModalComponent, {static: true})
|
| result |
Default value : new Promise<void>((resolve, reject) => {
this._resovle = resolve;
this._reject = reject;
})
|
<c8y-modal
[title]="'Import branding variant'"
[headerClasses]="'dialog-header'"
(onDismiss)="cancel()"
[labels]="{ cancel: 'Cancel' }"
>
<ng-container c8y-modal-title>
<span c8yIcon="import"></span>
</ng-container>
<div class="p-t-16 p-b-16 p-l-24 p-r-24 separator-bottom">
<p
class="text-medium text-center text-16"
translate
>
Easily copy any branding variant from any tenant
</p>
<p translate class="p-t-8">
Export the branding variant from the source tenant and import the .zip file here. This process
allows you to maintain consistent branding across multiple tenants efficiently.
</p>
</div>
<div
class="p-24 m-r-auto m-l-auto"
style="max-width: 300px"
>
<c8y-drop-area
[icon]="'upload'"
(dropped)="droppedFile($event)"
[files]="files"
[accept]="'.zip'"
[maxAllowedFiles]="1"
[loading]="loading"
></c8y-drop-area>
</div>
</c8y-modal>