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

Revisions

  1. rajeshpillai revised this gist Oct 16, 2019. 1 changed file with 1 addition and 1 deletion.
    2 changes: 1 addition & 1 deletion dashboard.js
    View file
    Original file line number Diff line number Diff line change
    @@ -57,4 +57,4 @@ let html = `
    </div>
    `;

    return html;
    window.dashboard = html;
  2. rajeshpillai revised this gist Oct 16, 2019. 1 changed file with 6 additions and 2 deletions.
    8 changes: 6 additions & 2 deletions dashboard.js
    View file
    Original file line number Diff line number Diff line change
    @@ -1,4 +1,5 @@
    <div id="content" class="row">
    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">
    @@ -53,4 +54,7 @@
    style="width:100%; height:300px;"></div>
    </main>
    </div>
    </div>
    `;

    return html;
  3. rajeshpillai created this gist Oct 16, 2019.
    56 changes: 56 additions & 0 deletions dashboard.js
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,56 @@
    <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>