Spaces:
Sleeping
Sleeping
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>{% block title %}LE_Web{% endblock %}</title> | |
| <!-- Bootstrap CSS --> | |
| <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css"> | |
| <!-- Font Awesome CSS --> | |
| <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css"> | |
| <!-- Custom CSS --> | |
| <link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='css/layout_style.css') }}"> | |
| <!-- Add your additional CSS files here --> | |
| <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/5.3.0/css/bootstrap.min.css"> | |
| <!-- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.8.1/font/bootstrap-icons.css"> | |
| <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css" /> --> | |
| {% block css %} | |
| {% endblock %} | |
| </head> | |
| <body> | |
| <header> | |
| <!-- Your common header code here --> | |
| <nav class="navbar navbar-expand-lg navbar-dark" style="background-color: rgb(17, 67, 86);z-index: 2;position: fixed; top: 0; width: 100%;"> | |
| <div class="container-fluid"> | |
| <a class="navbar-brand" href="index.html" style="padding-left: 70px;">Labor Economics</a> | |
| <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" | |
| aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation"> | |
| <span class="navbar-toggler-icon"></span> | |
| </button> | |
| <div class="collapse navbar-collapse justify-content-end" id="navbarNav"> | |
| <ul class="navbar-nav"> | |
| <li class="nav-item"> | |
| <a class="nav-link" href="home.html"><i class="bi bi-house-fill"></i> Home</a> | |
| </li> | |
| <li class="nav-item"> | |
| <a class="nav-link" href="data.html"><i class="bi bi-graph-up"></i> Data</a> | |
| </li> | |
| <li class="nav-item"> | |
| <a class="nav-link" href="stats.html"><i class="bi bi-bar-chart-fill"></i> Stats & Validation</a> | |
| </li> | |
| <li class="nav-item"> | |
| <a class="nav-link" href="dashboard.html"><i class="bi bi-speedometer2"></i> Performance Dashboard</a> | |
| </li> | |
| </ul> | |
| </div> | |
| </div> | |
| </nav> | |
| </header> | |
| <div class="container-fluid" style="margin-top: 55px;"> | |
| <div class="row"> | |
| {% if show_sidebar %} | |
| <!-- Sidebar content goes here --> | |
| <div class="col-md-1"> | |
| <div class="left_tblsidebar"> | |
| <!-- Sidebar content here --> | |
| <!-- Sidebar content for dashboard page goes here --> | |
| <ul class="nav flex-column" style="z-index: 0;"> | |
| <!-- Icon and tooltip for Workforce --> | |
| <li class="nav-item {% if 'workforce' not in req_tables|map('lower') %} disabled {% endif %}"> | |
| <a class="val_leftsidebarcls" href="/validate_workforce" data-section="workforce"> | |
| <i class="fas fa-users"></i> | |
| <span>Workforce</span> | |
| </a> | |
| </li> | |
| <!-- Icon and tooltip for Badges --> | |
| <li class="nav-item {% if 'badges' not in req_tables|map('lower') %} disabled {% endif %}"> | |
| <a class="val_leftsidebarcls" href="/validate_badges" data-section="badges"> | |
| <i class="fas fa-ribbon"></i> | |
| <span style="text-align: center;">Badges</span> | |
| </a> | |
| </li> | |
| <!-- Icon and tooltip for Learning --> | |
| <li class="nav-item {% if 'compensation' not in req_tables|map('lower') %} disabled {% endif %}"> | |
| <a class="val_leftsidebarcls" href="/validate_compensation" data-section="compensation"> | |
| <i class="fas fa-money-bill-wave"></i> | |
| <span>Salary</span> | |
| </a> | |
| </li> | |
| <!-- Icon and tooltip for Misc Details --> | |
| <li class="nav-item"> | |
| <a class="val_leftsidebarcls" href="/validate_miscellaneous" data-toggle="tooltip" data-placement="right" title="Misc Details"> | |
| <i class="fa-solid fa-layer-group"></i> | |
| <span>Misc</span> | |
| </a> | |
| </li> | |
| </ul> | |
| </div> | |
| </div> | |
| {% endif %} | |
| <!-- Main content goes here --> | |
| <div class="{% if show_sidebar %}col-md-10{% else %}col-md-12{% endif %}"> | |
| {% block content %} | |
| <!-- Your main content goes here --> | |
| {% endblock %} | |
| </div> | |
| </div> | |
| </div> | |
| <!-- Bootstrap JS (Make sure to include this before your custom JS, if any) --> | |
| <script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/js/all.min.js"></script> | |
| <script src="https://code.jquery.com/jquery-3.6.0.slim.min.js"></script> | |
| <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/2.10.2/umd/popper.min.js"></script> | |
| <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script> | |
| <!-- Add your additional JavaScript files here --> | |
| {% block javascript %} | |
| {% endblock %} | |
| </body> | |
| </html> | |