From dc502bc1883d66649b4fcdf7c8a09b03d75a44ef Mon Sep 17 00:00:00 2001
From: Sebastian Stehle <sebastian@squidex.io>
Date: Fri, 28 May 2021 14:22:14 +0200
Subject: [PATCH] Fix content references.

---
 .../content/pages/content/content-page.component.html     | 8 ++++++--
 .../content/references/content-references.component.ts    | 3 +++
 .../shared/references/content-creator.component.html      | 2 +-
 .../shared/references/content-selector.component.html     | 4 ++--
 4 files changed, 12 insertions(+), 5 deletions(-)

diff --git a/frontend/app/features/content/pages/content/content-page.component.html b/frontend/app/features/content/pages/content/content-page.component.html
index 07b001c4e..e4c83ec18 100644
--- a/frontend/app/features/content/pages/content/content-page.component.html
+++ b/frontend/app/features/content/pages/content/content-page.component.html
@@ -110,12 +110,16 @@
                 <ng-container [ngSwitch]="contentTab | async">
                     <ng-container *ngSwitchCase="'references'">
                         <sqx-content-references mode="references"
-                            [content]="content">
+                            [content]="content"
+                            [language]="language"
+                            [languages]="languages">
                         </sqx-content-references>
                     </ng-container>
                     <ng-container *ngSwitchCase="'referencing'">
                         <sqx-content-references mode="referencing"
-                            [content]="content">
+                            [content]="content"
+                            [language]="language"
+                            [languages]="languages">
                         </sqx-content-references>
                     </ng-container>
                     <ng-container *ngSwitchCase="'extension'">
diff --git a/frontend/app/features/content/pages/content/references/content-references.component.ts b/frontend/app/features/content/pages/content/references/content-references.component.ts
index b232bb6cc..dcadc8a18 100644
--- a/frontend/app/features/content/pages/content/references/content-references.component.ts
+++ b/frontend/app/features/content/pages/content/references/content-references.component.ts
@@ -24,6 +24,9 @@ export class ContentReferencesComponent implements OnChanges {
     @Input()
     public language: AppLanguageDto;
 
+    @Input()
+    public languages: ReadonlyArray<AppLanguageDto>;
+
     @Input()
     public mode: 'references' | 'referencing' = 'references';
 
diff --git a/frontend/app/features/content/shared/references/content-creator.component.html b/frontend/app/features/content/shared/references/content-creator.component.html
index 7dcb4b2dc..eaca8afcd 100644
--- a/frontend/app/features/content/shared/references/content-creator.component.html
+++ b/frontend/app/features/content/shared/references/content-creator.component.html
@@ -2,7 +2,7 @@
     <ng-container title>
         <div class="row">
             <div class="col-selector">
-                <select class="custom-select form-control-dark" [ngModel]="schema?.id" (ngModelChange)="selectSchema($event)">
+                <select class="custom-select form-control-dark" [ngModel]="schema" (ngModelChange)="selectSchema($event)">
                     <option *ngFor="let schema of schemas" [ngValue]="schema">
                         {{ 'contents.referencesSelectSchema' | sqxTranslate: { schema: schema.displayName } }}
                     </option>
diff --git a/frontend/app/features/content/shared/references/content-selector.component.html b/frontend/app/features/content/shared/references/content-selector.component.html
index 5f2563466..1f6e65e10 100644
--- a/frontend/app/features/content/shared/references/content-selector.component.html
+++ b/frontend/app/features/content/shared/references/content-selector.component.html
@@ -2,8 +2,8 @@
     <ng-container title>
         <div class="row">
             <div class="col-selector">
-                <select class="custom-select form-control-dark" [ngModel]="schema?.id" (ngModelChange)="selectSchema($event)">
-                    <option *ngFor="let schema of schemas" [ngValue]="schema.id">
+                <select class="custom-select form-control-dark" [ngModel]="schema" (ngModelChange)="selectSchema($event)">
+                    <option *ngFor="let schema of schemas" [ngValue]="schema">
                         {{ 'contents.referencesSelectSchema' | sqxTranslate: { schema: schema.displayName } }}
                     </option>
                 </select>