From 134c6f57d59f29a186dc81ef60571c6b26e65e2a Mon Sep 17 00:00:00 2001
From: vsavkin <avix1000@gmail.com>
Date: Mon, 2 Nov 2015 15:37:01 -0800
Subject: [PATCH] refactor(playground): update Zippy to use @Input and @Output

---
 modules/playground/src/zippy_component/zippy.ts | 16 +++++++---------
 1 file changed, 7 insertions(+), 9 deletions(-)

diff --git a/modules/playground/src/zippy_component/zippy.ts b/modules/playground/src/zippy_component/zippy.ts
index cca3d03324..f4ad5ac08a 100644
--- a/modules/playground/src/zippy_component/zippy.ts
+++ b/modules/playground/src/zippy_component/zippy.ts
@@ -1,21 +1,19 @@
-import {Component, View, EventEmitter} from 'angular2/angular2';
+import {Component, View, EventEmitter, Input, Output} from 'angular2/angular2';
 import {ObservableWrapper} from 'angular2/src/core/facade/async';
 
-@Component(
-    {selector: 'zippy', inputs: ['title'], outputs: ['openHandler: open', 'closeHandler: close']})
-@View({templateUrl: 'zippy.html'})
+@Component({selector: 'zippy', templateUrl: 'zippy.html'})
 export class Zippy {
   visible: boolean = true;
-  title: string = '';
-  openHandler: EventEmitter<any> = new EventEmitter();
-  closeHandler: EventEmitter<any> = new EventEmitter();
+  @Input() title: string = '';
+  @Output() open: EventEmitter<any> = new EventEmitter();
+  @Output() close: EventEmitter<any> = new EventEmitter();
 
   toggle() {
     this.visible = !this.visible;
     if (this.visible) {
-      ObservableWrapper.callNext(this.openHandler, null);
+      ObservableWrapper.callNext(this.open, null);
     } else {
-      ObservableWrapper.callNext(this.closeHandler, null);
+      ObservableWrapper.callNext(this.close, null);
     }
   }
 }