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,196 @@
{% extends layout_path %}
{% load static %}
{% load i18n %}
{% block title %}Modals - UI elements{% endblock %}
{% block vendor_css %}
{{ block.super }}
<link rel="stylesheet" href="{% static 'vendor/libs/select2/select2.css' %}" />
<link rel="stylesheet" href="{% static 'vendor/libs/@form-validation/form-validation.css' %}" />
<link rel="stylesheet" href="{% static 'vendor/libs/bs-stepper/bs-stepper.css' %}" />
{% endblock vendor_css %}
{% block vendor_js %}
{{ block.super }}
<script src="{% static 'vendor/libs/cleave-zen/cleave-zen.js' %}"></script>
<script src="{% static 'vendor/libs/select2/select2.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>
<script src="{% static 'vendor/libs/bs-stepper/bs-stepper.js' %}"></script>
{% endblock vendor_js %}
{% block page_js %}
{{ block.super }}
<script src="{% static 'js/pages-pricing.js' %}"></script>
<script src="{% static 'js/modal-create-app.js' %}"></script>
<script src="{% static 'js/modal-add-new-cc.js' %}"></script>
<script src="{% static 'js/modal-add-new-address.js' %}"></script>
<script src="{% static 'js/modal-edit-user.js' %}"></script>
<script src="{% static 'js/modal-enable-otp.js' %}"></script>
<script src="{% static 'js/modal-share-project.js' %}"></script>
<script src="{% static 'js/modal-two-factor-auth.js' %}"></script>
{% endblock page_js %}
{% block content %}
<div class="row mb-6">
<!-- Pricing -->
<div class="col-12 col-sm-6 col-lg-4 mb-6">
<div class="card">
<div class="card-body text-center">
<i class="mb-6 ti icon-md tabler-chart-bar"></i>
<h5>Pricing</h5>
<p>Elegant pricing options modal popup example, easy to use in any page.</p>
<button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#pricingModal">Show</button>
</div>
</div>
</div>
<!--/ Pricing -->
<!-- Add New Credit Card -->
<div class="col-12 col-sm-6 col-lg-4 mb-6">
<div class="card">
<div class="card-body text-center">
<i class="mb-6 ti icon-md tabler-credit-card"></i>
<h5>Add New Credit Card</h5>
<p>Quickly collect the credit card details, built in input mask and form validation support.</p>
<button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#addNewCCModal">Show</button>
</div>
</div>
</div>
<!--/ Add New Credit Card -->
<!-- Add New Address -->
<div class="col-12 col-sm-6 col-lg-4 mb-6">
<div class="card">
<div class="card-body text-center">
<i class="mb-6 ti icon-md tabler-building-community"></i>
<h5>Add New Address</h5>
<p>Ready to use form to collect user address data with validation and custom input support.</p>
<button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#addNewAddress">Show</button>
</div>
</div>
</div>
<!--/ Add New Address -->
<!-- Refer & Earn -->
<div class="col-12 col-sm-6 col-lg-4 mb-6">
<div class="card">
<div class="card-body text-center">
<i class="mb-6 ti icon-md tabler-gift"></i>
<h5>Refer & Earn</h5>
<p>Use Refer & Earn modal to encourage your exiting customers refer their friends & colleague.</p>
<button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#referAndEarn">Show</button>
</div>
</div>
</div>
<!--/ Refer & Earn -->
<!-- Edit User -->
<div class="col-12 col-sm-6 col-lg-4 mb-6">
<div class="card">
<div class="card-body text-center">
<i class="mb-6 ti icon-md tabler-user"></i>
<h5>Edit User</h5>
<p>Easily update the user data on the go, built in form validation and custom controls.</p>
<button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#editUser">Show</button>
</div>
</div>
</div>
<!--/ Edit User -->
<!-- Enable OTP -->
<div class="col-12 col-sm-6 col-lg-4 mb-md-0 mb-6">
<div class="card">
<div class="card-body text-center">
<i class="mb-6 ti icon-md tabler-device-mobile"></i>
<h5>Enable OTP</h5>
<p>Use this modal to enhance your application security by enabling authentication with OTP.</p>
<button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#enableOTP">Show</button>
</div>
</div>
</div>
<!--/ Enable OTP -->
<!-- Share Project -->
<div class="col-12 col-sm-6 col-lg-4 mb-6">
<div class="card">
<div class="card-body text-center">
<i class="mb-6 ti icon-md tabler-file-text"></i>
<h5>Share Project</h5>
<p>Elegant Share Project options modal popup example, easy to use in any page.</p>
<button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#shareProject">Show</button>
</div>
</div>
</div>
<!--/ Share Project -->
<!-- Create App -->
<div class="col-12 col-sm-6 col-lg-4 mb-6">
<div class="card">
<div class="card-body text-center">
<i class="mb-6 ti icon-md tabler-cube"></i>
<h5>Create App</h5>
<p>Provide application data with this form to create your app, easy to use in page.</p>
<button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#createApp">Show</button>
</div>
</div>
</div>
<!--/ Create App -->
<!-- Two Factor Auth -->
<div class="col-12 col-sm-6 col-lg-4 mb-6">
<div class="card">
<div class="card-body text-center">
<i class="mb-4 icon-base ti tabler-lock icon-md"></i>
<h5>Two Factor Auth</h5>
<p>Enhance your application security by enabling two factor authentication.</p>
<button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#twoFactorAuth">Show</button>
</div>
</div>
</div>
<!--/ Two Factor Auth -->
<!-- Payment providers -->
<div class="col-12 col-sm-6 col-lg-4 mb-6 mb-sm-0">
<div class="card">
<div class="card-body text-center">
<i class="mb-4 icon-base ti tabler-brand-mastercard icon-md"></i>
<h5>Payment providers</h5>
<p>Elegant payment options modal popup example, easy to use in any page.</p>
<button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#paymentProvider">Show</button>
</div>
</div>
</div>
<!--/ Payment providers -->
<!-- Payment methods -->
<div class="col-12 col-sm-6 col-lg-4">
<div class="card">
<div class="card-body text-center">
<i class="mb-4 icon-base ti tabler-credit-card icon-md"></i>
<h5>Add Payment Method</h5>
<p>Elegant payment methods modal popup example, easy to use in any page.</p>
<button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#paymentMethods">Show</button>
</div>
</div>
</div>
<!--/ Payment methods -->
</div>
<!-- All Modals -->
{% include "partials/_modals/modal_pricing.html" %}
{% include "partials/_modals/modal_add_new_cc.html" %}
{% include "partials/_modals/modal_add_new_address.html" %}
{% include "partials/_modals/modal_refer_earn.html" %}
{% include "partials/_modals/modal_edit_user.html" %}
{% include "partials/_modals/modal_enable_otp.html" %}
{% include "partials/_modals/modal_share_project.html" %}
{% include "partials/_modals/modal_create_app.html" %}
{% include "partials/_modals/modal_two_factor_auth.html" %}
{% include "partials/_modals/modal_select_payment_providers.html" %}
{% include "partials/_modals/modal_select_payment_methods.html" %}
{% endblock %}