mirror of
https://gitlab.com/openstapps/openstapps.git
synced 2026-01-20 08:33:11 +00:00
56 lines
1.7 KiB
HTML
56 lines
1.7 KiB
HTML
<!--
|
|
~ Copyright (C) 2022 StApps
|
|
~ This program is free software: you can redistribute it and/or modify it
|
|
~ under the terms of the GNU General Public License as published by the Free
|
|
~ Software Foundation, version 3.
|
|
~
|
|
~ This program is distributed in the hope that it will be useful, but WITHOUT
|
|
~ ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or
|
|
~ FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for
|
|
~ more details.
|
|
~
|
|
~ You should have received a copy of the GNU General Public License along with
|
|
~ this program. If not, see <https://www.gnu.org/licenses/>.
|
|
-->
|
|
|
|
<ng-container *ngIf="path | async as stack">
|
|
<ion-breadcrumbs
|
|
color="light"
|
|
[itemsBeforeCollapse]="1"
|
|
[itemsAfterCollapse]="($width | async) >= 768 ? 1 : 0"
|
|
[maxItems]="2"
|
|
(ionCollapsedClick)="popover.present($event)"
|
|
>
|
|
<ion-breadcrumb *ngFor="let fragment of stack">
|
|
<ion-label
|
|
(click)="dataRoutingService.emitPathEvent(fragment)"
|
|
[style.max-width]="
|
|
stack.length === 1
|
|
? '100%'
|
|
: stack.length === 2
|
|
? '40vw'
|
|
: ($width | async) >= 768
|
|
? '30vw'
|
|
: 'calc(100vw - 120px)'
|
|
"
|
|
class="crumb-label"
|
|
>{{ 'name' | thingTranslate: $any(fragment) }}</ion-label
|
|
>
|
|
</ion-breadcrumb>
|
|
</ion-breadcrumbs>
|
|
<ion-popover #popover>
|
|
<ng-template>
|
|
<ion-list>
|
|
<ion-item
|
|
button
|
|
*ngFor="let fragment of stack"
|
|
(click)="
|
|
dataRoutingService.emitPathEvent(fragment); popover.dismiss()
|
|
"
|
|
>{{ 'name' | thingTranslate: $any(fragment) }}</ion-item
|
|
>
|
|
</ion-list>
|
|
</ng-template>
|
|
</ion-popover>
|
|
</ng-container>
|