feat: initial commit - Band Management application

This commit is contained in:
2026-01-06 03:11:46 +01:00
commit 34e12e00b3
24543 changed files with 3991790 additions and 0 deletions

View File

@@ -0,0 +1,216 @@
{% extends layout_path %}
{% load static %}
{% load i18n %}
{% block title %}DataTables - Advanced Tables{% endblock %}
{% block vendor_css %}
{{ block.super }}
<link rel="stylesheet" href="{% static 'vendor/libs/datatables-bs5/datatables.bootstrap5.css' %}" />
<link rel="stylesheet" href="{% static 'vendor/libs/datatables-responsive-bs5/responsive.bootstrap5.css' %}" />
<link rel="stylesheet" href="{% static 'vendor/libs/flatpickr/flatpickr.css' %}" />
{% endblock vendor_css %}
{% block vendor_js %}
{{ block.super }}
<script src="{% static 'vendor/libs/datatables-bs5/datatables-bootstrap5.js' %}"></script>
<script src="{% static 'vendor/libs/moment/moment.js' %}"></script>
<script src="{% static 'vendor/libs/flatpickr/flatpickr.js' %}"></script>
{% endblock vendor_js %}
{% block page_js %}
{{ block.super }}
<script src="{% static 'js/tables-datatables-advanced.js' %}"></script>
{% endblock page_js %}
{% block content %}
<!-- Ajax Sourced Server-side -->
<div class="card">
<h5 class="card-header pb-0 text-md-start text-center">Ajax Sourced Server-side</h5>
<div class="card-datatable text-nowrap">
<table class="datatables-ajax table table-bordered">
<thead>
<tr>
<th>Full name</th>
<th>Email</th>
<th>Position</th>
<th>Office</th>
<th>Start date</th>
<th>Salary</th>
</tr>
</thead>
</table>
</div>
</div>
<!--/ Ajax Sourced Server-side -->
<hr class="my-12" />
<!-- Column Search -->
<div class="card">
<h5 class="card-header pb-0 text-md-start text-center">Column Search</h5>
<div class="card-datatable text-nowrap">
<table class="dt-column-search table table-bordered table-responsive">
<thead>
<tr>
<th>Name</th>
<th>Email</th>
<th>Post</th>
<th>City</th>
<th>Date</th>
<th>Salary</th>
</tr>
</thead>
<tfoot>
<tr>
<th>Name</th>
<th>Email</th>
<th>Post</th>
<th>City</th>
<th>Date</th>
<th>Salary</th>
</tr>
</tfoot>
</table>
</div>
</div>
<!--/ Column Search -->
<hr class="my-12" />
<!-- Advanced Search -->
<div class="card">
<h5 class="card-header">Advanced Search</h5>
<!--Search Form -->
<div class="card-body">
<form class="dt_adv_search" method="GET">
<div class="row">
<div class="col-12">
<div class="row g-3">
<div class="col-12 col-sm-6 col-lg-4">
<label class="form-label">Name:</label>
<input type="text" class="form-control dt-input dt-full-name" data-column="1" placeholder="Alaric Beslier" data-column-index="0" />
</div>
<div class="col-12 col-sm-6 col-lg-4">
<label class="form-label">Email:</label>
<input type="text" class="form-control dt-input" data-column="2" placeholder="demo@example.com" data-column-index="1" />
</div>
<div class="col-12 col-sm-6 col-lg-4">
<label class="form-label">Post:</label>
<input type="text" class="form-control dt-input" data-column="3" placeholder="Web designer" data-column-index="2" />
</div>
<div class="col-12 col-sm-6 col-lg-4">
<label class="form-label">City:</label>
<input type="text" class="form-control dt-input" data-column="4" placeholder="Balky" data-column-index="3" />
</div>
<div class="col-12 col-sm-6 col-lg-4">
<label class="form-label">Date:</label>
<div class="mb-0">
<input type="text" class="form-control dt-date flatpickr-range dt-input" data-column="5" placeholder="StartDate to EndDate" data-column-index="4" name="dt_date" />
<input type="hidden" class="form-control dt-date start_date dt-input" data-column="5" data-column-index="4" name="value_from_start_date" />
<input type="hidden" class="form-control dt-date end_date dt-input" name="value_from_end_date" data-column="5" data-column-index="4" />
</div>
</div>
<div class="col-12 col-sm-6 col-lg-4">
<label class="form-label">Salary:</label>
<input type="text" class="form-control dt-input" data-column="6" placeholder="10000" data-column-index="5" />
</div>
</div>
</div>
</div>
</form>
</div>
<div class="card-datatable">
<table class="dt-advanced-search table table-bordered">
<thead>
<tr>
<th></th>
<th>Name</th>
<th>Email</th>
<th>Post</th>
<th>City</th>
<th>Date</th>
<th>Salary</th>
</tr>
</thead>
<tfoot>
<tr>
<th></th>
<th>Name</th>
<th>Email</th>
<th>Post</th>
<th>City</th>
<th>Date</th>
<th>Salary</th>
</tr>
</tfoot>
</table>
</div>
</div>
<!--/ Advanced Search -->
<hr class="my-12" />
<!-- Responsive Datatable -->
<div class="card">
<h5 class="card-header pb-0 text-md-start text-center">Responsive Datatable</h5>
<div class="card-datatable">
<table class="dt-responsive table table-bordered">
<thead>
<tr>
<th></th>
<th>Name</th>
<th>Email</th>
<th>Post</th>
<th>City</th>
<th>Date</th>
<th>Salary</th>
<th>Age</th>
<th>Experience</th>
<th>Status</th>
</tr>
</thead>
<tfoot>
<tr>
<th></th>
<th>Name</th>
<th>Email</th>
<th>Post</th>
<th>City</th>
<th>Date</th>
<th>Salary</th>
<th>Age</th>
<th>Experience</th>
<th>Status</th>
</tr>
</tfoot>
</table>
</div>
</div>
<!--/ Responsive Datatable -->
<hr class="my-12" />
<!-- Responsive with Child Rows -->
<div class="card">
<h5 class="card-header pb-0 text-md-start text-center">Responsive with Child Rows</h5>
<div class="card-datatable">
<table class="dt-responsive-child table table-bordered">
<thead>
<tr>
<th></th>
<th>Name</th>
<th>Email</th>
<th>City</th>
<th>Date</th>
<th>Age</th>
<th>Status</th>
</tr>
</thead>
</table>
</div>
<!--/ Responsive with Child Rows -->
</div>
{% endblock %}

