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.
60 lines
2.5 KiB
60 lines
2.5 KiB
<sqx-title message="{app} | Languages | Settings" parameter1="app" [value1]="appsState.appName"></sqx-title>
|
|
|
|
<sqx-panel desiredWidth="50rem" [showSidebar]="true">
|
|
<ng-container title>
|
|
Languages
|
|
</ng-container>
|
|
|
|
<ng-container menu>
|
|
<button class="btn btn-text-secondary" (click)="reload()" title="Refresh languages (CTRL + SHIFT + R)">
|
|
<i class="icon-reset"></i> Refresh
|
|
</button>
|
|
|
|
<sqx-shortcut keys="ctrl+shift+r" (trigger)="reload()"></sqx-shortcut>
|
|
</ng-container>
|
|
|
|
<ng-container content>
|
|
<ng-container *ngIf="languagesState.isLoaded | async">
|
|
<ng-container *ngIf="languagesState.languages | async; let languages">
|
|
<sqx-language *ngFor="let languageInfo of languages; trackBy: trackByLanguage"
|
|
[language]="languageInfo.language"
|
|
[fallbackLanguages]="languageInfo.fallbackLanguages"
|
|
[fallbackLanguagesNew]="languageInfo.fallbackLanguagesNew">
|
|
</sqx-language>
|
|
</ng-container>
|
|
|
|
<ng-container *ngIf="languagesState.newLanguages | async; let newLanguages">
|
|
<div class="table-items-footer">
|
|
<form [formGroup]="addLanguageForm.form" (ngSubmit)="addLanguage()">
|
|
<div class="row no-gutters">
|
|
<div class="col">
|
|
<select class="form-control" formControlName="language">
|
|
<option *ngFor="let language of newLanguages" [ngValue]="language">{{language.englishName}}</option>
|
|
</select>
|
|
</div>
|
|
<div class="col-auto pl-1">
|
|
<button type="submit" class="btn btn-success">Add Language</button>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</ng-container>
|
|
</ng-container>
|
|
</ng-container>
|
|
|
|
<ng-container sidebar>
|
|
<sqx-tooltip position="leftTop" [target]="historyLink">History</sqx-tooltip>
|
|
|
|
<a class="panel-link" routerLink="history" routerLinkActive="active" #historyLink>
|
|
<i class="icon-time"></i>
|
|
</a>
|
|
|
|
<sqx-tooltip position="leftTop" [target]="helpLink">Help</sqx-tooltip>
|
|
|
|
<a class="panel-link" routerLink="help" routerLinkActive="active" #helpLink>
|
|
<i class="icon-help"></i>
|
|
</a>
|
|
</ng-container>
|
|
</sqx-panel>
|
|
|
|
<router-outlet></router-outlet>
|