Removed ecm-dialog-component and updated

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

ecm/Angular/ProteusECM/trunk/src/app/ecm-view/ecm-panel/ecm-dialog.html

-
-<!-- <div [ngSwitch]="data.option" *ngIf="data.option != 'SEARCH_OPT'"> -->
-<!-- 		<span (click)="dialogRef.close();" class="hide-button"></span> -->
-<!-- 		<ecm-signin *ngSwitchCase="'SIGNIN_OPT'" (closePanel)="dialogRef.close();" ></ecm-signin> -->
-<!-- 		<ecm-cart *ngSwitchCase="'CART_OPT'" [isMiniCart] = 'true' (closePanel)="dialogRef.close();" ></ecm-cart> -->
-<!-- 		<ecm-user-option *ngSwitchCase="'USER_OPT'" (closePanel)="dialogRef.close();" (updateProfileImages) = "updateProfileImages();" ></ecm-user-option> -->
-<!-- 		<div *ngSwitchCase="'SEARCH_OPT'"> -->
-<!-- 			<span style="float:left;"> -->
-<!-- 				<button md-button class="square-button" (click)="dialogRef.close()" > -->
-<!-- 				 	<i class="material-icons back-search">keyboard_backspace</i> -->
-<!-- 				</button> -->
-<!-- 			</span> -->
-<!-- 			<ecm-search  [compFadeState]="headerFadeState" [headerState]="'mobile'"  (closePanel)="dialogRef.close();"></ecm-search> -->
-<!-- 		</div> -->
-<!-- </div> -->
-
-<div [ngSwitch]="dialogData.option">
-		<span *ngIf="!dialogData.hideClose" class="hide-button" (click)="dialogRef.close();"></span>
-		<ecm-signin *ngSwitchCase="'SIGNIN_OPT'" (closePanel)="dialogRef.close();" ></ecm-signin>
-		<ecm-cart *ngSwitchCase="'CART_OPT'" [isMiniCart] = 'true' (closePanel)="dialogRef.close();" ></ecm-cart>
-		<ecm-user-option *ngSwitchCase="'USER_OPT'" (closePanel)="dialogRef.close();" (updateProfileImages) = "updateProfileImages();" ></ecm-user-option>
-		<ecm-nav-menu *ngSwitchCase="'MENU_OPT'" (closePanel)="dialogRef.close();"> </ecm-nav-menu>
-		
-		<div *ngSwitchCase="'SEARCH_OPT'">
-			<span style="float:left;">
-				<button md-button class="square-button" (click)="dialogRef.close()" >
-				 	<i class="material-icons back-search">keyboard_backspace</i>
-				</button>
-			</span>
-			<ecm-search  [compFadeState]="headerFadeState" [headerState]="'mobile'"  (closePanel)="dialogRef.close();"></ecm-search>
-		</div>
-</div>
-

ecm/Angular/ProteusECM/trunk/src/app/ecm-view/ecm-panel/ecm-panel.component.html

 <!-- Overlay Start  -->
 <div #bgGlass class="ecm-bgGlass"></div>
-<div #overlayPanel class="overlayPanel" >
-	<ecm-dialog  *ngIf="panelData" [dialogData]= 'panelData' ></ecm-dialog>
+<div #overlayPanel class="overlayPanel">
+	<ng-container *ngTemplateOutlet="ecmDialogPanel"></ng-container>
 </div>
 <!--  Overlay End -->
 
-
-
-
-
 <!-- SlidePanel Start  -->
-<div #rightSlidePanel class="rightSlidePanel" >
-	<ecm-dialog  *ngIf="panelData" [dialogData]= 'panelData' ></ecm-dialog>
+<div #rightSlidePanel class="rightSlidePanel">
+	<ng-container *ngTemplateOutlet="ecmDialogPanel"></ng-container>
 </div>
 <!--  SlidePanel End  -->
 
+<ng-template #ecmDialogPanel>
+  <div *ngIf="panelData" >
+		<div [ngSwitch]="panelData.option">
+				<span *ngIf="!panelData.hideClose" class="hide-button" (click)="close();"></span>
+				<ecm-signin *ngSwitchCase="'SIGNIN_OPT'" (closePanel)="close();" ></ecm-signin>
+				<ecm-cart *ngSwitchCase="'CART_OPT'" [isMiniCart] = 'true' (closePanel)="close();" ></ecm-cart>
+				<ecm-user-option *ngSwitchCase="'USER_OPT'" (closePanel)="close();" (updateProfileImages) = "updateProfileImages();" ></ecm-user-option>
+				<ecm-nav-menu *ngSwitchCase="'MENU_OPT'" (closePanel)="close();"> </ecm-nav-menu>
+				
+				<div *ngSwitchCase="'SEARCH_OPT'">
+					<span style="float:left;">
+						<button md-button class="square-button" (click)="close()" >
+						 	<i class="material-icons back-search">keyboard_backspace</i>
+						</button>
+					</span>
+				<ecm-search  [compFadeState]="headerFadeState" [headerState]="'mobile'"  (closePanel)="close();"></ecm-search>
+			   </div>
+       </div>
+ </div>
+</ng-template>
+
+
 

ecm/Angular/ProteusECM/trunk/src/app/ecm-view/ecm-panel/ecm-panel.component.ts

@@ -27,7 +27,7 @@ export class EcmPanelComponent implements OnInit {
   openTime:any;
   
   open(panelData){
-      console.log('in open dialog event' , panelData); 
+      console.log('in open dialog event Ch' , panelData); 
       this.panelData = panelData;
       this.panelType = panelData.type;
       if( this.panelType == 'overlay' )
@@ -143,14 +143,3 @@ export class EcmPanelComponent implements OnInit {
 }
 
 
-@Component({
-    selector: 'ecm-dialog',
-    templateUrl: './ecm-dialog.html',
-    styleUrls: ['./ecm-panel.component.css'],
-  })
-  export class ECMDialog {
-        @Input() dialogData : any;
-//      constructor(@Inject(MD_DIALOG_DATA) private data: { option: string  }, public dialogRef: EcmPanelComponent) {}
-        constructor(public dialogRef: EcmPanelComponent){}
-        
-  }