From 2eac6113b6b9425efd87aa13b611b5ef1da21fb8 Mon Sep 17 00:00:00 2001
From: DESKTOP-D5ILJ4S\flr_3 <flr_3214@hotmail.co.th>
Date: Fri, 6 Jul 2018 11:23:48 +0700
Subject: [PATCH] แก้ panel on hold

---
 src/app/dashboard/dashboard.component.html | 108 +++++++++++++++++++++++++++++++++++++++++++++++++++---------------------------------------------------------
 1 file changed, 51 insertions(+), 57 deletions(-)

diff --git a/src/app/dashboard/dashboard.component.html b/src/app/dashboard/dashboard.component.html
index 7a52707..b345ca7 100644
--- a/src/app/dashboard/dashboard.component.html
+++ b/src/app/dashboard/dashboard.component.html
@@ -23,15 +23,11 @@
             <div class="input-icon right" style="margin-left: 820px; margin-top: -20px;" >
               <i class="icon-magnifier">
               </i>
-              <input 
-              type="text" 
-              placeholder="Search.." 
-              class="form-control sbold font"
-              
-              >
+              <input type="text" placeholder="Search.." class="form-control sbold font">
             </div>
           </h1>
           <hr>
+          <br>
         </div>
         <div class="panel-body">
           <div class="row">
@@ -69,65 +65,63 @@
         </div>
     <br>
     <br>
-
+    <br>
+    <br>
         <!-- On Hold -->
-      <div class="panel">
-          <div class="caption">
-            <h1 class="icon-bubble font-grey-gallery">
-              <span class="caption-subject font-grey-gallery sbold font"> On Hold</span>
-              <div class="input-icon right" style="margin-left: 820px; margin-top: -20px;" >
-                <i class="icon-magnifier">
-                </i>
-                <input type="text" placeholder="Search.." class="form-control sbold font">
-              </div>
-            </h1>
-            <hr>
-          </div>
-          <div class="panel-body">
-            <div class="row">
-                <div class="col-lg-4 col-md-3 col-sm-6 col-xs-12" *ngFor="let item of resultDataOnHold">
-                  <a class="dashboard-stat dashboard-stat-v2 red "
-                      href="{{item.link}}" 
-                      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))}" style="font-size: 26px; text-align: center; font-weight: bold;" >{{item.days.toFixed(0)}}D</div>
-                    <div class="visual">
-                      <i class="fa fa-comments"></i>
-                    </div>
-                    <table>
-                      <tr>
-                        <div class="details" style="width: calc(100% - 50px);">
-                          <div style="text-align: right; margin-top: -50px; color: black;">{{item.STATUS}}</div>
-                            <div class= "number" style=" color: black; display: block; text-align: right;">
-                              <span data-counter="counterup" data-value="">{{item.custgroupName}}</span>
-                            </div>
-                          <div class="desc" style=" color: black;">{{item.team}}</div><br>
-                          <!-- <div class="desc" style="text-align: left; text-align: bottom; color: black;">{{(item.COMMENT > 20)? | (item.COMMENT | slice:0:20) + '....':(item.COMMENT)}}</div> -->
-                        </div>
-                      </tr>
-                      <tr>
-                        <div class="details" style="width: calc(100% - 50px);">
-                          <div class="desc" style="text-align: left; color: black; margin-top: 100px;">{{item.COMMENT | short}}</div> 
-                        </div>
-                      </tr>
-                    </table>
-                    </a>
-                  </div>
+      
+        <div class="caption">
+          <h1 class="icon-bubble font-grey-gallery">
+            <span class="caption-subject font-grey-gallery sbold font"> On Hold</span>
+            <div class="input-icon right" style="margin-left: 820px; margin-top: -20px;" >
+              <i class="icon-magnifier">
+              </i>
+              <input type="text" placeholder="Search.." class="form-control sbold font">
             </div>
+          </h1>
+          <hr>
+          <br>
+        </div>
+        <div class="panel-body">
+          <div class="row">
+              <div class="col-lg-4 col-md-3 col-sm-6 col-xs-12" *ngFor="let item of resultDataOnHold">
+                <a class="dashboard-stat dashboard-stat-v2 red "
+                    href="{{item.link}}" 
+                    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))}" style="font-size: 26px; text-align: center; font-weight: bold;" >{{item.days.toFixed(0)}}D</div>
+                  <div class="visual">
+                    <i class="fa fa-comments"></i>
+                  </div>
+                  <table>
+                    <tr>
+                      <div class="details" style="width: calc(100% - 50px);">
+                        <div style="text-align: right; margin-top: -50px; color: black;">{{item.STATUS}}</div>
+                          <div class= "number" style=" color: black; display: block; text-align: right;">
+                            <span data-counter="counterup" data-value="">{{item.custgroupName}}</span>
+                          </div>
+                        <div class="desc" style=" color: black;">{{item.team}}</div><br>
+                        <!-- <div class="desc" style="text-align: left; text-align: bottom; color: black;">{{(item.COMMENT > 20)? | (item.COMMENT | slice:0:20) + '....':(item.COMMENT)}}</div> -->
+                      </div>
+                    </tr>
+                    <tr>
+                      <div class="details" style="width: calc(100% - 50px);">
+                        <div class="desc" style="text-align: left; color: black; margin-top: 100px;">{{item.COMMENT | short}}</div> 
+                      </div>
+                    </tr>
+                  </table>
+                  </a>
+                </div>
           </div>
-      </div>
+        </div>
+      
       </div>
       <div class="panel tab-pane" id="tab2">page 2</div>
       <div class="panel tab-pane" id="tab3">page 3</div>
     </div>  
   </div>
-
-      
-      
-    
-  </div>   
+</div>   
       
     <!-- งานเก่า
     <div class="row">
--
libgit2 0.21.2