Commit 21f0518416fca67c5501981df5ef5d437a1fdb1b
1 parent
c1ec2de9
Exists in
master
no message
Showing
2 changed files
with
8 additions
and
8 deletions
Show diff stats
src/app/dashboard/dashboard.component.html
| 1 | 1 | ||
| 2 | <!-- งานใหม่ --> | 2 | <!-- งานใหม่ --> |
| 3 | <div class="row"> | 3 | <div class="row"> |
| 4 | - <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12" *ngFor="let item of resultData"> | 4 | + <div class="col-lg-4 col-md-3 col-sm-6 col-xs-12" *ngFor="let item of resultData"> |
| 5 | <a class="dashboard-stat dashboard-stat-v2 red" | 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" | 6 | href="http://vtiger.sourcecode.co.th/index.php?action=DetailView&module=HelpDesk&parenttab=Support&record=195885" |
| 7 | target="_blank" | 7 | target="_blank" |
| 8 | [ngStyle] = "{'background-color': getColorDay(item.days.toFixed(0))}"> | 8 | [ngStyle] = "{'background-color': getColorDay(item.days.toFixed(0))}"> |
| 9 | <!-- <div [ngStyle]="{'background-color':item.days === '366.0098' ? 'green' : 'red' }"></<div> --> | 9 | <!-- <div [ngStyle]="{'background-color':item.days === '366.0098' ? 'green' : 'red' }"></<div> --> |
| 10 | <!-- <div class="avater">{{(item.days).toFixed(0)}} D</div> --> | 10 | <!-- <div class="avater">{{(item.days).toFixed(0)}} D</div> --> |
| 11 | - <div class="avater" [ngStyle]="{'background-color': getColorDay(item.days.toFixed(0))}">{{(item.days).toFixed(0)}} D</div> | 11 | + <div class="avater" [ngStyle]="{'background-color': getColorDay(item.days.toFixed(0))}" style="font-size: 26px; text-align: center; font-weight: bold;" >{{(item.days).toFixed(0)}}D</div> |
| 12 | <div class="visual"> | 12 | <div class="visual"> |
| 13 | <i class="fa fa-comments"></i> | 13 | <i class="fa fa-comments"></i> |
| 14 | </div> | 14 | </div> |
| 15 | 15 | ||
| 16 | <div class="details" style="width: calc(100% - 50px);"> | 16 | <div class="details" style="width: calc(100% - 50px);"> |
| 17 | <div style="text-align: right; margin-top: -50px; color: black;">{{item.STATUS}}</div> | 17 | <div style="text-align: right; margin-top: -50px; color: black;">{{item.STATUS}}</div> |
| 18 | - <div class="number" style="width: calc(100% - 15px);"> | ||
| 19 | - <span data-counter="counterup" data-value="" style=" color: black;">{{item.custgroupName}}</span> | 18 | + <div class= "number" style=" color: black; text-align: right;"> |
| 19 | + <span data-counter="counterup" data-value="">{{item.custgroupName}}</span> | ||
| 20 | </div> | 20 | </div> |
| 21 | <div class="desc" style=" color: black;">{{item.team}}</div><br> | 21 | <div class="desc" style=" color: black;">{{item.team}}</div><br> |
| 22 | - <div class="desc" style="text-align: left; color: black;">{{item.COMMENT | slice:0:40 }} ....</div> | 22 | + <div class="desc" style="text-align: left; text-align: bottom; color: black;">{{item.COMMENT | slice:0:20 }} ....</div> |
| 23 | + <!-- <div class="desc" style="text-align: left; text-align: bottom; color: black;">{{(item.COMMENT > 20)? | (item.COMMENT | slice:0:20) + '....':(item.COMMENT)}}</div> --> | ||
| 23 | </div> | 24 | </div> |
| 24 | </a> | 25 | </a> |
| 25 | </div> | 26 | </div> |
src/app/dashboard/dashboard.component.scss
| @@ -8,7 +8,7 @@ | @@ -8,7 +8,7 @@ | ||
| 8 | border-style: solid; | 8 | border-style: solid; |
| 9 | border-color: black; | 9 | border-color: black; |
| 10 | text-align: center; | 10 | text-align: center; |
| 11 | - padding-top: 20px; | 11 | + padding-top: 15px; |
| 12 | top: -25px; | 12 | top: -25px; |
| 13 | 13 | ||
| 14 | } | 14 | } |
| @@ -17,6 +17,5 @@ | @@ -17,6 +17,5 @@ | ||
| 17 | 17 | ||
| 18 | .dashboard-stat { | 18 | .dashboard-stat { |
| 19 | overflow: visible; | 19 | overflow: visible; |
| 20 | - height: 210px; | ||
| 21 | - width: 100%; | 20 | + height: 200px; |
| 22 | } | 21 | } |