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 | 23 | <div class="input-icon right" style="margin-left: 820px; margin-top: -20px;" > |
| 24 | 24 | <i class="icon-magnifier"> |
| 25 | 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 | 27 | </div> |
| 33 | 28 | </h1> |
| 34 | 29 | <hr> |
| 30 | + <br> | |
| 35 | 31 | </div> |
| 36 | 32 | <div class="panel-body"> |
| 37 | 33 | <div class="row"> |
| ... | ... | @@ -69,65 +65,63 @@ |
| 69 | 65 | </div> |
| 70 | 66 | <br> |
| 71 | 67 | <br> |
| 72 | - | |
| 68 | + <br> | |
| 69 | + <br> | |
| 73 | 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 | 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 | 116 | </div> |
| 120 | - </div> | |
| 117 | + </div> | |
| 118 | + | |
| 121 | 119 | </div> |
| 122 | 120 | <div class="panel tab-pane" id="tab2">page 2</div> |
| 123 | 121 | <div class="panel tab-pane" id="tab3">page 3</div> |
| 124 | 122 | </div> |
| 125 | 123 | </div> |
| 126 | - | |
| 127 | - | |
| 128 | - | |
| 129 | - | |
| 130 | - </div> | |
| 124 | +</div> | |
| 131 | 125 | |
| 132 | 126 | <!-- งานเก่า |
| 133 | 127 | <div class="row"> | ... | ... |