เปลี่ยนสีกรอบ + สีกลมๆของวันที่

trainee
1 parent 81f7ecae
Showing 3 changed files with 8 additions and 15 deletions Show diff stats
src/app/dashboard/dashboard.component.html
src/app/dashboard/dashboard.component.scss
src/app/dashboard/dashboard.component.ts
@@ -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>
@@ -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;
-  }
+  
 }
  
  
@@ -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';
       }
     }
...	...	@@ -2,8 +2,10 @@
2	2	<!-- งานใหม่ -->
3	3	<div class="row">
4	4	<div class="col-lg-6 col-md-3 col-sm-6 col-xs-12" *ngFor="let item of resultData">
5		- <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"
6		- [ngStyle]="{'background-color': getColorDay(item.days.toFixed(0))}">
	5	+ <a class="dashboard-stat dashboard-stat-v2 red"
	6	+ href="http://vtiger.sourcecode.co.th/index.php?action=DetailView&module=HelpDesk&parenttab=Support&record=195885"
	7	+ target="_blank"
	8	+ [ngStyle] = "{'background-color': getColorDay(item.days.toFixed(0))}">
7	9	<!-- <div [ngStyle]="{'background-color':item.days === '366.0098' ? 'green' : 'red' }"></<div> -->
8	10	<!-- <div class="avater">{{(item.days).toFixed(0)}} D</div> -->
9	11	<div class="avater" [ngStyle]="{'background-color': getColorDay(item.days.toFixed(0))}">{{(item.days).toFixed(0)}} D</div>
...	...
...	...	@@ -10,16 +10,7 @@
10	10	text-align: center;
11	11	padding-top: 20px;
12	12	top: -25px;
13		- &.red {
14		- background-color: red;
15		- }
16		- &.yellow {
17		- background-color: yellow;
18		- color: black;
19		- }
20		- &.green {
21		- background-color: green;
22		- }
	13	+
23	14	}
24	15
25	16
...	...
...	...	@@ -16,15 +16,15 @@ export class DashboardComponent implements OnInit {
16	16	console.log(days)
17	17
18	18	if(days > 0 && days <= 7){
19		- return 'green';
	19	+ return '#32c5d2';
20	20	}
21	21
22	22	if (days > 8 && days <= 15){
23		- return 'yellow';
	23	+ return '#c49f47';
24	24	}
25	25
26	26	if (days >= 16){
27		- return 'red';
	27	+ return '#e7505a';
28	28	}
29	29	}
30	30
...	...