Languages selector adapted to new state

src/Squidex/app/features/content/pages/content/content-field.component.html

@@ -7,7 +7,7 @@
 
     <ng-container *ngIf="field.isLocalizable && languages.length > 1">
         <div class="languages-buttons" #buttonLanguages>
-            <sqx-language-selector size="sm" (selectedLanguageChanged)="selectLanguage($event)" [languages]="languages"></sqx-language-selector>
+            <sqx-language-selector size="sm" (selectedLanguageChanged)="selectLanguage($event)" [languages]="languages.values"></sqx-language-selector>
         </div>
 
         <sqx-onboarding-tooltip id="languages" [for]="buttonLanguages" position="topRight" after="120000">

src/Squidex/app/features/content/pages/content/content-field.component.scss

@@ -8,7 +8,7 @@
 }
 
 .languages-buttons {
-    @include absolute(1rem, 1.25rem, auto, auto);
+    @include absolute(.7rem, 1.25rem, auto, auto);
 }
 
 .invalid {

src/Squidex/app/features/content/pages/content/content-field.component.ts

@@ -40,7 +40,7 @@ export class ContentFieldComponent implements OnInit {
 
     public ngOnInit() {
         if (!this.language) {
-            this.language = this.languages[0];
+            this.language = this.languages.at(0);
         }
 
         if (this.field.isLocalizable) {

src/Squidex/app/features/content/pages/content/content-page.component.ts

@@ -13,7 +13,6 @@ import { Observable, Subscription } from 'rxjs';
 import { ContentVersionSelected } from './../messages';
 
 import {
-    allData,
     AppContext,
     AppLanguageDto,
     CanComponentDeactivate,
@@ -82,9 +81,6 @@ export class ContentPageComponent implements CanComponentDeactivate, OnDestroy,
         this.selectedSchemaSubscription =
             this.schemasState.selectedSchema
                 .subscribe(schema => {
-                    const routeData = allData(this.ctx.route);
-
-                    this.setupLanguages(routeData);
                     this.setupContentForm(schema!);
                 });
 
@@ -205,10 +201,6 @@ export class ContentPageComponent implements CanComponentDeactivate, OnDestroy,
         }
     }
 
-    private setupLanguages(routeData: { [name: string]: any; }) {
-        this.languages = routeData.appLanguages;
-    }
-
     private setupContentForm(schema: SchemaDetailsDto) {
         this.schema = schema;
 

src/Squidex/app/features/content/pages/contents/contents-page.component.html

@@ -21,7 +21,7 @@
         <sqx-search-form (queryChanged)="search($event)" [query]="contentsQuery" enableShortcut="true"></sqx-search-form>
 
         <ng-container *ngIf="languages.length > 1">
-            <sqx-language-selector class="languages-buttons" (selectedLanguageChanged)="selectLanguage($event)" [languages]="languages"></sqx-language-selector>
+            <sqx-language-selector class="languages-buttons" (selectedLanguageChanged)="selectLanguage($event)" [languages]="languages.values"></sqx-language-selector>
         </ng-container>
 
         <button class="btn btn-success" #newButton routerLink="new" title="New Content (CTRL + SHIFT + G)">

src/Squidex/app/features/content/shared/contents-selector.component.html

@@ -12,7 +12,7 @@
             <sqx-search-form (queryChanged)="search($event)" [canArchive]="false"></sqx-search-form>
 
             <ng-container *ngIf="languages.length > 1">
-                <sqx-language-selector class="languages-buttons" (selectedLanguageChanged)="selectLanguage($event)" [languages]="languages"></sqx-language-selector>
+                <sqx-language-selector class="languages-buttons" (selectedLanguageChanged)="selectLanguage($event)" [languages]="languages.values"></sqx-language-selector>
             </ng-container>
         </div>
     </ng-container>