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 | 3 | <!-- Active --> |
| 4 | 4 | |
| 5 | 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 | 38 | <div class="col-lg-4 col-md-3 col-sm-6 col-xs-12" *ngFor="let item of resultData"> |
| 37 | 39 | <a class="dashboard-stat dashboard-stat-v2 red " |
| 38 | 40 | href="{{item.link}}" |
| ... | ... | @@ -61,14 +63,15 @@ |
| 61 | 63 | </div> |
| 62 | 64 | </tr> |
| 63 | 65 | </table> |
| 64 | - </a> | |
| 65 | - </div> | |
| 66 | + </a> | |
| 66 | 67 | </div> |
| 68 | + </div> | |
| 67 | 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 | 75 | <div class="caption"> |
| 73 | 76 | <h1 class="icon-bubble font-red-mint"> |
| 74 | 77 | <span class="caption-subject font-red-mint sbold font"> On Hold</span> |
| ... | ... | @@ -115,6 +118,15 @@ |
| 115 | 118 | </div> |
| 116 | 119 | </div> |
| 117 | 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 | 130 | </div> |
| 119 | 131 | |
| 120 | 132 | <!-- งานเก่า | ... | ... |