first comit
This commit is contained in:
96
templates/includes/base.html
Normal file
96
templates/includes/base.html
Normal file
@@ -0,0 +1,96 @@
|
||||
<!--
|
||||
=========================================================
|
||||
* Argon Dashboard 2 - v2.0.4
|
||||
=========================================================
|
||||
|
||||
* Product Page: https://www.creative-tim.com/product/argon-dashboard
|
||||
* Copyright 2022 Creative Tim (https://www.creative-tim.com)
|
||||
* Licensed under MIT (https://www.creative-tim.com/license)
|
||||
* Coded by Creative Tim
|
||||
|
||||
=========================================================
|
||||
|
||||
* The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
|
||||
-->
|
||||
{% load static %}
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||
<link rel="apple-touch-icon" sizes="76x76" href="{% static 'img/apple-icon.png' %}">
|
||||
<link rel="icon" type="image/png" href="{% static 'img/favicon.png' %}">
|
||||
<title>
|
||||
TMHR
|
||||
</title>
|
||||
<!-- Fonts and icons -->
|
||||
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700" rel="stylesheet" />
|
||||
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet" />
|
||||
<!-- Nucleo Icons -->
|
||||
<link href="{% static 'css/nucleo-icons.css' %}" rel="stylesheet" />
|
||||
<link href="{% static 'css/nucleo-svg.css' %}" rel="stylesheet" />
|
||||
|
||||
<link rel="stylesheet" href="{% static 'fonts/icomoon/style.css' %}" />
|
||||
<link rel="stylesheet" href="{% static 'css/rome.css' %}">
|
||||
<link rel="stylesheet" href="{% static 'css/style.css' %}">
|
||||
|
||||
|
||||
<!-- Font Awesome Icons -->
|
||||
<script src="https://kit.fontawesome.com/42d5adcbca.js" crossorigin="anonymous"></script>
|
||||
<link href="{% static 'css/nucleo-svg.css' %}" rel="stylesheet" />
|
||||
<!-- CSS Files -->
|
||||
<link id="pagestyle" href="{% static 'css/argon-dashboard.css' %}" rel="stylesheet" />
|
||||
|
||||
{% block styles %}
|
||||
{% endblock styles %}
|
||||
</head>
|
||||
|
||||
<body class="g-sidenav-show bg-gray-100">
|
||||
|
||||
<div class="position-absolute w-100 min-height-300 top-0" style="background-image: url('https://images.unsplash.com/photo-1486406146926-c627a92ad1ab?q=80&w=2340&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D'); background-position-y: 50%;">
|
||||
<span class="mask bg-primary opacity-6"></span>
|
||||
</div>
|
||||
{% include 'includes/sidebar.html' %}
|
||||
<div class="main-content position-relative max-height-vh-100 h-100">
|
||||
{% include 'includes/navbar.html' %}
|
||||
{% block content %}
|
||||
{% endblock content %}
|
||||
<div class="toast-container position-fixed bottom-0 end-0 p-3">
|
||||
<div id="toast-alert" class="toast" role="alert" aria-live="assertive" aria-atomic="true">
|
||||
<div class="toast-header text-dark">
|
||||
<strong class="me-auto " id='toast-title'></strong>
|
||||
<button type="button" class="btn-close" data-bs-dismiss="toast" aria-label="Close"></button>
|
||||
</div>
|
||||
<div class="toast-body" id='toast-message'>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<footer class="footer pt-3 pb-2 ">
|
||||
<div class="container-fluid">
|
||||
<div class="row align-items-center justify-content-lg-between">
|
||||
<div class="col-lg-6 mb-lg-0 mb-4">
|
||||
<div class="copyright text-center text-sm text-muted text-lg-start">
|
||||
© <script>
|
||||
document.write(new Date().getFullYear())
|
||||
</script>,
|
||||
made with <i class="fa fa-heart"></i> by
|
||||
<a href="https://www.themainframe.co.uk" class="font-weight-bold" target="_blank">Joshua Kirkcaldy</a>
|
||||
for a better web.
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6">
|
||||
<ul class="nav nav-footer justify-content-center justify-content-lg-end">
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
</div>
|
||||
{% include 'includes/scripts.html' %}
|
||||
{% block scripts %}
|
||||
{% endblock scripts %}
|
||||
</body>
|
||||
|
||||
</html>
|
||||
63
templates/includes/base_auth.html
Normal file
63
templates/includes/base_auth.html
Normal file
@@ -0,0 +1,63 @@
|
||||
{% load static %}
|
||||
<!--
|
||||
=========================================================
|
||||
* Argon Dashboard 2 - v2.0.4
|
||||
=========================================================
|
||||
|
||||
* Product Page: https://www.creative-tim.com/product/argon-dashboard
|
||||
* Copyright 2022 Creative Tim (https://www.creative-tim.com)
|
||||
* Licensed under MIT (https://www.creative-tim.com/license)
|
||||
* Coded by Creative Tim
|
||||
|
||||
=========================================================
|
||||
|
||||
* The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
|
||||
-->
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||
<link rel="apple-touch-icon" sizes="76x76" href="{% static 'img/apple-icon.png' %}">
|
||||
<link rel="icon" type="image/png" href="{% static 'img/favicon.png' %}">
|
||||
<title>
|
||||
TMHR
|
||||
</title>
|
||||
<!-- Fonts and icons -->
|
||||
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700" rel="stylesheet" />
|
||||
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
|
||||
|
||||
<!-- Nucleo Icons -->
|
||||
<link href="{% static 'css/nucleo-icons.css' %}" rel="stylesheet" />
|
||||
<link href="{% static 'css/nucleo-svg.css' %}" rel="stylesheet" />
|
||||
<!-- Font Awesome Icons -->
|
||||
<script src="https://kit.fontawesome.com/42d5adcbca.js" crossorigin="anonymous"></script>
|
||||
<link href="{% static 'css/nucleo-svg.css' %}" rel="stylesheet" />
|
||||
<!-- CSS Files -->
|
||||
<link id="pagestyle" href="{% static 'css/argon-dashboard.css' %}" rel="stylesheet" />
|
||||
{% block styles %}{% endblock styles%}
|
||||
</head>
|
||||
<body class="">
|
||||
|
||||
{% block content %}{% endblock content %}
|
||||
<footer class="footer py-5">
|
||||
<div class="container">
|
||||
|
||||
<div class="row">
|
||||
<div class="col-8 mx-auto text-center mt-1">
|
||||
<p class="mb-0 text-secondary">
|
||||
Copyright © <script>
|
||||
document.write(new Date().getFullYear())
|
||||
</script> Joshua Kirkcaldy.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
{% include 'includes/scripts.html' %}
|
||||
{% block scripts %}
|
||||
{% endblock scripts %}
|
||||
</body>
|
||||
|
||||
</html>
|
||||
30
templates/includes/nav_auth.html
Normal file
30
templates/includes/nav_auth.html
Normal file
@@ -0,0 +1,30 @@
|
||||
{% load static %}
|
||||
|
||||
<nav class="navbar navbar-expand-lg position-absolute top-0 z-index-3 w-100 shadow-none my-3 navbar-transparent mt-4">
|
||||
<div class="container">
|
||||
|
||||
<button class="navbar-toggler shadow-none ms-2" type="button" data-bs-toggle="collapse" data-bs-target="#navigation" aria-controls="navigation" aria-expanded="false" aria-label="Toggle navigation">
|
||||
<span class="navbar-toggler-icon mt-2">
|
||||
<span class="navbar-toggler-bar bar1"></span>
|
||||
<span class="navbar-toggler-bar bar2"></span>
|
||||
<span class="navbar-toggler-bar bar3"></span>
|
||||
</span>
|
||||
</button>
|
||||
<div class="collapse navbar-collapse" id="navigation">
|
||||
<ul class="navbar-nav mx-auto">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link me-2" href="../pages/sign-up.html">
|
||||
<i class="fas fa-user-circle opacity-6 me-1"></i>
|
||||
Sign Up
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link me-2" href="../pages/sign-in.html">
|
||||
<i class="fas fa-key opacity-6 me-1"></i>
|
||||
Sign In
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
45
templates/includes/navbar.html
Normal file
45
templates/includes/navbar.html
Normal file
@@ -0,0 +1,45 @@
|
||||
{% load static %}
|
||||
<nav class="navbar navbar-main navbar-expand-lg bg-transparent shadow-none position-absolute px-4 w-100 " id="navbarBlur" data-scroll="false">
|
||||
<div class="container-fluid py-1 px-3">
|
||||
|
||||
<div class="collapse navbar-collapse mt-sm-0 mt-2 me-md-0 me-sm-4" id="navbar">
|
||||
<div class="ms-md-auto pe-md-3 d-flex align-items-center">
|
||||
<div class="input-group">
|
||||
<span class="input-group-text text-body"><i class="fas fa-search" aria-hidden="true"></i></span>
|
||||
<input type="text" class="form-control" placeholder="Type here...">
|
||||
</div>
|
||||
</div>
|
||||
<ul class="navbar-nav justify-content-end">
|
||||
|
||||
<li class="nav-item d-xl-none ps-3 d-flex align-items-center">
|
||||
<a href="javascript:;" class="nav-link text-white p-0" id="iconNavbarSidenav">
|
||||
<div class="sidenav-toggler-inner">
|
||||
<i class="sidenav-toggler-line bg-white"></i>
|
||||
<i class="sidenav-toggler-line bg-white"></i>
|
||||
<i class="sidenav-toggler-line bg-white"></i>
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item px-3 d-flex align-items-center">
|
||||
<a href="javascript:;" class="nav-link text-white p-0" id="dropdownMenuButton" data-bs-toggle="dropdown" aria-expanded="false">
|
||||
<i class="fa fa-cog fixed-plugin-button-nav cursor-pointer"></i>
|
||||
</a>
|
||||
<ul class="dropdown-menu dropdown-menu-end px-2 py-3 me-sm-n4" aria-labelledby="dropdownMenuButton">
|
||||
<li class="mb-2">
|
||||
<a class="dropdown-item border-radius-md" href='{% url "admin:index" %}' target="_blank">
|
||||
<i class="fas fa-cogs fa-sm fa-fw mr-2 text-gray-400"></i>
|
||||
Settings
|
||||
</a>
|
||||
</li>
|
||||
{% if user.is_authenticated %}
|
||||
<li class="mb-2">
|
||||
<a class="dropdown-item border-radius-md" href='{% url "accounts:logout" %}'>
|
||||
<i class="fa fa-sign-out fa-sm fa-fw mr-2 text-gray-400"></i>
|
||||
Log out
|
||||
</a>
|
||||
</li>
|
||||
{% endif %}
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
38
templates/includes/scripts.html
Normal file
38
templates/includes/scripts.html
Normal file
@@ -0,0 +1,38 @@
|
||||
{% load static %}
|
||||
<!-- Core JS Files -->
|
||||
<script src="{% static 'js/core/popper.min.js' %}"></script>
|
||||
<script src="{% static 'js/core/bootstrap.min.js' %}"></script>
|
||||
<script src="{% static 'js/plugins/perfect-scrollbar.min.js' %}"></script>
|
||||
<script src="{% static 'js/plugins/smooth-scrollbar.min.js' %}"></script>
|
||||
<script src="{% static 'js/plugins/chartjs.min.js' %}"></script>
|
||||
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
|
||||
<script src="https://cdn.jsdelivr.net/npm/js-cookie@3.0.5/dist/js.cookie.min.js"></script>
|
||||
<script>
|
||||
const csrftoken = Cookies.get('csrftoken');
|
||||
</script>
|
||||
|
||||
<script>
|
||||
var win = navigator.platform.indexOf('Win') > -1;
|
||||
if (win && document.querySelector('#sidenav-scrollbar')) {
|
||||
var options = {
|
||||
damping: '0.5'
|
||||
}
|
||||
Scrollbar.init(document.querySelector('#sidenav-scrollbar'), options);
|
||||
}
|
||||
</script>
|
||||
<!-- Github buttons -->
|
||||
<script async defer src="https://buttons.github.io/buttons.js"></script>
|
||||
<!-- Control Center for Soft Dashboard: parallax effects, scripts for the example pages etc -->
|
||||
<script src="{% static 'js/argon-dashboard.min.js' %}"></script>
|
||||
<script>
|
||||
const toast = document.getElementById('toast-alert')
|
||||
const toastBootstrap = bootstrap.Toast.getOrCreateInstance(toast)
|
||||
$(document).ready(function() {
|
||||
try {
|
||||
toast.classList.remove('text-bg-success');
|
||||
toast.classList.remove('text-bg-warning');
|
||||
toast.classList.remove('text-bg-danger');
|
||||
} catch {};
|
||||
});
|
||||
|
||||
</script>
|
||||
70
templates/includes/sidebar.html
Normal file
70
templates/includes/sidebar.html
Normal file
@@ -0,0 +1,70 @@
|
||||
{% load static %}
|
||||
<aside class="sidenav bg-white navbar navbar-vertical navbar-expand-xs border-0 border-radius-xl my-3 fixed-start ms-4 " id="sidenav-main">
|
||||
<div class="sidenav-header ">
|
||||
<i class="fas fa-times p-3 cursor-pointer text-secondary opacity-5 position-absolute end-0 top-0 d-none d-xl-none" aria-hidden="true" id="iconSidenav"></i>
|
||||
<a class="navbar-brand" href="{% url 'index' %}">
|
||||
<img src="{% static 'img/logos/logo-black-no-border.png' %}" class="navbar-brand-img text-center me-2 d-flex align-items-center justify-content-center ms-3" alt="main_logo">
|
||||
</a>
|
||||
</div>
|
||||
<hr class="horizontal dark mt-5">
|
||||
<div class="collapse navbar-collapse w-auto " id="sidenav-collapse-main">
|
||||
<ul class="navbar-nav">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link {% if 'index' in segment %} active {% endif %}" href="{% url 'index' %}">
|
||||
<div class="icon icon-shape icon-sm border-radius-md text-center me-2 d-flex align-items-center justify-content-center">
|
||||
<span class="material-icons opacity-10">home</span>
|
||||
</div>
|
||||
<span class="nav-link-text ms-1">Dashboard</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link {% if 'profile' in segment %} active {% endif %}" href="{% url 'profile' %}">
|
||||
<div class="icon icon-shape icon-sm border-radius-md text-center me-2 d-flex align-items-center justify-content-center">
|
||||
<span class="material-icons opacity-10">manage_accounts</span>
|
||||
</div>
|
||||
<span class="nav-link-text ms-1">Profile</span>
|
||||
</a>
|
||||
</li>
|
||||
{% if user.is_staff %}
|
||||
<li class="nav-item mt-3">
|
||||
<h6 class="ps-4 ms-2 text-uppercase text-xs font-weight-bolder opacity-6">Management</h6>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link {% if 'add_employee' in segment %} active {% endif %}" href="{% url 'manager:add_employee' %}">
|
||||
<div class="icon icon-shape icon-sm border-radius-md text-center me-2 d-flex align-items-center justify-content-center">
|
||||
<span class="material-icons opacity-10">person_add</span>
|
||||
</div>
|
||||
<span class="nav-link-text ms-1">Add Employee</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link {% if 'edit_employee' in segment %} active {% endif %}" href="{% url 'manager:select_employee' %}">
|
||||
<div class="icon icon-shape icon-sm border-radius-md text-center me-2 d-flex align-items-center justify-content-center">
|
||||
<span class="material-icons opacity-10">supervised_user_circle</span>
|
||||
</div>
|
||||
<span class="nav-link-text ms-1">Edit Employee</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link {% if 'company' in segment %} active {% endif %}" href="{% url 'manager:company' %}">
|
||||
<div class="icon icon-shape icon-sm border-radius-md text-center me-2 d-flex align-items-center justify-content-center">
|
||||
<span class="material-icons opacity-10">domain</span>
|
||||
</div>
|
||||
<span class="nav-link-text ms-1">Company Editor</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link {% if 'department' in segment %} active {% endif %}" href="{% url 'manager:select_department' %}">
|
||||
<div class="icon icon-shape icon-sm border-radius-md text-center me-2 d-flex align-items-center justify-content-center">
|
||||
<span class="material-icons opacity-10">work</span>
|
||||
</div>
|
||||
<span class="nav-link-text ms-1">Department Editor</span>
|
||||
</a>
|
||||
</li>
|
||||
{% endif %}
|
||||
</ul>
|
||||
</div>
|
||||
<div class="sidenav-footer mx-3">
|
||||
<a href="{% url 'accounts:logout' %}" class="btn btn-dark btn-sm w-100 mb-0">Sign Out</a>
|
||||
</div>
|
||||
</aside>
|
||||
Reference in New Issue
Block a user