View File

@@ -0,0 +1,196 @@
{% extends layout_path %}
{% load static %}
{% load i18n %}
{% block title %}DataTables - Tables{% endblock %}
{% block vendor_css %}
{{ block.super }}
<link rel="stylesheet" href="{% static 'vendor/libs/datatables-bs5/datatables.bootstrap5.css' %}" />
<link rel="stylesheet" href="{% static 'vendor/libs/datatables-responsive-bs5/responsive.bootstrap5.css' %}" />
<link rel="stylesheet" href="{% static 'vendor/libs/datatables-buttons-bs5/buttons.bootstrap5.css' %}" />
<link rel="stylesheet" href="{% static 'vendor/libs/flatpickr/flatpickr.css' %}" />
<link rel="stylesheet" href="{% static 'vendor/libs/datatables-rowgroup-bs5/rowgroup.bootstrap5.css' %}" />
<link rel="stylesheet" href="{% static 'vendor/libs/@form-validation/form-validation.css' %}" />
{% endblock vendor_css %}
{% block vendor_js %}
{{ block.super }}
<script src="{% static 'vendor/libs/datatables-bs5/datatables-bootstrap5.js' %}"></script>
<script src="{% static 'vendor/libs/moment/moment.js' %}"></script>
<script src="{% static 'vendor/libs/flatpickr/flatpickr.js' %}"></script>
<script src="{% static 'vendor/libs/@form-validation/popular.js' %}"></script>
<script src="{% static 'vendor/libs/@form-validation/bootstrap5.js' %}"></script>
<script src="{% static 'vendor/libs/@form-validation/auto-focus.js' %}"></script>
{% endblock vendor_js %}
{% block page_js %}
{{ block.super }}
<script src="{% static 'js/tables-datatables-basic.js' %}"></script>
{% endblock page_js %}
{% block content %}
<!-- DataTable with Buttons -->
<div class="card">
<div class="card-datatable table-responsive pt-0">
<table class="datatables-basic table">
<thead>
<tr>
<th></th>
<th></th>
<th>id</th>
<th>Name</th>
<th>Email</th>
<th>Date</th>
<th>Salary</th>
<th>Status</th>
<th>Action</th>
</tr>
</thead>
</table>
</div>
</div>
<!-- Modal to add new record -->
<div class="offcanvas offcanvas-end" id="add-new-record">
<div class="offcanvas-header border-bottom">
<h5 class="offcanvas-title" id="exampleModalLabel">New Record</h5>
<button type="button" class="btn-close text-reset" data-bs-dismiss="offcanvas" aria-label="Close"></button>
</div>
<div class="offcanvas-body flex-grow-1">
<form class="add-new-record pt-0 row g-2" id="form-add-new-record" onsubmit="return false">
<div class="col-sm-12 form-control-validation">
<label class="form-label" for="basicFullname">Full Name</label>
<div class="input-group input-group-merge">
<span id="basicFullname2" class="input-group-text"><i class="icon-base ti tabler-user"></i></span>
<input type="text" id="basicFullname" class="form-control dt-full-name" name="basicFullname" placeholder="John Doe" aria-label="John Doe" aria-describedby="basicFullname2" />
</div>
</div>
<div class="col-sm-12 form-control-validation">
<label class="form-label" for="basicPost">Post</label>
<div class="input-group input-group-merge">
<span id="basicPost2" class="input-group-text"><i class="icon-base ti tabler-briefcase"></i></span>
<input type="text" id="basicPost" name="basicPost" class="form-control dt-post" placeholder="Web Developer" aria-label="Web Developer" aria-describedby="basicPost2" />
</div>
</div>
<div class="col-sm-12 form-control-validation">
<label class="form-label" for="basicEmail">Email</label>
<div class="input-group input-group-merge">
<span class="input-group-text"><i class="icon-base ti tabler-mail"></i></span>
<input type="text" id="basicEmail" name="basicEmail" class="form-control dt-email" placeholder="john.doe@example.com" aria-label="john.doe@example.com" />
</div>
<div class="form-text">You can use letters, numbers & periods</div>
</div>
<div class="col-sm-12 form-control-validation">
<label class="form-label" for="basicDate">Joining Date</label>
<div class="input-group input-group-merge">
<span id="basicDate2" class="input-group-text"><i class="icon-base ti tabler-calendar"></i></span>
<input type="text" class="form-control dt-date" id="basicDate" name="basicDate" aria-describedby="basicDate2" placeholder="MM/DD/YYYY" aria-label="MM/DD/YYYY" />
</div>
</div>
<div class="col-sm-12 form-control-validation">
<label class="form-label" for="basicSalary">Salary</label>
<div class="input-group input-group-merge">
<span id="basicSalary2" class="input-group-text"><i class="icon-base ti tabler-currency-dollar"></i></span>
<input type="number" id="basicSalary" name="basicSalary" class="form-control dt-salary" placeholder="12000" aria-label="12000" aria-describedby="basicSalary2" />
</div>
</div>
<div class="col-sm-12">
<button type="submit" class="btn btn-primary data-submit me-sm-4 me-1">Submit</button>
<button type="reset" class="btn btn-outline-secondary" data-bs-dismiss="offcanvas">Cancel</button>
</div>
</form>
</div>
</div>
<!--/ DataTable with Buttons -->
<hr class="my-12" />
<!-- Complex Headers -->
<div class="card">
<h5 class="card-header border-bottom text-md-start text-center">Complex Headers</h5>
<div class="card-datatable text-nowrap">
<table class="dt-complex-header table table-bordered table-responsive">
<thead>
<tr>
<th rowspan="2">Name</th>
<th colspan="2">Contact</th>
<th colspan="3">HR Information</th>
<th rowspan="2">Action</th>
</tr>
<tr>
<th>E-mail</th>
<th>City</th>
<th>Position</th>
<th>Salary</th>
<th class="border-1">Status</th>
</tr>
</thead>
</table>
</div>
</div>
<!--/ Complex Headers -->
<hr class="my-12" />
<!-- Row grouping -->
<div class="card">
<h5 class="card-header border-bottom text-md-start text-center">Row Grouping</h5>
<div class="card-datatable">
<table class="dt-row-grouping table table-bordered table-responsive">
<thead>
<tr>
<th></th>
<th>Name</th>
<th>Position</th>
<th>Email</th>
<th>City</th>
<th>Date</th>
<th>Salary</th>
<th>Status</th>
<th>Action</th>
</tr>
</thead>
<tfoot>
<tr>
<th></th>
<th>Name</th>
<th>Position</th>
<th>Email</th>
<th>City</th>
<th>Date</th>
<th>Salary</th>
<th>Status</th>
<th>Action</th>
</tr>
</tfoot>
</table>
</div>
</div>
<!--/ Row grouping -->
<hr class="my-12" />
<!-- Multilingual -->
<div class="card">
<h5 class="card-header border-bottom text-md-start text-center">Multilingual</h5>
<div class="card-datatable">
<table class="dt-multilingual table table-bordered table-responsive">
<thead>
<tr>
<th></th>
<th>Name</th>
<th>Position</th>
<th>Email</th>
<th>Date</th>
<th>Salary</th>
<th>Status</th>
<th>Action</th>
</tr>
</thead>
</table>
</div>
</div>
<!--/ Multilingual -->
{% endblock %}

