django-spire 0.23.4__py3-none-any.whl

django_spire/core/templates/django_spire/lazy_tab/lazy_tab.html

@@ -0,0 +1,157 @@
+<div
+    x-data="{
+        loaded_tabs: new Set(),
+        loading_tabs: new Set(),
+        sections: [],
+        selected_tab: 1,
+        tab_id: '{{ tab_id|default:'' }}',
+        triggers: [],
+        use_url_params: {{ tab_id|yesno:'true,false' }},
+
+        init() {
+            if (!this.tab_id) {
+                this.tab_id = this.$id('lazy-tab');
+            }
+
+            if (this.use_url_params) {
+                let url_tab = this.get_url_param();
+
+                if (url_tab) {
+                    this.selected_tab = url_tab;
+                }
+            }
+        },
+
+        register_trigger(detail) {
+            this.triggers.push({
+                el: detail.el,
+                endpoint: detail.endpoint || null
+            });
+        },
+
+        register_section(detail) {
+            this.sections.push({
+                el: detail.el,
+                content_el: detail.el.firstElementChild
+            });
+
+            if (this.triggers.length === this.sections.length && !this.is_loaded(this.selected_tab)) {
+                this.$nextTick(() => this.load_tab_content(this.selected_tab));
+            }
+        },
+
+        select(el) {
+            let tab_number = this.get_trigger_index(el);
+            this.selected_tab = tab_number;
+
+            if (this.use_url_params) {
+                this.update_url(tab_number);
+            }
+
+            this.load_tab_content(tab_number);
+
+            this.$dispatch('tab-changed', {
+                tab_id: this.tab_id,
+                tab_number: tab_number
+            });
+        },
+
+        get_trigger_index(el) {
+            let index = this.triggers.findIndex(t => t.el === el);
+            return index + 1;
+        },
+
+        get_section_index(el) {
+            let index = this.sections.findIndex(s => s.el === el);
+            return index + 1;
+        },
+
+        is_trigger_selected(el) {
+            return this.selected_tab === this.get_trigger_index(el);
+        },
+
+        is_section_selected(el) {
+            return this.selected_tab === this.get_section_index(el);
+        },
+
+        is_loaded(tab_number) {
+            return this.loaded_tabs.has(tab_number);
+        },
+
+        is_loading(tab_number) {
+            return this.loading_tabs.has(tab_number);
+        },
+
+        is_section_loading(el) {
+            return this.loading_tabs.has(this.get_section_index(el));
+        },
+
+        async load_tab_content(tab_number) {
+            if (this.is_loaded(tab_number) || this.is_loading(tab_number)) {
+                return;
+            }
+
+            let trigger = this.triggers[tab_number - 1];
+            let section = this.sections[tab_number - 1];
+
+            if (!trigger || !trigger.endpoint || !section) {
+                this.loaded_tabs.add(tab_number);
+                return;
+            }
+
+            this.loading_tabs.add(tab_number);
+
+            toggle_loading_overlay();
+
+            let view = new ViewGlue(trigger.endpoint);
+            await view.render_inner(section.content_el);
+
+            this.loading_tabs.delete(tab_number);
+            this.loaded_tabs.add(tab_number);
+
+            toggle_loading_overlay();
+        },
+
+        get_url_param() {
+            let url = new URL(window.location);
+            let value = url.searchParams.get(this.tab_id);
+            let parsed = parseInt(value, 10);
+
+            if (!isNaN(parsed) && parsed > 0) {
+                return parsed;
+            }
+
+            return null;
+        },
+
+        update_url(tab_number) {
+            let url = new URL(window.location);
+            url.searchParams.set(this.tab_id, tab_number);
+            window.history.replaceState({}, '', url);
+        }
+    }"
+    @register-section="register_section($event.detail)"
+    @register-trigger="register_trigger($event.detail)"
+>
+    <ul
+        @keydown.end.prevent.stop="$focus.last()"
+        @keydown.home.prevent.stop="$focus.first()"
+        @keydown.left.prevent.stop="$focus.wrap().prev()"
+        @keydown.page-down.prevent.stop="$focus.last()"
+        @keydown.page-up.prevent.stop="$focus.first()"
+        @keydown.right.prevent.stop="$focus.wrap().next()"
+        class="border-1 border-bottom d-flex list-unstyled"
+        role="tablist"
+    >
+        {% block tab_trigger %}
+        {% endblock %}
+    </ul>
+
+    {% block tab_function %}
+    {% endblock %}
+
+    <div>
+        {% block tab_section %}
+        {% endblock %}
+    </div>
+</div>

