Conservancy/reimbursinator
6
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Merge pull request #38 from danieldupriest/dashboard-nav-card

Browse source 
Add card with nav pills to dashboard
This commit is contained in:
sliang17 2019-01-26 11:40:47 -08:00 committed by GitHub
commit 19bbc409f9
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 20 additions and 20 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

40
front/static/dashboard.html
View file

@ -19,10 +19,7 @@
<div class="collapse navbar-collapse" id="collapsing-dashboard-navbar"> <div class="collapse navbar-collapse" id="collapsing-dashboard-navbar">
<ul class="navbar-nav ml-auto"> <ul class="navbar-nav ml-auto">
<li class="nav-item"> <li class="nav-item">
<a class="nav-link log-out-link" href="#"> <a class="nav-link log-out-link" href="#"><i class="fas fa-sign-out-alt"></i>Log Out</a>
<i class="fas fa-sign-out-alt"></i>
Log Out
</a>
</li> </li>
</ul> </ul>
</div> </div>
@ -31,23 +28,26 @@
<div class="jumbotron"> <div class="jumbotron">
<h1>Reimbursinator Report</h1> <h1>Reimbursinator Report</h1>
</div> </div>
<nav class="navbar"> <div class="card">
<ul class="nav nav-tabs mr-auto"> <div class="card-header">
<li class="nav-item"><a class="nav-link" data-toggle="tab" href="#New">New</a></li> <ul class="nav nav-pills card-header-pills">
<li class="nav-item"><a class="nav-link" data-toggle="tab" href="#Unfinished">Unfinished</a></li> <li class="nav-item"><a class="nav-link" data-toggle="tab" href="#New">New</a></li>
<li class="nav-item"><a class="nav-link" data-toggle="tab" href="#History">History</a></li> <li class="nav-item"><a class="nav-link" data-toggle="tab" href="#Unfinished" id="unfinished-link">Unfinished</a></li>
<li class="nav-item"><a class="nav-link disabled" href="#">Others</a></li> <li class="nav-item"><a class="nav-link" data-toggle="tab" href="#History">History</a></li>
</ul> </ul>
</nav>
<div class="tab-content">
<div id="New" class="tab-pane fade in active">
<h1>New report</h1>
</div> </div>
<div id="Unfinished" class="tab-pane fade"> <div class="card-body">
<h1>List of Unfinished report</h1> <div class="tab-content">
</div> <div id="New" class="tab-pane fade in active">
<div id="History" class="tab-pane fade"> <h1 class="card-title">New report</h1>
<h1>Report history</h1> </div>
<div id="Unfinished" class="tab-pane fade">
<h1 class="card-title">Unfinished Reports</h1>
</div>
<div id="History" class="tab-pane fade">
<h1 class="card-title">Report history</h1>
</div>
</div>
</div> </div>
</div> </div>
</div> </div>