View File

@@ -0,0 +1,138 @@
{% extends layout_path %}
{% load static %}
{% load i18n %}
{% block title %}DataTables - Tables{% endblock %}
{% block vendor_css %}
{{ block.super }}
<link rel="stylesheet" href="{% static 'vendor/libs/datatables-bs5/datatables.bootstrap5.css' %}" />
<link rel="stylesheet" href="{% static 'vendor/libs/datatables-responsive-bs5/responsive.bootstrap5.css' %}" />
<link rel="stylesheet" href="{% static 'vendor/libs/datatables-select-bs5/select.bootstrap5.css' %}" />
<link rel="stylesheet" href="{% static 'vendor/libs/datatables-fixedcolumns-bs5/fixedcolumns.bootstrap5.css' %}" />
<link rel="stylesheet" href="{% static 'vendor/libs/datatables-fixedheader-bs5/fixedheader.bootstrap5.css' %}" />
{% endblock vendor_css %}
{% block vendor_js %}
{{ block.super }}
<script src="{% static 'vendor/libs/datatables-bs5/datatables-bootstrap5.js' %}"></script>
{% endblock vendor_js %}
{% block page_js %}
{{ block.super }}
<script src="{% static 'js/tables-datatables-extensions.js' %}"></script>
{% endblock page_js %}
{% block content %}
<!-- Scrollable -->
<div class="card">
<h5 class="card-header text-md-start text-center border-bottom">Scrollable Table</h5>
<div class="card-datatable text-nowrap">
<table class="dt-scrollableTable table table-bordered table-responsive">
<thead>
<tr>
<th>Name</th>
<th>Position</th>
<th>Email</th>
<th>City</th>
<th>Date</th>
<th>Salary</th>
<th>Age</th>
<th>Experience</th>
<th>Status</th>
<th>Action</th>
</tr>
</thead>
</table>
</div>
</div>
<!--/ Scrollable -->
<hr class="my-12" />
<!-- Fixed Header -->
<div class="card">
<h5 class="card-header text-md-start text-center border-bottom">Fixed Header</h5>
<div class="card-datatable table-responsive">
<table class="dt-fixedheader table table-bordered">
<thead>
<tr>
<th></th>
<th></th>
<th>id</th>
<th>Name</th>
<th>Email</th>
<th>Date</th>
<th>Salary</th>
<th>Status</th>
<th>Action</th>
</tr>
</thead>
<tfoot>
<tr>
<th></th>
<th></th>
<th>id</th>
<th>Name</th>
<th>Email</th>
<th>Date</th>
<th>Salary</th>
<th>Status</th>
<th>Action</th>
</tr>
</tfoot>
</table>
</div>
</div>
<!--/ Fixed Header -->
<hr class="my-12" />
<!-- Fixed Columns -->
<div class="card">
<div class="card-datatable text-nowrap">
<table class="dt-fixedcolumns table table-bordered table-responsive">
<thead>
<tr>
<th>Name</th>
<th>Position</th>
<th>Email</th>
<th>City</th>
<th>Date</th>
<th>Salary</th>
<th>Age</th>
<th>Experience</th>
<th>Status</th>
<th>Action</th>
</tr>
</thead>
</table>
</div>
</div>
<!--/ Fixed Columns -->
<hr class="my-12" />
<!-- Select -->
<div class="card">
<h5 class="card-header text-md-start text-center border-bottom">Select</h5>
<div class="card-datatable dataTable_select text-nowrap">
<table class="dt-select-table table table-bordered table-responsive">
<thead>
<tr>
<th></th>
<th>Name</th>
<th>Position</th>
<th>Email</th>
<th>City</th>
<th>Date</th>
<th>Salary</th>
<th>Status</th>
</tr>
</thead>
</table>
</div>
</div>
<!--/ Select -->
{% endblock %}