Multi model graphical querying

src/app/components/components.module.ts

@@ -100,7 +100,8 @@ import {DatesPipeModule} from './data-view/shared-module';
         InputComponent,
         JsonEditorComponent,
         EditorComponent,
-        DeleteConfirmComponent
+        DeleteConfirmComponent,
+        DataGraphComponent
     ]
 })
 export class ComponentsModule {

src/app/models/ui-request.model.ts

@@ -224,16 +224,19 @@ export class SchemaRequest extends UIRequest {
    */
   showTable: boolean;
   schemaEdit: boolean;
+
+  isCrossModel: boolean;
   dataModels: DataModels[];
 
-  constructor(routerLinkRoot: string, views: boolean, depth: number, showTable: boolean, schemaEdit?: boolean, dataModels: DataModels[] = [DataModels.RELATIONAL, DataModels.DOCUMENT, DataModels.GRAPH]) {
+  constructor(routerLinkRoot: string, views: boolean, depth: number, showTable: boolean, schemaEdit?: boolean, isCrossModel= false, dataModels: DataModels[] = [DataModels.RELATIONAL, DataModels.DOCUMENT, DataModels.GRAPH]) {
     super();
     this.routerLinkRoot = routerLinkRoot;
     this.views = views;
     this.depth = depth;
     this.showTable = showTable;
     this.schemaEdit = schemaEdit || false;
     this.dataModels = dataModels;
+    this.isCrossModel = isCrossModel;
   }
 }
 

src/app/views/querying/console/console.component.ts

@@ -183,6 +183,8 @@ export class ConsoleComponent implements OnInit, OnDestroy {
         this.queryAnalysis = null;
 
         this.loading = true;
+        console.log(code);
+        console.log(this.activeNamespace);
         if (!this._crud.anyQuery(this.websocket, new QueryRequest(code, this.analyzeQuery, this.useCache, this.lang, this.activeNamespace))) {
             this.loading = false;
             this.resultSets = [new ResultSet('Could not establish a connection with the server.', code)];

src/app/views/querying/explore-by-example/explore-by-example.component.ts

@@ -108,7 +108,7 @@ export class ExploreByExampleComponent implements OnInit, OnDestroy {
     }
 
     initSchema() {
-        this._crud.getSchema(new SchemaRequest('views/graphical-querying/', true, 3, false, false, [DataModels.RELATIONAL])).subscribe(
+        this._crud.getSchema(new SchemaRequest('views/graphical-querying/', true, 3, false, false, false, [DataModels.RELATIONAL])).subscribe(
             res => {
                 const nodeAction = (tree, node, $event) => {
                     if (!node.isActive && node.isLeaf) {

src/app/views/querying/graphical-querying/graphical-querying.component.scss

@@ -56,3 +56,59 @@
   padding-right: 0;
 }
 
+//Dropdown
+.json-dropdown {
+  display: block;
+  // center block
+  margin: 0 auto;
+  position: absolute;
+  left: 50%;
+  transform: translateX(-50%);
+}
+
+.show-error {
+  display: block !important;
+}
+
+.cypher-sidebar {
+  background-color: #f0f3f5;
+  border: 1px solid #c8ced3;
+}
+
+.mql-second-text-fields {
+  background-color: rgb(210, 210, 210, 0.9);
+  padding: 1em;
+  border: 1px rgba(0, 0, 0, 0.125) solid;
+}
+
+.text-fields {
+  background-color: #dcdcdc;
+  padding: 1em;
+  margin-bottom: 1.5em;
+  border: 1px rgba(0, 0, 0, 0.125) solid;
+}
+
+//Label Container
+.label-container {
+  display: flex;
+}
+
+.label-container p {
+  margin-right: 2.5em;
+}
+
+.label-node {
+  padding-left: 0.5em;
+  padding-right: 0.5em;
+  border: 1px solid black;
+}
+
+.label-relation {
+  padding-left: 0.5em;
+  padding-right: 0.5em;
+  border-radius: 1.5em;
+  border: 1px solid black;
+}
+
+
+