mirror of https://github.com/Squidex/squidex.git
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
66 lines
2.9 KiB
66 lines
2.9 KiB
<ul class="nav navbar-nav align-items-center flex-nowrap">
|
|
<li class="nav-item dropdown">
|
|
<span class="form-select" id="app-name" (click)="appsMenu.toggle()" #button>
|
|
<ng-container *ngIf="appsState.selectedApp | async; let app; else noApp">
|
|
{{app.displayName}}
|
|
</ng-container>
|
|
|
|
<ng-template #noApp>
|
|
{{ 'apps.appsButtonFallbackTitle' | sqxTranslate }}
|
|
</ng-template>
|
|
</span>
|
|
|
|
<ng-container *ngIf="appsState.apps | async; let apps">
|
|
<ng-container *sqxModal="appsMenu;closeAlways:true;onRoot:false">
|
|
<div class="dropdown-menu" [sqxAnchoredTo]="button" position="bottom-left" @fade>
|
|
<a class="dropdown-item" routerLink="/app">
|
|
<div class="row g-0 align-items-center">
|
|
<div class="col">
|
|
<h3>{{ 'apps.allApps' | sqxTranslate }}</h3>
|
|
</div>
|
|
<div class="col-auto">
|
|
<span class="badge badge-primary rounded-pill">{{apps.length}}</span>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
|
|
<ng-container *ngIf="apps.length > 0">
|
|
<div class="dropdown-divider"></div>
|
|
|
|
<div class="apps-list">
|
|
<a class="dropdown-item" *ngFor="let app of apps; trackBy: trackByApp" [routerLink]="['/app', app.name]" routerLinkActive="active">
|
|
{{app.displayName}}
|
|
</a>
|
|
</div>
|
|
</ng-container>
|
|
|
|
<ng-container *ngIf="(uiState.settings | async)?.canCreateApps">
|
|
<div class="dropdown-divider"></div>
|
|
|
|
<div class="dropdown-header">
|
|
<button type="button" class="btn btn-block btn-success" (click)="addAppDialog.show()">
|
|
<i class="icon-plus"></i> {{ 'apps.appsButtonCreate' | sqxTranslate }}
|
|
</button>
|
|
</div>
|
|
</ng-container>
|
|
</div>
|
|
</ng-container>
|
|
</ng-container>
|
|
</li>
|
|
|
|
<nav aria-label="breadcrumb" *ngIf="appPath | async; let path">
|
|
<ol class="breadcrumb ms-2" *ngIf="path.length > 0">
|
|
<li class="breadcrumb-item"></li>
|
|
<li class="breadcrumb-item" *ngFor="let item of path; trackBy: trackByTitle; let last = last" [class.active]="last">
|
|
<a [routerLink]="item.route" [relativeTo]="route" [class.disabled]="last">{{item.localized}}</a>
|
|
</li>
|
|
</ol>
|
|
</nav>
|
|
</ul>
|
|
|
|
|
|
<ng-container *sqxModal="addAppDialog">
|
|
<sqx-app-form
|
|
(complete)="addAppDialog.hide()">
|
|
</sqx-app-form>
|
|
</ng-container>
|