1 files changed, 7 insertions, 8 deletions

diff --git a/webapp/src/app/devel/devel.component.ts b/webapp/src/app/devel/devel.component.ts
index 5c8b9f2..eda03ef 100644
--- a/webapp/src/app/devel/devel.component.ts
+++ b/webapp/src/app/devel/devel.component.ts
@@ -1,17 +1,16 @@
-import { Component } from '@angular/core';
+import { Component, OnInit, ViewEncapsulation } from '@angular/core';
+import { Observable } from 'rxjs/Observable';
 
-import { Observable } from 'rxjs';
-
-import { ProjectService, IProject } from "../services/project.service";
+import { ProjectService, IProject } from '../services/project.service';
 
 @Component({
-    selector: 'devel',
-    moduleId: module.id,
+    selector: 'xds-devel',
     templateUrl: './devel.component.html',
     styleUrls: ['./devel.component.css'],
+  encapsulation: ViewEncapsulation.None
 })
 
-export class DevelComponent {
+export class DevelComponent implements OnInit {
 
     curPrj: IProject;
     Prjs$: Observable<IProject[]>;
@@ -23,7 +22,7 @@ export class DevelComponent {
         this.Prjs$ = this.projectSvr.Projects$;
         this.Prjs$.subscribe((prjs) => {
             // Select project if no one is selected or no project exists
-            if (this.curPrj && "id" in this.curPrj) {
+            if (this.curPrj && 'id' in this.curPrj) {
                 this.curPrj = prjs.find(p => p.id === this.curPrj.id) || prjs[0];
             } else if (this.curPrj == null) {
                 this.curPrj = prjs[0];