Addresses #132. Restricts the add query functionality depth level to 2

for now.
Should try to increase it a little more for the user.
Another approach would be to make a decision on the depth level based on
the size of the search index.

src/app/components/doc-viewer/doc-viewer/doc-viewer.component.ts

@@ -7,6 +7,8 @@ import {
   SimpleChanges
 } from '@angular/core';
 
+import config from '../../../config';
+
 @Component({
   selector: 'app-doc-viewer',
   templateUrl: './doc-viewer.component.html',
@@ -335,7 +337,12 @@ export class DocViewerComponent implements OnChanges {
 
     // Don't add a field if it has been added in the query already.
     // This happens when there is a recursive field
-    if (parentFields.filter(x => x.name === name && x.type === curTypeName).length) {
+    if (parentFields.filter(x => x.type === curTypeName).length) {
+      return { query: '', meta: {} };
+    }
+
+    // Stop adding new fields once the specified level depth limit is reached
+    if (level >= config.add_query_depth_limit) {
       return { query: '', meta: {} };
     }
 

src/app/config.ts

@@ -1,3 +1,4 @@
 export default {
-  ga: 'UA-41432833-6'
+  ga: 'UA-41432833-6',
+  add_query_depth_limit: 3
 };

src/app/containers/window/window.component.ts

@@ -18,8 +18,7 @@ import * as variableActions from '../../actions/variables/variables';
 import * as dialogsActions from '../../actions/dialogs/dialogs';
 import * as docsActions from '../../actions/docs/docs';
 
-import { QueryService } from '../../services/query.service';
-import { GqlService } from '../../services/gql.service';
+import { QueryService, GqlService, NotifyService } from '../../services';
 import { graphql } from 'graphql';
 
 @Component({
@@ -66,6 +65,7 @@ export class WindowComponent implements OnInit {
   constructor(
     private queryService: QueryService,
     private gql: GqlService,
+    private notifyService: NotifyService,
     private store: Store<any>,
     private toastr: ToastsManager,
     private vRef: ViewContainerRef
@@ -183,11 +183,7 @@ export class WindowComponent implements OnInit {
 
     // If the query has args
     if (queryData.meta.hasArgs) {
-      const opts = {
-          message: 'Fill in the arguments for the query!',
-          success: false
-      };
-      this.store.dispatch(new queryActions.ShowEditorAlertAction(opts, this.windowId));
+      this.notifyService.warning('Fill in the arguments for the query!');
     }
   }