django_spire/core/templates/django_spire/maintenance.html

@@ -0,0 +1,21 @@
+{% extends 'django_spire/base/base.html' %}
+
+{% block base_body_content %}
+    <div class="row mt-6">
+        <div class="col text-center mb-3 h1 text-app-warning">
+            <i class="bi bi-cone-striped"></i>
+        </div>
+    </div>
+
+    <div class="row mt-4">
+        <div class="col text-center mb-3">
+            <div class="h4 text-app-primary mb-3 fw-bold">
+                Maintenance Mode
+            </div>
+            <p>
+            The site is currently in maintenance mode for some critical work and will be back up shortly.
+            </p>
+        </div>
+    </div>
+
+{% endblock %}

django_spire/core/templates/django_spire/messages/element/messages_element.html

@@ -0,0 +1,48 @@
+<div
+    class="ms-auto mt-1 me-sm-3 mx-2 rounded border border-1 bg-app-layer-three shadow p-3"
+    :class="{
+        'border-app-success': notification.type === 'success',
+        'border-app-warning': notification.type === 'warning',
+        'border-app-danger': notification.type === 'error',
+        'border-app-primary': notification.type === 'info'
+    }"
+    style="max-width: 400px; pointer-events: auto;"
+    x-show="show"
+    x-transition.duration.500ms
+    x-data="{
+        show: false,
+        init() {
+            this.$nextTick(() => this.show = true)
+            setTimeout(() => this.transitionOut(), 5000)
+        },
+        transitionOut() {
+            this.show = false
+            setTimeout(() => this.remove(this.notification), 500)
+        }
+    }"
+>
+    <div class="row align-items-center">
+        <div class="col-auto">
+            <template x-if="notification.type === 'success'">
+                <i class="text-success bi bi-check-circle-fill h3 m-0"></i>
+            </template>
+            <template x-if="notification.type === 'warning'">
+                <i class="text-app-warning bi bi-slash-circle-fill h3 m-0"></i>
+            </template>
+            <template x-if="notification.type === 'error'">
+                <i class="text-app-danger bi bi-x-circle-fill h3 m-0"></i>
+            </template>
+            <template x-if="notification.type === 'info'">
+                <i class="text-app-primary bi bi-info-circle-fill h3 m-0"></i>
+            </template>
+        </div>
+        <div class="col position-relative pe-4">
+            <div x-text="notification.message"></div>
+            <i
+                class="position-absolute top-0 end-0 mt-n2 me-1 bi bi-x-lg cursor-pointer"
+                @click="transitionOut()"
+            >
+            </i>
+        </div>
+    </div>
+</div>

django_spire/core/templates/django_spire/messages/messages.html

@@ -0,0 +1,28 @@
+{% load message %}
+
+{# To dispatch notification in other x-data use  $dispatch('notify', { message, type }) #}
+<div
+    class="fixed-top"
+    style="pointer-events: none"
+    @notify.window="add($event)"
+    x-data="{
+        notifications: [],
+        init() {
+            this.notifications = {% django_messages_to_json messages %}
+        },
+        add(e) {
+            this.notifications.push({
+                'id': e.timeStamp,
+                'type': e.detail.type,
+                'message': e.detail.message
+            })
+        },
+        remove(notification) {
+            this.notifications = this.notifications.filter(i => i.id !== notification.id)
+        }
+    }"
+>
+    <template x-for="notification in notifications" :key="notification.id">
+        {% include 'django_spire/messages/element/messages_element.html' %}
+    </template>
+</div>

django_spire/core/templates/django_spire/modal/center_modal.html

@@ -0,0 +1,17 @@
+{% extends 'django_spire/modal/modal.html' %}
+
+{% block x-data_class %}
+    d-inline
+{% endblock %}
+
+{% block modal_trigger_class %}
+    d-inline
+{% endblock %}
+
+{% block modal_class %}
+    align-items-center
+{% endblock %}
+
+{% block modal_content_class %}
+    text-align-center
+{% endblock %}

