corbz/ticket-website
1
0
Fork 0
Code Issues 4 Pull Requests Packages Projects 1 Releases 1 Wiki Activity

Dependencies are now local

Browse Source
This commit is contained in:
Corban-Lee Jones
2024-01-08 00:39:46 +00:00
parent 7d52bbec66
commit 8a6bddeb97
8 changed files with 262 additions and 106 deletions
Download Patch File Download Diff File Expand all files Collapse all files

159
apps/templates/layouts/base.html
View File

@ -1,119 +1,82 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>
Django Adminator - {% block title %}{% endblock %}
</title>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>
Django Adminator - {% block title %}{% endblock %}
</title>
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/datatables/1.10.21/css/jquery.dataTables.min.css"
integrity="sha512-1k7mWiTNoyx2XtmI96o+hdjP8nn0f3Z2N4oF/9ZZRgijyV4omsKOXEnqL1gKQNPy2MTSP9rIEWGcH/CInulptA=="
crossorigin="anonymous"
referrerpolicy="no-referrer"
/>
<link type="text/css" href="{{ ASSETS_ROOT }}/css/index.css" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" />
<!-- Specific Page CSS goes HERE -->
{% block stylesheets %}{% endblock stylesheets %}
<link type="text/css" rel="stylesheet" href="{{ ASSETS_ROOT }}/css/jquery.dataTables.min.css" />
<link type="text/css" rel="stylesheet" href="{{ ASSETS_ROOT }}/css/index.css" />
<link type="text/css" rel="stylesheet" href="{{ ASSETS_ROOT }}/css/select2.min.css" />
</head>
<body class="app">
<!-- @TOC -->
<!-- =================================================== -->
<!--
+ @Page Loader
+ @App Content
- #Left Sidebar
> $Sidebar Header
> $Sidebar Menu
<!-- Specific Page CSS goes HERE -->
{% block stylesheets %}{% endblock stylesheets %}
- #Main
> $Topbar
> $App Screen Content
-->
</head>
<body class="app">
<!-- @Page Loader -->
<!-- =================================================== -->
<div id='loader'>
<div class="spinner"></div>
</div>
<!-- @TOC -->
<!-- =================================================== -->
<!--
+ @Page Loader
+ @App Content
- #Left Sidebar
> $Sidebar Header
> $Sidebar Menu
<script>
window.addEventListener('load', function load() {
const loader = document.getElementById('loader');
setTimeout(function() {
loader.classList.add('fadeOut');
}, 300);
});
</script>
- #Main
> $Topbar
> $App Screen Content
-->
<!-- @App Content -->
<!-- =================================================== -->
<div>
<!-- @Page Loader -->
<!-- =================================================== -->
<div id='loader'>
<div class="spinner"></div>
</div>
{% include 'includes/sidebar.html' %}
<script>
window.addEventListener('load', function load() {
const loader = document.getElementById('loader');
setTimeout(function() {
loader.classList.add('fadeOut');
}, 300);
});
</script>
<!-- #Main ============================ -->
<div class="page-container">
<!-- @App Content -->
<!-- =================================================== -->
<div>
{% include 'includes/navigation.html' %}
{% include 'includes/sidebar.html' %}
{% block content %}{% endblock content %}
<!-- #Main ============================ -->
<div class="page-container">
{% include 'includes/footer.html' %}
{% include 'includes/navigation.html' %}
</div>
{% block content %}{% endblock content %}
</div>
{% include 'includes/footer.html' %}
{% include 'includes/scripts.html' %}
</div>
<!-- Specific Page JS goes HERE -->
{% block javascripts %}{% endblock javascripts %}
<script src="https://cdn.ckeditor.com/ckeditor5/40.2.0/classic/ckeditor.js"></script>
<script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>
<script>
$(document).ready(function() {
$(".select-2").select2({
theme: "bootstrap",
minimumResultsForSearch: -1
});
});
// $(document).ready(function() {
// (function(){
// var nativeAddClass = jQuery.fn.addClass;
// var nativeRemoveClass = jQuery.fn.removeClass;
</div>
// jQuery.fn.addClass = function(){
// var result = nativeAddClass.apply( this, arguments );
// jQuery(this).trigger('cssClassChanged');
// return result;
// }
{% include 'includes/scripts.html' %}
// jQuery.fn.removeClass = function(){
// var result = nativeRemoveClass.apply( this, arguments );
// jQuery(this).trigger('cssClassChanged');
// return result;
// }
// })();
<!-- Specific Page JS goes HERE -->
{% block javascripts %}{% endblock javascripts %}
<script>
$(document).ready(function() {
$(".select-2").select2({
theme: "bootstrap",
minimumResultsForSearch: -1
});
});
</script>
// $(function() {
// $("body").bind("cssClassChanged", function() {
// alert("trigger");
// localStorage.setItem("collapsed", $(this).hasClass("is-collapsed"));
// });
// });
// if (localStorage.getItem("collapsed") === "true") {
// $("body").addClass("is-collapsed");
// }
// });
</script>
</body>
</body>
</html>