import { WorkflowNode } from "./model/workflow-node";
 import { Workflow } from "./model/workflow";
 import { DataAccessService } from "./services/data-access/data-access.service";
+import { ActivatedRoute } from "@angular/router";
 
 @Component({
   selector: 'app-root',
 export class AppComponent implements AfterViewInit, OnInit {
     constructor(private jsplumbService: JsPlumbService,
         private dataAccessService: DataAccessService,
+        private route: ActivatedRoute,
         private workflowService: WorkflowService) {}
 
     ngOnInit(): void {
-        this.dataAccessService.catalogService.loadWorkflow('workflow1').subscribe(workflow => {
-            this.workflowService.workflow = workflow;
+        this.route.queryParams.subscribe(params => {
+            if(params.id) {
+                this.dataAccessService.catalogService.loadWorkflow(params.id).subscribe(workflow => {
+                    this.workflowService.workflow = workflow;
+                });
+            }
         });
     }
 
 
 import { InMemoryWebApiModule } from "angular-in-memory-web-api";
 import { InMemoryDataService } from "./services/data-access/in-memory-data.service";
 import { HttpModule } from "@angular/http";
+import { RouterModule } from "@angular/router";
 
 @NgModule({
     declarations: [
         BrowserModule,
         HttpModule,
         InMemoryWebApiModule.forRoot(InMemoryDataService),
+        RouterModule.forRoot([]),
         SharedModule,
     ],
     providers: [