From 124477ad0a5066710dea466b07ed44f68ba3b3cd Mon Sep 17 00:00:00 2001
From: DESKTOP-D5ILJ4S\flr_3 <flr_3214@hotmail.co.th>
Date: Wed, 4 Jul 2018 16:53:47 +0700
Subject: [PATCH] เปลี่ยนสีกรอบ + สีกลมๆของวันที่

---
 src/app/dashboard/dashboard.component.html |  6 ++++--
 src/app/dashboard/dashboard.component.scss | 11 +----------
 src/app/dashboard/dashboard.component.ts   |  6 +++---
 3 files changed, 8 insertions(+), 15 deletions(-)

diff --git a/src/app/dashboard/dashboard.component.html b/src/app/dashboard/dashboard.component.html
index 784d5a4..7d30334 100644
--- a/src/app/dashboard/dashboard.component.html
+++ b/src/app/dashboard/dashboard.component.html
@@ -2,8 +2,10 @@
     <!-- งานใหม่ -->
     <div class="row">
       <div class="col-lg-6 col-md-3 col-sm-6 col-xs-12" *ngFor="let item of resultData">
-        <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))}">
+        <a class="dashboard-stat dashboard-stat-v2 red"
+         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>
diff --git a/src/app/dashboard/dashboard.component.scss b/src/app/dashboard/dashboard.component.scss
index ff6918c..96e5982 100644
--- a/src/app/dashboard/dashboard.component.scss
+++ b/src/app/dashboard/dashboard.component.scss
@@ -10,16 +10,7 @@
   text-align: center;
   padding-top: 20px;
   top: -25px;
-  &.red {
-    background-color: red;
-  }
-  &.yellow {
-    background-color: yellow;
-    color: black;
-  }
-  &.green {
-    background-color: green;
-  }
+  
 }
 
 
diff --git a/src/app/dashboard/dashboard.component.ts b/src/app/dashboard/dashboard.component.ts
index 2ad9914..eab0a29 100644
--- a/src/app/dashboard/dashboard.component.ts
+++ b/src/app/dashboard/dashboard.component.ts
@@ -16,15 +16,15 @@ export class DashboardComponent implements OnInit {
     console.log(days)
 
       if(days > 0 && days <= 7){
-        return 'green';
+        return '#32c5d2';
       }
       
       if (days > 8 && days <= 15){
-        return 'yellow';
+        return '#c49f47';
       }
 
       if (days >= 16){
-        return 'red';
+        return '#e7505a';
       }
     }
   
--
libgit2 0.21.2