Headless CMS and Content Managment Hub
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.
 
 
 
 
 

57 lines
2.3 KiB

<ul class="nav navbar-nav">
<li class="nav-item dropdown">
<span class="nav-link dropdown-toggle" id="app-name" (click)="appsMenu.toggle()">
<ng-container *ngIf="appsState.selectedApp | async; let selectedApp; else noApp">
{{selectedApp.name}}
</ng-container>
<ng-template #noApp>
Apps Overview
</ng-template>
</span>
<ng-container *ngIf="appsState.apps | async; let apps">
<div class="dropdown-menu" *sqxModalView="appsMenu;closeAlways:true" @fade>
<a class="dropdown-item all-apps" routerLink="/app">
<span class="all-apps-text">All Apps</span>
<span class="all-apps-pill badge badge-pill badge-primary">{{apps.length}}</span>
</a>
<div class="dropdown-divider"></div>
<ng-container *ngIf="apps.length > 0">
<div class="apps-list">
<a class="dropdown-item" *ngFor="let app of apps" [routerLink]="['/app', app.name]" routerLinkActive="active">{{app.name}}</a>
</div>
<div class="dropdown-divider"></div>
</ng-container>
<div class="dropdown-button">
<button type="button" class="btn btn-block btn-success" (click)="createApp()">
<i class="icon-plus"></i> Create New App
</button>
</div>
</div>
</ng-container>
</li>
<ng-container *ngIf="appsState.selectedApp | async; let selectedApp">
<li class="nav-item" *ngIf="selectedApp.planUpgrade && selectedApp.planName && selectedApp.permission === 'Owner'">
<div class="btn-group app-upgrade">
<button type="button" class="btn btn-primary btn-plan">
You are on the <strong>{{selectedApp.planName}}</strong> plan.
</button>
<button type="button" class="btn btn-warning" [routerLink]="['/app', selectedApp.name, 'settings', 'plans']">
Upgrade!
</button>
</div>
</li>
</ng-container>
</ul>
<ng-container *sqxModalView="addAppDialog;onRoot:true">
<sqx-app-form
(completed)="addAppDialog.hide()">
</sqx-app-form>
</ng-container>