django_spire/core/templates/django_spire/modal/content/dispatch_modal_delete_confirmation_content.html

@@ -0,0 +1,32 @@
+{% extends 'django_spire/modal/content/modal_title_content.html' %}
+
+{% block modal_content_title %}
+	{{ form_title|truncatechars:75 }}
+{% endblock %}
+
+{% block modal_content_content %}
+    <form
+        action="{{ form_action }}"
+        method="post"
+        x-data="{
+            should_delete: new GlueCharField('should_delete', {
+                value: true,
+                hidden: true
+            })
+        }"
+    >
+        {% csrf_token %}
+
+        {{ form_description }}
+
+        {% include 'django_glue/form/field/input_field.html' with glue_field='should_delete' %}
+
+        <div class="d-flex mt-3">
+            {% include 'django_spire/contrib/form/button/form_submit_button.html' with button_text='Delete' button_class='btn-app-danger shadow-sm' %}
+
+            <span class="ms-2" @click="close_modal()">
+                {% include 'django_spire/button/secondary_button.html' with button_text='Cancel' button_class='btn' %}
+            </span>
+        </div>
+    </form>
+{% endblock %}

django_spire/core/templates/django_spire/modal/content/modal_title_content.html

@@ -0,0 +1,26 @@
+<div class="row justify-content-between align-items-center border-bottom-secondary mb-2 pb-2">
+    <div class="col-auto">
+        <div class="text-uppercase">
+            {% block modal_content_title %}
+            {% endblock %}
+        </div>
+    </div>
+
+    <div class="col-auto d-flex align-items-center">
+        {% block modal_content_button %}
+        {% endblock %}
+
+        <div class="mx-2">
+            {% block modal_content_close_button %}
+                {% include 'django_spire/modal/element/model_close_element.html' %}
+            {% endblock %}
+        </div>
+    </div>
+</div> 
+
+<div class="row">
+    <div class="col-12">
+        {% block modal_content_content %}
+        {% endblock %}
+    </div>
+</div>

django_spire/core/templates/django_spire/modal/dispatch_modal.html

@@ -0,0 +1,8 @@
+{% extends 'django_spire/modal/center_modal.html' %}
+
+{% block modal_trigger_wrapper %}{% endblock %}
+
+{% block modal_content_attributes %}
+    id="dispatch-modal-content"
+    @dispatch-modal.window="dispatch_modal($event.detail.html_content)"
+{% endblock %}

django_spire/core/templates/django_spire/modal/element/model_close_element.html

@@ -0,0 +1 @@
+<span @click="close_modal()" class="bi bi-x-lg cursor-pointer"></span>

django_spire/core/templates/django_spire/modal/modal.html

