Skip to content

Instantly share code, notes, and snippets.

@rajeshpillai

rajeshpillai/dashboard.js

Last active October 16, 2019 08:53
Show Gist options
  • Save rajeshpillai/2ef46b068749522163b5993c3bd3c68a to your computer and use it in GitHub Desktop.
Save rajeshpillai/2ef46b068749522163b5993c3bd3c68a to your computer and use it in GitHub Desktop.
Download ZIP
Raw
dashboard.js
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