diff options
| author | ckonstanski <kostcarl@isu.edu> | 2026-07-30 18:17:14 -0600 |
|---|---|---|
| committer | ckonstanski <kostcarl@isu.edu> | 2026-07-30 18:17:14 -0600 |
| commit | 640ff61422bc0ee3966941b93d9889ddbbd38d77 (patch) | |
| tree | abf1c08f5d38ee53ec8b29dc4f425722517505e6 /src/dashboard/templates/includes | |
| parent | 22dae02a86c1fce71091bfa5289cf99abba1b217 (diff) | |
Diffstat (limited to 'src/dashboard/templates/includes')
| -rw-r--r-- | src/dashboard/templates/includes/base.html | 35 | ||||
| -rw-r--r-- | src/dashboard/templates/includes/main-panel.html | 17 | ||||
| -rw-r--r-- | src/dashboard/templates/includes/sidebar.html | 26 | ||||
| -rw-r--r-- | src/dashboard/templates/includes/top_navbar.html | 13 |
4 files changed, 91 insertions, 0 deletions
diff --git a/src/dashboard/templates/includes/base.html b/src/dashboard/templates/includes/base.html new file mode 100644 index 0000000..751853b --- /dev/null +++ b/src/dashboard/templates/includes/base.html @@ -0,0 +1,35 @@ +<!DOCTYPE html> +{% load static %} +<html lang="en"> + +<head> + <meta charset="utf-8" /> + <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> + <meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0, shrink-to-fit=no' name='viewport' /> + + <!-- Core JS Files --> + <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script> + <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.6/umd/popper.min.js" integrity="sha384-wHAiFfRlMFy6i5SRaxvfOCifBUQy1xHdJ/yoi7FRNXMRBu5WHdZYu1hA6ZOblgut" crossorigin="anonymous"></script> + <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/js/bootstrap.min.js" integrity="sha384-B0UglyR+jN6CkvvICOB2joaf5I4l3gm9GU6Hc1og6Ls7i6U/mkkaduKaBhlAXv9k" crossorigin="anonymous"></script> + {% block javascript %}{% endblock %} + + <!-- Fonts and icons --> + <link href="https://fonts.googleapis.com/css?family=Montserrat:400,700,200" rel="stylesheet" /> + <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/latest/css/font-awesome.min.css" /> + + <!-- CSS Files --> + <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" integrity="sha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z" crossorigin="anonymous"> + <link rel="stylesheet" href="../../static/css/styles.css?v=2.0.0 " /> + {% block stylesheet %}{% endblock %} + + <title>Far-Edge Ops Middleware</title> +</head> + +<body> + <div class="wrapper"> + {% include 'includes/sidebar.html' %} + {% block main_panel %} {% endblock %} + </div> +</body> + +</html>
\ No newline at end of file diff --git a/src/dashboard/templates/includes/main-panel.html b/src/dashboard/templates/includes/main-panel.html new file mode 100644 index 0000000..5e9aad7 --- /dev/null +++ b/src/dashboard/templates/includes/main-panel.html @@ -0,0 +1,17 @@ +{% extends 'includes/base.html' %} + +{% block main_panel %} +<div class="main-panel"> + <!-- Navbar --> + {% include 'includes/top_navbar.html' %} + <!-- End Navbar --> + + <!-- Content Section --> + <div class="content"> + <div class="container-fluid"> + {% block content %} No Content Added Yet {% endblock %} + </div> + </div> + <!-- End Content Section --> +</div> +{% endblock %}
\ No newline at end of file diff --git a/src/dashboard/templates/includes/sidebar.html b/src/dashboard/templates/includes/sidebar.html new file mode 100644 index 0000000..5997f61 --- /dev/null +++ b/src/dashboard/templates/includes/sidebar.html @@ -0,0 +1,26 @@ +<div class="sidebar" data-color="black"> + <div class="sidebar-wrapper"> + <div class="logo"> + <a class="simple-text"> + VCP Far Edge Dashboard + </a> + </div> + <ul id="nav" class="nav"> + <li id="dashboard" class="nav-item "> + <a class="nav-link" href="{% url 'dashboard' %}"> + <p>Dashboard</p> + </a> + </li> + <li id="deployment" class="nav-item "> + <a class="nav-link" href="{% url 'deployment' %}"> + <p>Deployment</p> + </a> + </li> + <li id="hardware" class="nav-item "> + <a class="nav-link" href="{% url 'hardware' %}"> + <p>Hardware</p> + </a> + </li> + </ul> + </div> +</div>
\ No newline at end of file diff --git a/src/dashboard/templates/includes/top_navbar.html b/src/dashboard/templates/includes/top_navbar.html new file mode 100644 index 0000000..5765358 --- /dev/null +++ b/src/dashboard/templates/includes/top_navbar.html @@ -0,0 +1,13 @@ +<nav class="navbar navbar-expand-lg " color-on-scroll="500"> + <div class="container-fluid"> + <div class="collapse navbar-collapse justify-content-end" id="navigation"> + <ul class="navbar-nav ml-auto"> + <li class="nav-item"> + <a class="nav-link" href="#pablo"> + <span class="no-icon">Log out</span> + </a> + </li> + </ul> + </div> + </div> +</nav>
\ No newline at end of file |