--- a/app/query-result.component.ts	Thu Jan 14 17:19:35 2016 +0100
+++ b/app/query-result.component.ts	Fri Jan 15 20:00:47 2016 +0100
@@ -2,13 +2,22 @@
 
 import {QueryState} from './query-state';
 
+import {QueryResultRowComponent} from './query-result-row.component';
+
 @Component({
     selector: 'query-result',
     template: `
         <div *ngIf="queryState">
+          <p>Cypher: {{queryState.cypherQuery}}</p>
           <p>Query results ({{queryState.numResults}}):</p>
+          <ul>
+            <li *ngFor="#row of queryState.results">
+              <query-result-row [rowData]="row" [rowType]="queryState.resultTypes"></query-result-row> 
+            </li>
+          </ul>
         </div>
         `,
+    directives: [QueryResultRowComponent],
     inputs: ['queryState']
 })
    
@@ -16,11 +25,16 @@
     
     public queryState: QueryState;
     
+    ngOnChanges() {
+        console.debug("result changed!");
+    }
+    
     ngOnInit() {
         this.setup();
     }
     
     setup() {
+        console.debug("result init!");
     }
     
 }