bert.hausmans/band-management
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: initial commit - Band Management application

Browse Source
This commit is contained in:
Bert Hausmans
2026-01-06 03:11:46 +01:00
commit 34e12e00b3
24543 changed files with 3991790 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

174
resources/vuexy-admin-v10.11.1/django-version/full-version/apps/my_calendar/templates/app_calendar.html Normal file
View File

@@ -0,0 +1,174 @@
{% extends layout_path %}
{% load static %}
{% load i18n %}
{% block title %}Fullcalendar - Apps{% endblock %}
{% block vendor_css %}
{{ block.super }}
<link rel="stylesheet" href="{% static 'vendor/libs/fullcalendar/fullcalendar.css' %}" />
<link rel="stylesheet" href="{% static 'vendor/libs/flatpickr/flatpickr.css' %}" />
<link rel="stylesheet" href="{% static 'vendor/libs/select2/select2.css' %}" />
<link rel="stylesheet" href="{% static 'vendor/libs/quill/editor.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/fullcalendar/fullcalendar.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/select2/select2.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_css %}
{{ block.super }}
<link rel="stylesheet" href="{% static 'vendor/css/pages/app-calendar.css' %}" />
{% endblock page_css %}
{% block page_js %}
{{ block.super }}
<script src="{% static 'js/app-calendar-events.js' %}"></script>
<script src="{% static 'js/app-calendar.js' %}"></script>
{% endblock page_js %}
{% block content %}
<div class="card app-calendar-wrapper">
<div class="row g-0">
<!-- Calendar Sidebar -->
<div class="col app-calendar-sidebar border-end" id="app-calendar-sidebar">
<div class="border-bottom p-6 my-sm-0 mb-4">
<button class="btn btn-primary btn-toggle-sidebar w-100" data-bs-toggle="offcanvas" data-bs-target="#addEventSidebar" aria-controls="addEventSidebar">
<i class="icon-base ti tabler-plus icon-16px me-2"></i>
<span class="align-middle">Add Event</span>
</button>
</div>
<div class="px-3 pt-2">
<!-- inline calendar (flatpicker) -->
<div class="inline-calendar"></div>
</div>
<hr class="mb-6 mx-n4 mt-3" />
<div class="px-6 pb-2">
<!-- Filter -->
<div>
<h5>Event Filters</h5>
</div>
<div class="form-check form-check-secondary mb-5 ms-2">
<input class="form-check-input select-all" type="checkbox" id="selectAll" data-value="all" checked />
<label class="form-check-label" for="selectAll">View All</label>
</div>
<div class="app-calendar-events-filter text-heading">
<div class="form-check form-check-danger mb-5 ms-2">
<input class="form-check-input input-filter" type="checkbox" id="select-personal" data-value="personal" checked />
<label class="form-check-label" for="select-personal">Personal</label>
</div>
<div class="form-check mb-5 ms-2">
<input class="form-check-input input-filter" type="checkbox" id="select-business" data-value="business" checked />
<label class="form-check-label" for="select-business">Business</label>
</div>
<div class="form-check form-check-warning mb-5 ms-2">
<input class="form-check-input input-filter" type="checkbox" id="select-family" data-value="family" checked />
<label class="form-check-label" for="select-family">Family</label>
</div>
<div class="form-check form-check-success mb-5 ms-2">
<input class="form-check-input input-filter" type="checkbox" id="select-holiday" data-value="holiday" checked />
<label class="form-check-label" for="select-holiday">Holiday</label>
</div>
<div class="form-check form-check-info ms-2">
<input class="form-check-input input-filter" type="checkbox" id="select-etc" data-value="etc" checked />
<label class="form-check-label" for="select-etc">ETC</label>
</div>
</div>
</div>
</div>
<!-- /Calendar Sidebar -->
<!-- Calendar & Modal -->
<div class="col app-calendar-content">
<div class="card shadow-none border-0">
<div class="card-body pb-0">
<!-- FullCalendar -->
<div id="calendar"></div>
</div>
</div>
<div class="app-overlay"></div>
<!-- FullCalendar Offcanvas -->
<div class="offcanvas offcanvas-end event-sidebar" tabindex="-1" id="addEventSidebar" aria-labelledby="addEventSidebarLabel">
<div class="offcanvas-header border-bottom">
<h5 class="offcanvas-title" id="addEventSidebarLabel">Add Event</h5>
<button type="button" class="btn-close text-reset" data-bs-dismiss="offcanvas" aria-label="Close"></button>
</div>
<div class="offcanvas-body">
<form class="event-form pt-0" id="eventForm" onsubmit="return false">
<div class="mb-5 form-control-validation">
<label class="form-label" for="eventTitle">Title</label>
<input type="text" class="form-control" id="eventTitle" name="eventTitle" placeholder="Event Title" />
</div>
<div class="mb-5">
<label class="form-label" for="eventLabel">Label</label>
<select class="select2 select-event-label form-select" id="eventLabel" name="eventLabel">
<option data-label="primary" value="Business" selected>Business</option>
<option data-label="danger" value="Personal">Personal</option>
<option data-label="warning" value="Family">Family</option>
<option data-label="success" value="Holiday">Holiday</option>
<option data-label="info" value="ETC">ETC</option>
</select>
</div>
<div class="mb-5 form-control-validation">
<label class="form-label" for="eventStartDate">Start Date</label>
<input type="text" class="form-control" id="eventStartDate" name="eventStartDate" placeholder="Start Date" />
</div>
<div class="mb-5 form-control-validation">
<label class="form-label" for="eventEndDate">End Date</label>
<input type="text" class="form-control" id="eventEndDate" name="eventEndDate" placeholder="End Date" />
</div>
<div class="mb-5">
<div class="form-check form-switch">
<input type="checkbox" class="form-check-input allDay-switch" id="allDaySwitch" />
<label class="form-check-label" for="allDaySwitch">All Day</label>
</div>
</div>
<div class="mb-5">
<label class="form-label" for="eventURL">Event URL</label>
<input type="url" class="form-control" id="eventURL" name="eventURL" placeholder="https://www.google.com" />
</div>
<div class="mb-4 select2-primary">
<label class="form-label" for="eventGuests">Add Guests</label>
<select class="select2 select-event-guests form-select" id="eventGuests" name="eventGuests" multiple>
<option data-avatar="1.png" value="Jane Foster">Jane Foster</option>
<option data-avatar="3.png" value="Donna Frank">Donna Frank</option>
<option data-avatar="5.png" value="Gabrielle Robertson">Gabrielle Robertson</option>
<option data-avatar="7.png" value="Lori Spears">Lori Spears</option>
<option data-avatar="9.png" value="Sandy Vega">Sandy Vega</option>
<option data-avatar="11.png" value="Cheryl May">Cheryl May</option>
</select>
</div>
<div class="mb-5">
<label class="form-label" for="eventLocation">Location</label>
<input type="text" class="form-control" id="eventLocation" name="eventLocation" placeholder="Enter Location" />
</div>
<div class="mb-5">
<label class="form-label" for="eventDescription">Description</label>
<textarea class="form-control" name="eventDescription" id="eventDescription"></textarea>
</div>
<div class="d-flex justify-content-sm-between justify-content-start mt-6 gap-2">
<div class="d-flex">
<button type="submit" id="addEventBtn" class="btn btn-primary btn-add-event me-4">Add</button>
<button type="reset" class="btn btn-label-secondary btn-cancel me-sm-0 me-1" data-bs-dismiss="offcanvas">Cancel</button>
</div>
<button class="btn btn-label-danger btn-delete-event d-none">Delete</button>
</div>
</form>
</div>
</div>
</div>
<!-- /Calendar & Modal -->
</div>
</div>
{% endblock %}