Commit 2eac6113b6b9425efd87aa13b611b5ef1da21fb8
1 parent
d8feb43a
Exists in
master
แก้ panel on hold
Showing
1 changed file
with
51 additions
and
57 deletions
Show diff stats
src/app/dashboard/dashboard.component.html
| @@ -23,15 +23,11 @@ | @@ -23,15 +23,11 @@ | ||
| 23 | <div class="input-icon right" style="margin-left: 820px; margin-top: -20px;" > | 23 | <div class="input-icon right" style="margin-left: 820px; margin-top: -20px;" > |
| 24 | <i class="icon-magnifier"> | 24 | <i class="icon-magnifier"> |
| 25 | </i> | 25 | </i> |
| 26 | - <input | ||
| 27 | - type="text" | ||
| 28 | - placeholder="Search.." | ||
| 29 | - class="form-control sbold font" | ||
| 30 | - | ||
| 31 | - > | 26 | + <input type="text" placeholder="Search.." class="form-control sbold font"> |
| 32 | </div> | 27 | </div> |
| 33 | </h1> | 28 | </h1> |
| 34 | <hr> | 29 | <hr> |
| 30 | + <br> | ||
| 35 | </div> | 31 | </div> |
| 36 | <div class="panel-body"> | 32 | <div class="panel-body"> |
| 37 | <div class="row"> | 33 | <div class="row"> |
| @@ -69,65 +65,63 @@ | @@ -69,65 +65,63 @@ | ||
| 69 | </div> | 65 | </div> |
| 70 | <br> | 66 | <br> |
| 71 | <br> | 67 | <br> |
| 72 | - | 68 | + <br> |
| 69 | + <br> | ||
| 73 | <!-- On Hold --> | 70 | <!-- On Hold --> |
| 74 | - <div class="panel"> | ||
| 75 | - <div class="caption"> | ||
| 76 | - <h1 class="icon-bubble font-grey-gallery"> | ||
| 77 | - <span class="caption-subject font-grey-gallery sbold font"> On Hold</span> | ||
| 78 | - <div class="input-icon right" style="margin-left: 820px; margin-top: -20px;" > | ||
| 79 | - <i class="icon-magnifier"> | ||
| 80 | - </i> | ||
| 81 | - <input type="text" placeholder="Search.." class="form-control sbold font"> | ||
| 82 | - </div> | ||
| 83 | - </h1> | ||
| 84 | - <hr> | ||
| 85 | - </div> | ||
| 86 | - <div class="panel-body"> | ||
| 87 | - <div class="row"> | ||
| 88 | - <div class="col-lg-4 col-md-3 col-sm-6 col-xs-12" *ngFor="let item of resultDataOnHold"> | ||
| 89 | - <a class="dashboard-stat dashboard-stat-v2 red " | ||
| 90 | - href="{{item.link}}" | ||
| 91 | - target="_blank" | ||
| 92 | - [ngStyle] = "{'background-color': getColorDay(item.days.toFixed(0))}"> | ||
| 93 | - <!-- <div [ngStyle]="{'background-color':item.days === '366.0098' ? 'green' : 'red' }"></<div> --> | ||
| 94 | - <!-- <div class="avater">{{(item.days).toFixed(0)}} D</div> --> | ||
| 95 | - <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> | ||
| 96 | - <div class="visual"> | ||
| 97 | - <i class="fa fa-comments"></i> | ||
| 98 | - </div> | ||
| 99 | - <table> | ||
| 100 | - <tr> | ||
| 101 | - <div class="details" style="width: calc(100% - 50px);"> | ||
| 102 | - <div style="text-align: right; margin-top: -50px; color: black;">{{item.STATUS}}</div> | ||
| 103 | - <div class= "number" style=" color: black; display: block; text-align: right;"> | ||
| 104 | - <span data-counter="counterup" data-value="">{{item.custgroupName}}</span> | ||
| 105 | - </div> | ||
| 106 | - <div class="desc" style=" color: black;">{{item.team}}</div><br> | ||
| 107 | - <!-- <div class="desc" style="text-align: left; text-align: bottom; color: black;">{{(item.COMMENT > 20)? | (item.COMMENT | slice:0:20) + '....':(item.COMMENT)}}</div> --> | ||
| 108 | - </div> | ||
| 109 | - </tr> | ||
| 110 | - <tr> | ||
| 111 | - <div class="details" style="width: calc(100% - 50px);"> | ||
| 112 | - <div class="desc" style="text-align: left; color: black; margin-top: 100px;">{{item.COMMENT | short}}</div> | ||
| 113 | - </div> | ||
| 114 | - </tr> | ||
| 115 | - </table> | ||
| 116 | - </a> | ||
| 117 | - </div> | 71 | + |
| 72 | + <div class="caption"> | ||
| 73 | + <h1 class="icon-bubble font-grey-gallery"> | ||
| 74 | + <span class="caption-subject font-grey-gallery sbold font"> On Hold</span> | ||
| 75 | + <div class="input-icon right" style="margin-left: 820px; margin-top: -20px;" > | ||
| 76 | + <i class="icon-magnifier"> | ||
| 77 | + </i> | ||
| 78 | + <input type="text" placeholder="Search.." class="form-control sbold font"> | ||
| 118 | </div> | 79 | </div> |
| 80 | + </h1> | ||
| 81 | + <hr> | ||
| 82 | + <br> | ||
| 83 | + </div> | ||
| 84 | + <div class="panel-body"> | ||
| 85 | + <div class="row"> | ||
| 86 | + <div class="col-lg-4 col-md-3 col-sm-6 col-xs-12" *ngFor="let item of resultDataOnHold"> | ||
| 87 | + <a class="dashboard-stat dashboard-stat-v2 red " | ||
| 88 | + href="{{item.link}}" | ||
| 89 | + target="_blank" | ||
| 90 | + [ngStyle] = "{'background-color': getColorDay(item.days.toFixed(0))}"> | ||
| 91 | + <!-- <div [ngStyle]="{'background-color':item.days === '366.0098' ? 'green' : 'red' }"></<div> --> | ||
| 92 | + <!-- <div class="avater">{{(item.days).toFixed(0)}} D</div> --> | ||
| 93 | + <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> | ||
| 94 | + <div class="visual"> | ||
| 95 | + <i class="fa fa-comments"></i> | ||
| 96 | + </div> | ||
| 97 | + <table> | ||
| 98 | + <tr> | ||
| 99 | + <div class="details" style="width: calc(100% - 50px);"> | ||
| 100 | + <div style="text-align: right; margin-top: -50px; color: black;">{{item.STATUS}}</div> | ||
| 101 | + <div class= "number" style=" color: black; display: block; text-align: right;"> | ||
| 102 | + <span data-counter="counterup" data-value="">{{item.custgroupName}}</span> | ||
| 103 | + </div> | ||
| 104 | + <div class="desc" style=" color: black;">{{item.team}}</div><br> | ||
| 105 | + <!-- <div class="desc" style="text-align: left; text-align: bottom; color: black;">{{(item.COMMENT > 20)? | (item.COMMENT | slice:0:20) + '....':(item.COMMENT)}}</div> --> | ||
| 106 | + </div> | ||
| 107 | + </tr> | ||
| 108 | + <tr> | ||
| 109 | + <div class="details" style="width: calc(100% - 50px);"> | ||
| 110 | + <div class="desc" style="text-align: left; color: black; margin-top: 100px;">{{item.COMMENT | short}}</div> | ||
| 111 | + </div> | ||
| 112 | + </tr> | ||
| 113 | + </table> | ||
| 114 | + </a> | ||
| 115 | + </div> | ||
| 119 | </div> | 116 | </div> |
| 120 | - </div> | 117 | + </div> |
| 118 | + | ||
| 121 | </div> | 119 | </div> |
| 122 | <div class="panel tab-pane" id="tab2">page 2</div> | 120 | <div class="panel tab-pane" id="tab2">page 2</div> |
| 123 | <div class="panel tab-pane" id="tab3">page 3</div> | 121 | <div class="panel tab-pane" id="tab3">page 3</div> |
| 124 | </div> | 122 | </div> |
| 125 | </div> | 123 | </div> |
| 126 | - | ||
| 127 | - | ||
| 128 | - | ||
| 129 | - | ||
| 130 | - </div> | 124 | +</div> |
| 131 | 125 | ||
| 132 | <!-- งานเก่า | 126 | <!-- งานเก่า |
| 133 | <div class="row"> | 127 | <div class="row"> |