Last active
October 16, 2019 08:53
-
-
Save rajeshpillai/2ef46b068749522163b5993c3bd3c68a to your computer and use it in GitHub Desktop.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| let html = ` | |
| <div id="content" class="row"> | |
| <nav class="col-md-2 d-none d-md-block bg-light sidebar"> | |
| <div class="sidebar-sticky"> | |
| <ul class="nav flex-column"> | |
| <li class="nav-item"> | |
| <a data-filter="dashboard" class="nav-link active" href="#"> | |
| <span data-feather="home"></span> | |
| Dashboard <span class="sr-only">(current)</span> | |
| </a> | |
| </li> | |
| <li class="nav-item"> | |
| <a data-filter="qatar" class="nav-link" href="#"> | |
| <span data-feather="file"></span> | |
| Qatar | |
| </a> | |
| </li> | |
| <li class="nav-item"> | |
| <a data-filter="oman" class="nav-link" href="#"> | |
| <span data-feather="shopping-cart"></span> | |
| Oman | |
| </a> | |
| </li> | |
| </ul> | |
| </div> | |
| </nav> | |
| <main role="main" class="col-md-9 ml-sm-auto col-lg-10 px-4"> | |
| <div class="d-flex justify-content-between flex-wrap flex-md-nowrap align-items-center pt-3 pb-2 mb-3 border-bottom"> | |
| <h1 class="h2">Dashboard</h1> | |
| <div class="btn-toolbar mb-2 mb-md-0"> | |
| <div class="btn-group mr-2"> | |
| <button type="button" class="btn btn-sm btn-outline-secondary">Share</button> | |
| <button type="button" class="btn btn-sm btn-outline-secondary">Export</button> | |
| </div> | |
| <button type="button" class="btn btn-sm btn-outline-secondary dropdown-toggle"> | |
| <span data-feather="calendar"></span> | |
| This week | |
| </button> | |
| </div> | |
| </div> | |
| <div class="styled-select"> | |
| <h3>Year | |
| <select id="selectYear"> | |
| <option>2018</option> | |
| <option>2019</option> | |
| </select></h3> | |
| </div> | |
| <div id="chartContainer" | |
| style="width:100%; height:300px;"></div> | |
| </main> | |
| </div> | |
| `; | |
| window.dashboard = html; |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment