Commit f08dd7be14fd309ac09740f3b33b5819fdc7cdc1
1 parent
af3d935e
Exists in
master
แก้ tab ลิ้งหน้าได้
Showing
1 changed file
with
47 additions
and
35 deletions
Show diff stats
src/app/dashboard/dashboard.component.html
| @@ -3,36 +3,38 @@ | @@ -3,36 +3,38 @@ | ||
| 3 | <!-- Active --> | 3 | <!-- Active --> |
| 4 | 4 | ||
| 5 | <div class="portlet-body"> | 5 | <div class="portlet-body"> |
| 6 | - <ul class="nav nav-tabs"> | ||
| 7 | - <li class="active sbold font"> | ||
| 8 | - <a href="#" data-toggle="tab" aria-expanded="true">Active</a> | ||
| 9 | - </li> | ||
| 10 | - <li class="sbold"> | ||
| 11 | - <a href="#" data-toggle="tab" aria-expanded="true">xxxx</a> | ||
| 12 | - </li> | ||
| 13 | - <li class="sbold"> | ||
| 14 | - <a href="#" data-toggle="tab" aria-expanded="true">xxxx</a> | ||
| 15 | - </li> | ||
| 16 | - </ul> | ||
| 17 | - <div class="panel panel-default"> | ||
| 18 | - <div class="caption"> | ||
| 19 | - <h1 class="icon-bubble font-green-sharp"> | ||
| 20 | - <span class="caption-subject font-green-sharp sbold font"> Active</span> | ||
| 21 | - <div class="input-icon right" style="margin-left: 820px; margin-top: -20px;" > | ||
| 22 | - <i class="icon-magnifier"> | ||
| 23 | - </i> | ||
| 24 | - <input | ||
| 25 | - type="text" | ||
| 26 | - placeholder="Search.." | ||
| 27 | - class="form-control sbold font" | ||
| 28 | - | ||
| 29 | - > | ||
| 30 | - </div> | ||
| 31 | - </h1> | ||
| 32 | - <hr> | ||
| 33 | - </div> | ||
| 34 | - <div class="panel-body"> | ||
| 35 | - <div class="row"> | 6 | + <div class="tabbable-custom nav-justified"> |
| 7 | + <ul class="nav nav-tabs"> | ||
| 8 | + <li class="active sbold font"> | ||
| 9 | + <a href="#tab1" data-toggle="tab" aria-expanded="true">Active</a> | ||
| 10 | + </li> | ||
| 11 | + <li class="sbold"> | ||
| 12 | + <a href="#tab2" data-toggle="tab" aria-expanded="false">page 2</a> | ||
| 13 | + </li> | ||
| 14 | + <li class="sbold"> | ||
| 15 | + <a href="#tab3" data-toggle="tab" aria-expanded="false">page 3</a> | ||
| 16 | + </li> | ||
| 17 | + </ul> | ||
| 18 | + <div class="tab-content"> | ||
| 19 | + <div class="panel tab-pane active" id="tab1"> | ||
| 20 | + <div class="caption"> | ||
| 21 | + <h1 class="icon-bubble font-green-sharp"> | ||
| 22 | + <span class="caption-subject font-green-sharp sbold font"> Active</span> | ||
| 23 | + <div class="input-icon right" style="margin-left: 820px; margin-top: -20px;" > | ||
| 24 | + <i class="icon-magnifier"> | ||
| 25 | + </i> | ||
| 26 | + <input | ||
| 27 | + type="text" | ||
| 28 | + placeholder="Search.." | ||
| 29 | + class="form-control sbold font" | ||
| 30 | + | ||
| 31 | + > | ||
| 32 | + </div> | ||
| 33 | + </h1> | ||
| 34 | + <hr> | ||
| 35 | + </div> | ||
| 36 | + <div class="panel-body"> | ||
| 37 | + <div class="row"> | ||
| 36 | <div class="col-lg-4 col-md-3 col-sm-6 col-xs-12" *ngFor="let item of resultData"> | 38 | <div class="col-lg-4 col-md-3 col-sm-6 col-xs-12" *ngFor="let item of resultData"> |
| 37 | <a class="dashboard-stat dashboard-stat-v2 red " | 39 | <a class="dashboard-stat dashboard-stat-v2 red " |
| 38 | href="{{item.link}}" | 40 | href="{{item.link}}" |
| @@ -61,14 +63,15 @@ | @@ -61,14 +63,15 @@ | ||
| 61 | </div> | 63 | </div> |
| 62 | </tr> | 64 | </tr> |
| 63 | </table> | 65 | </table> |
| 64 | - </a> | ||
| 65 | - </div> | 66 | + </a> |
| 66 | </div> | 67 | </div> |
| 68 | + </div> | ||
| 67 | </div> | 69 | </div> |
| 68 | - </div> | 70 | + <br> |
| 71 | + <br> | ||
| 69 | 72 | ||
| 70 | - <!-- On Hold --> | ||
| 71 | - <div class="panel panel-default"> | 73 | + <!-- On Hold --> |
| 74 | + <div class="panel"> | ||
| 72 | <div class="caption"> | 75 | <div class="caption"> |
| 73 | <h1 class="icon-bubble font-red-mint"> | 76 | <h1 class="icon-bubble font-red-mint"> |
| 74 | <span class="caption-subject font-red-mint sbold font"> On Hold</span> | 77 | <span class="caption-subject font-red-mint sbold font"> On Hold</span> |
| @@ -115,6 +118,15 @@ | @@ -115,6 +118,15 @@ | ||
| 115 | </div> | 118 | </div> |
| 116 | </div> | 119 | </div> |
| 117 | </div> | 120 | </div> |
| 121 | + </div> | ||
| 122 | + <div class="panel tab-pane" id="tab2">page 2</div> | ||
| 123 | + <div class="panel tab-pane" id="tab3">page 3</div> | ||
| 124 | + </div> | ||
| 125 | + </div> | ||
| 126 | + | ||
| 127 | + | ||
| 128 | + | ||
| 129 | + | ||
| 118 | </div> | 130 | </div> |
| 119 | 131 | ||
| 120 | <!-- งานเก่า | 132 | <!-- งานเก่า |