From f08dd7be14fd309ac09740f3b33b5819fdc7cdc1 Mon Sep 17 00:00:00 2001
From: DESKTOP-D5ILJ4S\flr_3 <flr_3214@hotmail.co.th>
Date: Fri, 6 Jul 2018 10:41:10 +0700
Subject: [PATCH] แก้ tab ลิ้งหน้าได้

---
 src/app/dashboard/dashboard.component.html | 82 +++++++++++++++++++++++++++++++++++++++++++++++-----------------------------------
 1 file changed, 47 insertions(+), 35 deletions(-)

diff --git a/src/app/dashboard/dashboard.component.html b/src/app/dashboard/dashboard.component.html
index f39a935..8efc81f 100644
--- a/src/app/dashboard/dashboard.component.html
+++ b/src/app/dashboard/dashboard.component.html
@@ -3,36 +3,38 @@
   <!-- Active -->
   
 <div class="portlet-body">
-  <ul class="nav nav-tabs">
-    <li class="active sbold font">
-      <a href="#" data-toggle="tab" aria-expanded="true">Active</a>
-    </li>
-    <li class="sbold">
-      <a href="#" data-toggle="tab" aria-expanded="true">xxxx</a>
-    </li>
-    <li class="sbold">
-        <a href="#" data-toggle="tab" aria-expanded="true">xxxx</a>
-    </li>
-  </ul>
-    <div class="panel panel-default">
-      <div class="caption">
-        <h1 class="icon-bubble font-green-sharp">
-          <span class="caption-subject font-green-sharp sbold font"> Active</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="tabbable-custom nav-justified">
+    <ul class="nav nav-tabs">
+      <li class="active sbold font">
+        <a href="#tab1" data-toggle="tab" aria-expanded="true">Active</a>
+      </li>
+      <li class="sbold">
+        <a href="#tab2" data-toggle="tab" aria-expanded="false">page 2</a>
+      </li>
+      <li class="sbold">
+        <a href="#tab3" data-toggle="tab" aria-expanded="false">page 3</a>
+      </li>
+    </ul>
+    <div class="tab-content">
+      <div class="panel tab-pane active" id="tab1">
+        <div class="caption">
+          <h1 class="icon-bubble font-green-sharp">
+            <span class="caption-subject font-green-sharp sbold font"> Active</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 resultData">
               <a class="dashboard-stat dashboard-stat-v2 red "
                   href="{{item.link}}" 
@@ -61,14 +63,15 @@
                     </div>
                   </tr>
                 </table>
-                </a>
-              </div>
+              </a>
             </div>
+          </div>
         </div>
-      </div>
+    <br>
+    <br>
 
-      <!-- On Hold -->
-      <div class="panel panel-default">
+        <!-- On Hold -->
+      <div class="panel">
           <div class="caption">
             <h1 class="icon-bubble font-red-mint">
               <span class="caption-subject font-red-mint sbold font"> On Hold</span>
@@ -115,6 +118,15 @@
             </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>   
       
     <!-- งานเก่า
--
libgit2 0.21.2