@@ -0,0 +1,67 @@
+<div
+    class="{% block x-data_class %}{% endblock %}"
+    x-data="{
+        show_modal: false,
+        close_modal() {
+            this.show_modal = false;
+        },
+        open_modal() {
+            this.show_modal = true;
+        },
+        dispatch_modal(html_content) {
+            document.getElementById('dispatch-modal-content').innerHTML = html_content
+            this.open_modal()
+        }
+    }"
+>
+    {% block modal_trigger_wrapper %}
+        {# Trigger #}
+        <div
+            class="{% block modal_trigger_class %}{% endblock %}"
+            @click="open_modal()"
+        >
+            {% block modal_trigger %}
+            {% endblock %}
+        </div>
+    {% endblock %}
+
+    {#  Modal  #}
+    <template x-teleport="body">
+        <div
+            x-show="show_modal"
+            x-cloak
+            role="dialog"
+            aria-modal="true"
+            x-id="['modal-title']"
+            :aria-labelledby="$id('modal-title')"
+            class="position-fixed overflow-auto"
+            style="z-index: 1024; inset: 0"
+        >
+            {# Overlay #}
+            <div x-show="show_modal" x-transition.opacity style="inset: 0; background-color: rgba(0, 0, 0, 0.5);" class="position-fixed"></div>
+
+            {#   Panel  #}
+            <div
+                class="vh-100 position-relative d-flex justify-content-center"
+                x-transition
+                x-show="show_modal"
+            >
+                <div
+                    class="row w-100 justify-content-center {% block modal_class %}pt-md-6 pt-3{% endblock %}"
+                    x-trap.noscroll.inert="show_modal"
+                >
+                    <div class="{% block modal_col %}col-xl-8 col-lg-10 col-md-11 col-12{% endblock %}">
+                        <div
+                            class="bg-app-layer-one card shadow-lg p-3 {% block modal_content_class %}{% endblock %}"
+                            {% block modal_content_attributes %}{% endblock %}
+                            @mousedown.outside="close_modal()"
+                        >
+                            {% block modal_content %}
+                            {% endblock %}
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </template>
+</div>

django_spire/core/templates/django_spire/modal/title_modal.html

@@ -0,0 +1,22 @@
+{% extends 'django_spire/modal/modal.html' %}
+
+{% block modal_content %}
+    <div class="row justify-content-between pb-1 mb-2 border-bottom">
+        <div
+            class="col text-uppercase text-app-secondary-dark h6 mb-0"
+            {% block modal_title_attributes %}{% endblock %}
+        >
+            {% block modal_title %}{% endblock %}
+        </div>
+        <div class="col-auto">
+            {% include 'django_spire/modal/element/model_close_element.html' %}
+        </div>
+    </div>
+
+    <div class="row">
+        <div class="col-12">
+            {% block modal_title_content %}
+            {% endblock %}
+        </div>
+    </div>
+{% endblock %}

django_spire/core/templates/django_spire/navigation/accordion/nav_accordion.html

@@ -0,0 +1,42 @@
+{% extends 'django_spire/accordion/accordion.html' %}
+
+{% block accordion_toggle %}
+    <div
+        class="mt-3 d-flex justify-content-center align-items-baseline cursor-pointer text-app-link-side-navigation mb-1 ps-1 pe-0"
+        style="width: 150px"
+    >
+        <i class="fs-6 me-2 {% block nav_icon %}{% endblock %}"></i>
+
+        <span class="h6 mb-0">
+            {% block nav_title %}
+            {% endblock %}
+        </span>
+
+        <span
+            class="ms-auto small"
+            :class="{'bi bi-chevron-right': !show_accordion, 'bi bi-chevron-down': show_accordion}"
+        >
+        </span>
+    </div>
+{% endblock %}
+
+{% block accordion_content %}
+    <div
+        class="ms-2 mb-2 mt-1 border-start border-2"
+        @accordion-link="accordion_paths.push($event.detail.url_path); check_path()"
+        x-data="{
+            accordion_paths: [],
+            current_path: '{{ request.path }}',
+            check_path() {
+                if (this.accordion_paths.includes(this.current_path)) {
+                    this.show_accordion = true
+                }
+            }
+        }"
+    >
+        <div class="ps-2">
+            {% block accordion_links %}
+            {% endblock %}
+        </div>
+    </div>
+{% endblock %}

django_spire/core/templates/django_spire/navigation/accordion/settings_nav_accordion.html

@@ -0,0 +1,19 @@
+{% extends 'django_spire/navigation/accordion/nav_accordion.html' %}
+
+{% block nav_title %}
+    Settings
+{% endblock %}
+
+{% block nav_icon %}bi bi-gear-fill{% endblock %}
+
+{% block accordion_content %}
+    {% if perms.django_spire_auth_group.view_authgroup %}
+        {% url 'django_spire:auth:group:page:list' as group_list_url %}
+        {% include 'django_spire/navigation/elements/nav_link.html' with link_text='Groups' link_icon='bi bi-people' url=group_list_url %}
+    {% endif %}
+
+    {% if perms.django_spire_auth_user.view_authuser %}
+        {% url 'django_spire:auth:group:page:user_list' as user_list_url %}
+        {% include 'django_spire/navigation/elements/nav_link.html' with link_text='Users' link_icon='bi bi-person-badge' url=user_list_url %}
+    {% endif %}
+{% endblock %}

django_spire/core/templates/django_spire/navigation/elements/nav_link.html

@@ -0,0 +1,4 @@
+<a class="nav-link p-0 ps-1 pt-2 text-app-link-side-navigation mb-0" href="{{ link_url }}">
+    <i class="{{ link_icon }}"></i>
+    {{ link_text }}
+</a>

django_spire/core/templates/django_spire/navigation/elements/nav_title_divider.html

@@ -0,0 +1,8 @@
+<div class="row mt-3 fs-7 text-app-side-navigation">
+    <div class="col-auto pe-1">
+        <span class="text-app-secondary">{{ divider_text }}</span>
+    </div>
+    <div class="col ps-0 pt-1">
+        <hr class="m-0 mt-2">
+    </div>
+</div>

django_spire/core/templates/django_spire/navigation/elements/search_bar_element.html

@@ -0,0 +1,15 @@
+<li class="nav-item d-none d-md-block">
+    <form
+        class="form-inline search-box"
+        method="get"
+        action="{% url 'search' %}"
+    >
+        <input
+            class="form-control rounded-pill search-input fs--1"
+            name="query"
+            type="search"
+            placeholder="Search..."
+            aria-label="Search"
+        >
+    </form>
+</li>

django_spire/core/templates/django_spire/navigation/mobile_navigation.html

@@ -0,0 +1,33 @@
+{% load static %}
+
+<div x-data="{ show_mobile_nav: false }">
+    <span
+        class="bi bi-list fs-2 d-lg-none cursor-pointer mx-2"
+        @click="show_mobile_nav = true"
+    >
+    </span>
+
+    <div class="col-auto d-lg-none">
+        <div
+            class="sidebar side-navigation px-2 w-mobile-navigation"
+            style="display: none;"
+            x-show="show_mobile_nav"
+            :class="{'show': show_mobile_nav}"
+            @click.away="show_mobile_nav = false"
+        >
+            {# Close Button #}
+            <i
+                class="bi bi-x-lg position-absolute top-0 end-0 m-2"
+                type="button"
+                @click="show_mobile_nav = false"
+            >
+            </i>
+
+            <ul class="nav nav-pills flex-column mt-2 mx-1 p-2">
+                {% block mobile_navigation_links %}
+                    {% include 'django_spire/navigation/navigation_links.html' %}
+                {% endblock %}
+            </ul>
+        </div>
+    </div>
+</div>

django_spire/core/templates/django_spire/navigation/side_navigation.html

@@ -0,0 +1,64 @@
+{% load static %}
+
+<div
+    class="navbar sticky-top bg-app-side-navigation d-block"
+    style="width: 100%; height: 100vh"
+>
+    <div class="text-center pt-2">
+        {% block side_navigation_top_content %}
+            <div class="text-center d-flex justify-content-center mb-4">
+                {% block side_navigation_img %}
+                    <a href="/" class="p-0 m-0">
+                        <img
+                            src="{% static 'img/django_spire.svg' %}"
+                            class="w-side-navigation-img"
+                            alt="Django Spire Logo"
+                        >
+                    </a>
+                {% endblock %}
+            </div>
+        {% endblock %}
+    </div>
+
+    <div
+        class="position-relative"
+        style="height: calc(100vh - var(--app-side-navigation-top-content-height));"
+        x-data="{
+            show_top_fade: false,
+            show_bottom_fade: false,
+            check_scroll() {
+                let element = this.$refs.scroll_container;
+                let has_scroll = element.scrollHeight > element.clientHeight;
+                let is_at_top = element.scrollTop <= 20;
+                let is_at_bottom = element.scrollHeight - element.scrollTop <= element.clientHeight + 20;
+                this.show_top_fade = has_scroll && !is_at_top;
+                this.show_bottom_fade = has_scroll && !is_at_bottom;
+            }
+        }"
+        x-init="$nextTick(() => { check_scroll(); window.addEventListener('resize', () => check_scroll()); })"
+    >
+        <div
+            class="position-absolute top-0 start-0 w-100 side-navigation-fade-top"
+            style="z-index: 10;"
+            x-show="show_top_fade"
+        >
+        </div>
+
+        <div
+            class="navbar-nav-scroll scrollbar-hidden px-2 pb-4 h-100"
+            x-ref="scroll_container"
+            @scroll="check_scroll()"
+        >
+            {% block side_navigation_links %}
+                {% include 'django_spire/navigation/navigation_links.html' %}
+            {% endblock %}
+        </div>
+
+        <div
+            class="position-absolute bottom-0 start-0 w-100 side-navigation-fade-bottom"
+            style="z-index: 10;"
+            x-show="show_bottom_fade"
+        >
+        </div>
+    </div>
+</div>