From 5bfb9889801fe2120e18c55325e286d2f8fe4168 Mon Sep 17 00:00:00 2001
From: gandhimathi <bitbucket@venbainfotech.com>
Date: Wed, 24 Apr 2019 19:39:46 +0530
Subject: [PATCH] Dashboard New Chat Added

---
 .../app/dashboard/dashboard.component.html    | 115 +++++++++++++++++-
 1 file changed, 114 insertions(+), 1 deletion(-)

diff --git a/ng6-seed/src/app/dashboard/dashboard.component.html b/ng6-seed/src/app/dashboard/dashboard.component.html
index 32e8a812f..2c2ec5601 100755
--- a/ng6-seed/src/app/dashboard/dashboard.component.html
+++ b/ng6-seed/src/app/dashboard/dashboard.component.html
@@ -95,8 +95,121 @@
                                 </ul> 
                                 </div>
                         </div>
+                       
                 </mat-card-content>
         </mat-card>
-        </div>
+        <mat-card>
+                <mat-card-title style="background-color:#e00201;padding: 23px;">
+                        PD Report
+                </mat-card-title>
+           <mat-card-content>
+                        <div fxFlex="row">
+                          <div fxFlex="100">
+                        <div fxFlex="50" algin="center">                                                        
+                                        <div fxLayout="row wrap">
+                                                        <!-- <div fxFlex="100"> --> 
+                                                                <mat-card style="background-color:#c1c1c1;color: #fff;height: 100px;text-align: center;width: 125px;margin: 1px;">
+                                                                <mat-card-content>
+                                                                <h2>892</h2>
+                                                                <h6 style="margin-top: 0px;">Draft</h6>
+                                                        </mat-card-content>        
+                                                        </mat-card> 
+                                                                <mat-card style="background-color:#f44336;color: #fff;height: 100px;text-align: center;width: 125px;margin: 1px;">
+                                                                <mat-card-content>
+                                                                 <h4>265</h4>
+                                                                <h6 style="margin-top: 0px;">Triggered</h6>
+                                                                </mat-card-content>
+                                                                </mat-card> 
+                                                                <mat-card style="background-color:#ffa500;color: #fff;height: 100px;text-align: center;width: 125px;margin: 1px;">
+                                                                <mat-card-content>
+                                                                        <h4>452</h4>
+                                                                <h6 style="margin-top: 0px;">Allocated</h6>
+                                                                </mat-card-content>
+                                                                </mat-card> 
+                                                                <mat-card style="background-color:#ffeb3b;color: #fff;height: 100px;text-align: center;width: 125px;margin: 1px;">
+                                                                <mat-card-content>
+                                                                        <h4>56</h4>
+                                                                <h6 style="margin-top: 0px;">Scheduled</h6>
+                                                                </mat-card-content>
+                                                                </mat-card> 
+                                                                <mat-card style="background-color:#3f51b5;color: #fff;height: 100px;text-align: center;width: 125px;margin: 1px;">
+                                                                <mat-card-content>
+                                                                <h4>56</h4>
+                                                                <h6 style="margin-top: 0px;">InProgress</h6>
+                                                                </mat-card-content>
+                                                                </mat-card> 
+                                                                <mat-card style="background-color:#3f51b5;color: #fff;height: 100px;text-align: center;width: 125px;margin: 1px;">
+                                                                <mat-card-content>
+                                                                <h4>56</h4>
+                                                                <h6 style="margin-top: 0px;">Completed</h6>
+                                                                </mat-card-content>
+                                                                </mat-card> 
+                                                                <mat-card style="background-color:#4caf50;color: #fff;height: 100px;text-align: center;width: 125px;margin: 1px;">
+                                                                <mat-card-content>
+                                                                <h4>56</h4>
+                                                                <h6 style="margin-top: 0px;">QC Completed</h6>
+                                                                </mat-card-content>
+                                                                </mat-card>
+                                                                
+                                                        <!-- </div>  -->
+                                                        
+                                                        </div>
+                                        </div>  
+                        <div fxFlex="50" algin="center">                                                        
+                        <div fxLayout="row wrap">
+                                        <!-- <div fxFlex="100"> --> 
+                                                <mat-card style="background-color:#c1c1c1;color: #fff;height: 100px;text-align: center;width: 125px;margin: 1px;">
+                                                <mat-card-content>
+                                                <h2>892</h2>
+                                                <h6 style="margin-top: 0px;">Draft</h6>
+                                        </mat-card-content>        
+                                        </mat-card> 
+                                                <mat-card style="background-color:#f44336;color: #fff;height: 100px;text-align: center;width: 125px;margin: 1px;">
+                                                <mat-card-content>
+                                                 <h4>265</h4>
+                                                <h6 style="margin-top: 0px;">Triggered</h6>
+                                                </mat-card-content>
+                                                </mat-card> 
+                                                <mat-card style="background-color:#ffa500;color: #fff;height: 100px;text-align: center;width: 125px;margin: 1px;">
+                                                <mat-card-content>
+                                                        <h4>452</h4>
+                                                <h6 style="margin-top: 0px;">Allocated</h6>
+                                                </mat-card-content>
+                                                </mat-card> 
+                                                <mat-card style="background-color:#ffeb3b;color: #fff;height: 100px;text-align: center;width: 125px;margin: 1px;">
+                                                <mat-card-content>
+                                                        <h4>56</h4>
+                                                <h6 style="margin-top: 0px;">Scheduled</h6>
+                                                </mat-card-content>
+                                                </mat-card> 
+                                                <mat-card style="background-color:#3f51b5;color: #fff;height: 100px;text-align: center;width: 125px;margin: 1px;">
+                                                <mat-card-content>
+                                                <h4>56</h4>
+                                                <h6 style="margin-top: 0px;">InProgress</h6>
+                                                </mat-card-content>
+                                                </mat-card> 
+                                                <mat-card style="background-color:#3f51b5;color: #fff;height: 100px;text-align: center;width: 125px;margin: 1px;">
+                                                <mat-card-content>
+                                                <h4>56</h4>
+                                                <h6 style="margin-top: 0px;">Completed</h6>
+                                                </mat-card-content>
+                                                </mat-card> 
+                                                <mat-card style="background-color:#4caf50;color: #fff;height: 100px;text-align: center;width: 125px;margin: 1px;">
+                                                <mat-card-content>
+                                                <h4>56</h4>
+                                                <h6 style="margin-top: 0px;">QC Completed</h6>
+                                                </mat-card-content>
+                                                </mat-card>
+                                                
+                                        <!-- </div>  -->
+                                        
+                                        </div>
+                        </div>                                    
+                </div>
+            </div>
+          </mat-card-content>
+        </mat-card>
+        
+    </div>
         
 </div> 
\ No newline at end of file