Created and use RESIZE_EVENT

git-svn-id: http://15.206.35.175/svn/proteus/business-java/trunk@174422 ce508802-f39f-4f6c-b175-0d175dae99d5

ecm/Angular/ProteusECM/trunk/src/app/ecm-carousel/ecm-carousel.component.ts

 import { Component, OnInit, Input, ViewEncapsulation, OnChanges } from '@angular/core';
 
-import { Observable } from 'rxjs/Observable';
-import 'rxjs/add/observable/fromEvent';
-import 'rxjs/add/operator/map';
-import 'rxjs/add/operator/debounceTime';
-import 'rxjs/add/operator/filter';
+import { RESIZE_EVENT } from '../ecm-store/ecm-resize';
 
 declare var reinitFlickity: any;
 
@@ -36,36 +32,16 @@ export class EcmCarouselComponent implements OnInit, OnChanges {
             console.log( "this.cardItems [" + this.cardItems + "]");
         }
         */
-        const $resizeEvent = Observable.fromEvent(window, 'resize')
-        .map(() => {
-          return document.documentElement.clientWidth;
-          })
-        .debounceTime(200)
 
-
-        $resizeEvent.subscribe(data => {
-            
-            console.log("data["+data+"]");
-            if( data > 1024 )
-            {
-                this.update(3);
-            }
-            else if( data < 1023 && data > 639 )
-            {
-                this.update(2);
-            }
-            else if( data < 640 )
-            {
-                this.update(1);
-            }
-            
+        RESIZE_EVENT.subscribe(data => {
+            //console.log("data["+data+"]");
+            this.callUpdate( data );
         });
-        
-        this.firstCall();
+        let data = document.documentElement.clientWidth;
+        this.callUpdate( data );
     }
     
-    firstCall() {
-        let data = document.documentElement.clientWidth;
+    callUpdate( data : any ) {
         if( data > 1024 )
         {
             this.update(3);