initialize project documentation and setup instructions
This commit is contained in:
105
templates/base.html
Normal file
105
templates/base.html
Normal file
@@ -0,0 +1,105 @@
|
||||
<!--
|
||||
* © 2025-2026 Skoci Admin
|
||||
* Designed and Developed by Abimanyu
|
||||
* Contact : abimanyuag12@gmail.com
|
||||
* All Rights Reserved
|
||||
-->
|
||||
|
||||
{% load static %}
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width,initial-scale=1">
|
||||
<meta name="view-transition" content="same-origin">
|
||||
<title>{{ alt_name_apps }} {% if menu %}| {{ menu }}{% endif %}</title>
|
||||
<link rel="icon" type="image/x-icon" href="{% static 'images/favicon.ico' %}">
|
||||
<!-- CSS: Framework -->
|
||||
<link rel="stylesheet" href="{% static 'vendor/bootstrap/bootstrap.min.css' %}">
|
||||
<!-- CSS: Icons -->
|
||||
<link rel="stylesheet" href="{% static 'vendor/bootstrap-icons/bootstrap-icons.css' %}">
|
||||
<link rel="stylesheet" href="{% static 'vendor/remixicon/remixicon.css' %}">
|
||||
<!-- CSS: Plugins -->
|
||||
<link rel="stylesheet" href="{% static 'vendor/datatables/dataTables.bootstrap5.min.css' %}">
|
||||
<link rel="stylesheet" href="{% static 'vendor/datatables/responsive.bootstrap5.min.css' %}">
|
||||
<!-- CSS: Custom -->
|
||||
<link rel="stylesheet" href="{% static 'css/style.css' %}">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div id="bz-preloader">
|
||||
<div class="bz-spinner"></div>
|
||||
</div>
|
||||
{% include 'layouts/header.html' %}
|
||||
{% include 'layouts/sidebar.html' %}
|
||||
<!-- main-content -->
|
||||
<div class="main-content">
|
||||
<div class="container-fluid py-4">
|
||||
{% if messages %}
|
||||
<div class="row mt-2">
|
||||
{% for message in messages %}
|
||||
<div class="alert bz-alert bz-alert-{% if message.tags == 'error' %}danger{% else %}{{ message.tags }}{% endif %} alert-dismissible fade show" role="alert">
|
||||
<div class="alert-content">
|
||||
<h5 class="fw-bold"><i class="ri-information-fill"></i> {{ message.tags|title }}</h5>
|
||||
<p>{{ message|safe }}</p>
|
||||
</div>
|
||||
<button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
{% endif %}
|
||||
{% block content %}{% endblock %}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Modal informasi -->
|
||||
<div class="modal fade" id="helpModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
|
||||
<div class="modal-dialog">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<h5 class="modal-title" id="exampleModalLabel">
|
||||
<i class="bi bi-info-circle"></i> Information
|
||||
</h5>
|
||||
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
|
||||
</div>
|
||||
|
||||
<div class="modal-body">
|
||||
<div class="mt-3">
|
||||
<p class="px-3">{{ catatan|safe }}</p>
|
||||
<hr class="my-4">
|
||||
<div class="d-flex justify-content-end mb-4">
|
||||
<button type="button" class="btn bz-btn-outline-primary btn-bz-size me-2" data-bs-dismiss="modal">Close</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- jQuery -->
|
||||
<script src="{% static 'vendor/jquery/jquery.min.js' %}"></script>
|
||||
<!-- Bootstrap -->
|
||||
<script src="{% static 'vendor/bootstrap/js/bootstrap.bundle.min.js' %}"></script>
|
||||
<!-- DataTables -->
|
||||
<script src="{% static 'vendor/datatables/jquery.dataTables.min.js' %}"></script>
|
||||
<script src="{% static 'vendor/datatables/dataTables.bootstrap5.min.js' %}"></script>
|
||||
<script src="{% static 'vendor/datatables/dataTables.responsive.min.js' %}"></script>
|
||||
<script src="{% static 'vendor/datatables/responsive.bootstrap5.min.js' %}"></script>
|
||||
<!-- Custom -->
|
||||
<script src="{% static 'js/main.js' %}"></script>
|
||||
|
||||
{% block script %}
|
||||
<script>
|
||||
$(document).ready(function() {
|
||||
$('.tableDatatables').DataTable({
|
||||
responsive: true,
|
||||
language: {
|
||||
search: "",
|
||||
searchPlaceholder: "Search..."
|
||||
}
|
||||
});
|
||||
});
|
||||
</script>
|
||||
{% endblock script %}
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user