diff --git a/src/app/dashboard/dashboard.component.html b/src/app/dashboard/dashboard.component.html
index 1b9e11d..c500106 100644
--- a/src/app/dashboard/dashboard.component.html
+++ b/src/app/dashboard/dashboard.component.html
@@ -2,20 +2,22 @@
     <!-- งานใหม่ -->
     <div class="row">
       <div class="col-lg-4 col-md-3 col-sm-6 col-xs-12" *ngFor="let item of resultData">
-        <a class="dashboard-stat dashboard-stat-v2 green" href="#">
-          <!-- <div [ngStyle]="{'background-color':item.days === '418' ? 'green' : 'red' }"></<div> -->
-          <div class="avater">{{(item.days/60).toFixed(0)}} D</div>
+        <a class="dashboard-stat dashboard-stat-v2 green" href="http://vtiger.sourcecode.co.th/index.php?action=DetailView&module=HelpDesk&parenttab=Support&record=195885" target="_blank"
+        [ngStyle]="{'background-color': getColorDay(item.days.toFixed(0))}">
+          <!-- <div [ngStyle]="{'background-color':item.days === '366.0098' ? 'green' : 'red' }"></<div> -->
+          <!-- <div class="avater">{{(item.days).toFixed(0)}} D</div> -->
+          <div class="avater" [ngStyle]="{'background-color': getColorDay(item.days.toFixed(0))}">{{(item.days).toFixed(0)}} D</div>
           <div class="visual">
             <i class="fa fa-comments"></i>
           </div>
           
           <div class="details" style="width: calc(100% - 50px);">
-              <div style="text-align: right; margin-top: -50px; color:aliceblue;">{{item.status}}</div>
+              <div style="text-align: right; margin-top: -50px; ">{{item.status}}</div>
                 <div class="number" style="margin-top: -8px;">
-                  <span data-counter="counterup" data-value="">{{item.custgroupName}}</span>
+                  <span data-counter="counterup" data-value="" style=" color: black;">{{item.custgroupName}}</span>
                 </div>
-              <div class="desc">{{item.team}}</div><br>
-              <div class="desc" style="text-align: left;">{{item.COMMENT | slice:0:40 }}  ....</div> 
+              <div class="desc" style=" color: black;">{{item.team}}</div><br>
+              <div class="desc" style="text-align: left; color: black;">{{item.COMMENT | slice:0:45 }}  ....</div> 
           </div>
         </a>
       </div>
diff --git a/src/app/dashboard/dashboard.component.scss b/src/app/dashboard/dashboard.component.scss
index f8e25c2..082dadb 100644
--- a/src/app/dashboard/dashboard.component.scss
+++ b/src/app/dashboard/dashboard.component.scss
@@ -1,6 +1,6 @@
 .avater {
   background-color: black;
-  color: white;
+  color: black;
   position: relative;
   width: 70px;
   height: 70px;
@@ -8,7 +8,7 @@
   text-align: center;
   padding-top: 25px;
   top: -20px;
-  &.11 {
+  &.red {
     background-color: red;
   }
   &.yellow {
@@ -21,7 +21,8 @@
 }
 
 
+
 .dashboard-stat {
   overflow: visible;
-  height: 200px;
+  height: 210px;
 }
diff --git a/src/app/dashboard/dashboard.component.ts b/src/app/dashboard/dashboard.component.ts
index e13be95..a3f139c 100644
--- a/src/app/dashboard/dashboard.component.ts
+++ b/src/app/dashboard/dashboard.component.ts
@@ -11,28 +11,23 @@ import { CommonService } from '../services/common/common.service';
 export class DashboardComponent implements OnInit {
 
   resultData: any;
-  
-  // getColor(days) { 
-  //   switch (days) {
-  //     case 'greenDay':
-  //       return 'green';
-  //     case 'yellowDay':
-  //       return 'yellow';
-  //     case 'redDay':
-  //       return 'red';
-  //   }
-  // }
 
-  // ColorDays: any[] = [
-  //   {
-  //     "Days":  ['0','1','2','3','4','5','6','7']
-  //   },
-  //   {
-  //     "Days":  ['8','9','10','11','12','13','14','15']
-  //   },
-   
-  // ];
+  getColorDay(days){
+    console.log(days)
 
+      if(days > 0 && days <= 7){
+        return 'red';
+      }
+      
+      if (days > 8 && days <= 15){
+        return 'yellow';
+      }
+
+      if (days >= 16){
+        return 'green';
+      }
+    }
+  
   constructor(
     private _apiService: ApiService,
     private _common: CommonService,
@@ -46,7 +41,9 @@ export class DashboardComponent implements OnInit {
       "params": ["vtiger_crmentity"]
     }
 
-    
+    setInterval(() => {
+
+    }, );
 
     try {
       let response = await this._apiService.post('dynamic', data);
--
libgit2 0.21.2