--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/src/app/query-result.component.ts	Mon Mar 20 18:50:31 2017 +0100
@@ -0,0 +1,36 @@
+import {Component, OnInit} from '@angular/core';
+
+import {QueryState} from './query-state';
+
+import {QueryResultRowComponent} from './query-result-row.component';
+
+@Component({
+    selector: 'query-result',
+    template: `
+        <div *ngIf="queryState">
+          <span>Cypher query:</span>
+          <pre>{{queryState.resultCypherQuery}}</pre>
+          <p>Query results ({{queryState.resultInfo}}):</p>
+          <table border="1">
+            <tr>
+              <ng-container *ngIf="queryState.resultTypes=='node' && queryState.resultColumns">
+                <th *ngFor="let col of queryState.resultColumns">{{col?col.title:col}}</th>
+              </ng-container>
+            </tr>
+            <tr class="resultRow" *ngFor="let row of queryState.results"
+                [rowData]="row" [rowType]="queryState.resultTypes"
+                [columns]="queryState.resultColumns">
+            </tr>
+          </table>
+        </div>
+        `,
+    //directives: [QueryResultRowComponent],
+    inputs: ['queryState', 'resultInfo']
+})
+   
+export class QueryResultComponent { 
+    
+    public queryState: QueryState;
+    public resultInfo: string;
+        
+}