core/navigator/navigator-bottom/navigator-bottom.component.ts
host | { |
selector | c8y-navigator-bottom |
standalone | true |
imports |
AsyncPipe
NgIf
C8yTranslateDirective
|
templateUrl | ./navigator-bottom.component.html |
Properties |
constructor(bottomService: NavigatorBottomService)
|
||||||
Parameters :
|
hasCustomNavigatorLogoSet$ |
Default value : this.bottomService.hasCustomNavigatorLogoSet()
|
hasHidePoweredSet$ |
Default value : this.bottomService.hasHidePoweredSet()
|
<div
class="d-flex gap-8 {{!(hasCustomNavigatorLogoSet$ | async) ? 'c8y-logo' : ''}}"
*ngIf="!(hasCustomNavigatorLogoSet$ | async); else branded"
>
<p
*ngIf="!(hasHidePoweredSet$ | async)"
class="powered-by text-left a-s-end"
translate
>
powered by
</p>
<a href="https://cumulocity.com" target="_blank" title="Cumulocity" class="tenant-brand"></a>
</div>
<ng-template #branded>
<div class="logo-spacer"></div>
<div class="tenant-brand"></div>
<p
class="powered-by text-center a-s-center"
*ngIf="!(hasHidePoweredSet$ | async)"
translate
>
powered by <a href="https://cumulocity.com" target="_blank">Cumulocity</a>
</p>
<div class="logo-spacer"></div>
</ng-template>