angular/projects/ng-devtools/src/lib/devtools.component.html

31 lines
1 KiB
HTML

<ng-container *ngIf="angularExists === true; else errorOrLoad">
<ng-container *ngIf="supportedVersion; else notSupported">
<div class="devtools-wrapper noselect" [@enterAnimation]>
<ng-devtools-tabs [angularVersion]="angularVersion"></ng-devtools-tabs>
</div>
</ng-container>
<ng-template #notSupported>
<ng-container *ngIf="prodMode; else versionTooLow">
<p class="text-message">
Angular Devtools only supports dev mode.
</p>
</ng-container>
<ng-template #versionTooLow>
<p class="text-message">
Angular Devtools only supports Angular versions 9 and above.
</p>
</ng-template>
</ng-template>
</ng-container>
<ng-template #errorOrLoad>
<ng-container *ngIf="angularExists === false; else load">
<p class="text-message">
Not an Angular app running in development mode
</p>
</ng-container>
<ng-template #load>
<div class="initializing" *ngIf="angularExists === null">
<div class="loading"></div>
</div>
</ng-template>
</ng-template>