Correct usage of queries. Closes: #179

src/Squidex.Domain.Apps.Read/Contents/GraphQL/GraphQLQuery.cs

@@ -6,6 +6,8 @@
 //  All rights reserved.
 // ==========================================================================
 
+using Newtonsoft.Json.Linq;
+
 namespace Squidex.Domain.Apps.Read.Contents.GraphQL
 {
     public class GraphQLQuery
@@ -16,6 +18,6 @@ namespace Squidex.Domain.Apps.Read.Contents.GraphQL
 
         public string Query { get; set; }
 
-        public string Variables { get; set; }
+        public JObject Variables { get; set; }
     }
 }

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

@@ -24,7 +24,7 @@
                     <div *ngSwitchCase="'Number'">
                         <div [ngSwitch]="field.properties.editor">
                             <div *ngSwitchCase="'Input'">
-                                <input class="form-control" type="number" [formControlName]="partition" [placeholder]="field.properties.placeholder">
+                                <input class="form-control" type="number" [formControlName]="partition" [placeholder]="field.properties.placeholder || ''">
                             </div>
                             <div *ngSwitchCase="'Stars'">
                                 <sqx-stars [formControlName]="partition" [maximumStars]="field.properties.maxValue"></sqx-stars>
@@ -47,10 +47,10 @@
                     <div *ngSwitchCase="'String'">
                         <div [ngSwitch]="field.properties.editor">
                             <div *ngSwitchCase="'Input'">
-                                <input class="form-control" type="text" [formControlName]="partition" [placeholder]="field.properties.placeholder">
+                                <input class="form-control" type="text" [formControlName]="partition" [placeholder]="field.properties.placeholder || ''">
                             </div>
                             <div *ngSwitchCase="'TextArea'">
-                                <textarea class="form-control" [formControlName]="partition" rows="5" [placeholder]="field.properties.placeholder"></textarea>
+                                <textarea class="form-control" [formControlName]="partition" rows="5" [placeholder]="field.properties.placeholder || ''"></textarea>
                             </div>
                             <div *ngSwitchCase="'RichText'">
                                 <sqx-rich-editor [formControlName]="partition" (assetPluginClicked)="richTextEditorAssetPluginClicked($event)"></sqx-rich-editor>