micro-sidebar 1.2.2__py3-none-any.whl → 2.2.0__py3-none-any.whl

sidebar/static/themes/main.js

@@ -0,0 +1,41 @@
+document.addEventListener('DOMContentLoaded', function() {
+    const root = document.documentElement;
+    const themes = ['light', 'blue', 'gold', 'green', 'red', 'dark'];
+
+    // Load saved theme
+    const savedTheme = localStorage.getItem('appTheme');
+    if (savedTheme && themes.includes(savedTheme)) {
+        root.classList.add(`theme-${savedTheme}`);
+    }
+
+    // Global function to set theme
+    window.setTheme = function(theme) {
+        // Remove all current theme classes
+        themes.forEach(t => root.classList.remove(`theme-${t}`));
+
+        if (theme && themes.includes(theme)) {
+            root.classList.add(`theme-${theme}`);
+            localStorage.setItem('appTheme', theme);
+        } else {
+            localStorage.removeItem('appTheme');
+        }
+        
+        // Visual Update: Highlight active theme circle
+        updateActiveThemeUI(theme || 'light');
+
+        // Dispatch event for components that might need resizing (like Plotly)
+        window.dispatchEvent(new Event('resize'));
+    };
+
+    function updateActiveThemeUI(activeTheme) {
+        document.querySelectorAll('.theme-preview').forEach(el => {
+            el.classList.remove('active');
+            if (el.getAttribute('data-theme') === activeTheme) {
+                el.classList.add('active');
+            }
+        });
+    }
+
+    // Initialize UI on load
+    updateActiveThemeUI(savedTheme || 'light');
+});

sidebar/static/themes/red.css

@@ -0,0 +1,51 @@
+/* --- Red Theme (Bordeaux) --- */
+:root.theme-red {
+    --title: #7f1d1d;
+    --body: #fef2f28b;
+    --htitle: #991b1b;
+    --hbody: #fee2e2db;
+    --table-row: #fdeded;
+    --table-row-hover: #fcdbdb;
+    --primal: #ef4444;
+    --primal_dark: #dc2626;
+    --primal-rgb: 239, 68, 68;
+    --btn-primary-shadow: rgba(239, 68, 68, 0.4);
+
+    /* Login Theme Variables */
+    --bg-gradient: linear-gradient(135deg, #fef2f2 0%, #fee2e2 100%);
+    --right-bg: var(--title);
+    --primary-color: var(--primal);
+
+    /* Bootstrap Overrides */
+    --bs-primary: var(--primal);
+    --bs-primary-rgb: var(--primal-rgb);
+    --bs-btn-bg: var(--primal);
+    --bs-btn-border-color: var(--primal);
+    --bs-btn-hover-bg: var(--primal_dark);
+    --bs-btn-hover-border-color: var(--primal_dark);
+    --bs-link-color: var(--primal);
+    --bs-link-hover-color: var(--primal_dark);
+}
+:root.theme-red .titlebar {
+    background: linear-gradient(90deg, #ffffff 10%, #fdeded 90%) !important;
+}
+:root.theme-red #sidebar {
+    background: linear-gradient(180deg, #ffffff 10%, #fdeded 100%) !important;
+    border-left: 1px solid #fcdbdb !important;
+}
+
+:root.theme-red .page .right {
+    background: var(--primal_dark) !important; /* Darker logo container */
+    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.3) !important;
+    color: #e2e8f0 !important;
+}
+
+/* Red Overrides */
+:root.theme-red .dropdown-item:hover {
+    background-color: rgba(239, 68, 68, 0.08) !important;
+    color: #dc2626 !important;
+}
+:root.theme-red .titlebar .btn-light:hover {
+    background-color: rgba(239, 68, 68, 0.08) !important;
+    color: #dc2626 !important;
+}

sidebar/templates/sidebar/auto.html

@@ -0,0 +1,15 @@
+<div class="sidebar-auto-items" id="sidebarAutoItems">
+{% for item in items %}
+<a href="{{ item.url }}" 
+   class="list-group-item list-group-item-action{% if item.active %} active{% endif %}"
+   data-url-name="{{ item.url_name }}">
+    <i class="bi {{ item.icon }} me-2" style="font-size: 24px;"></i>
+    <span>{{ item.label }}</span>
+</a>
+{% empty %}
+<div class="p-3 text-center text-muted small">
+    <i class="bi bi-inbox mb-2" style="font-size: 24px;"></i>
+    <p class="mb-0">لا توجد عناصر</p>
+</div>
+{% endfor %}
+</div>

sidebar/templates/sidebar/extra_groups.html

@@ -0,0 +1,34 @@
+{% if groups %}
+<div class="accordion accordion-flush" id="sidebarExtraAccordion">
+{% for group_name, group in groups.items %}
+    <div class="accordion-item">
+        <h2 class="accordion-header">
+            <button class="accordion-button{% if not group.has_active %} collapsed{% endif %}" 
+                    type="button" 
+                    data-bs-toggle="collapse" 
+                    data-bs-target="#extraGroup{{ forloop.counter }}" 
+                    aria-expanded="{% if group.has_active %}true{% else %}false{% endif %}" 
+                    aria-controls="extraGroup{{ forloop.counter }}">
+                <i class="bi {{ group.icon }} me-2" style="font-size: 24px;"></i>
+                <span>{{ group_name }}</span>
+            </button>
+        </h2>
+        <div id="extraGroup{{ forloop.counter }}" 
+             class="accordion-collapse collapse{% if group.has_active %} show{% endif %}" 
+             data-bs-parent="#sidebarExtraAccordion">
+            <div class="accordion-body p-0" data-group-name="{{ group_name|slugify }}">
+                {% for item in group.items %}
+                <a href="{{ item.url }}" 
+                   class="list-group-item list-group-item-action{% if item.active %} active{% endif %}"
+                   data-url-name="{{ item.url_name }}">
+                    <i class="bi {{ item.icon }} me-2" style="font-size: 24px;"></i>
+                    <span>{{ item.label }}</span>
+                </a>
+                {% endfor %}
+            </div>
+        </div>
+    </div>
+{% endfor %}
+</div>
+{% endif %}
+

sidebar/templates/sidebar/main.html

@@ -1,8 +1,15 @@
 {% load static %}
 <link rel="stylesheet" href="{% static 'sidebar/sidebar.css' %}">
+<link rel="stylesheet" href="{% static 'sidebar/css/theme_picker.css' %}">
+<link rel="stylesheet" href="{% static 'sidebar/css/reorder.css' %}">
+<link rel="stylesheet" href="{% static 'themes/main.css' %}">
 <script src="{% static 'sidebar/sidebar.js' %}" nonce="{{ request.csp_nonce }}" defer></script>
+<script src="{% static 'themes/main.js' %}" nonce="{{ request.csp_nonce }}" defer></script>
+<script src="{% static 'sidebar/js/theme_picker.js' %}" nonce="{{ request.csp_nonce }}" defer></script>
+<script src="{% static 'sidebar/js/reorder.js' %}" nonce="{{ request.csp_nonce }}" defer></script>
 <!-- Ghost Sidebar for small screens layout stability -->
-<div class="sidebar-ghost"></div>
+{% if request.user.is_authenticated %}
+<!-- <div class="sidebar-ghost"></div> -->
 
 <!-- sidebar.html -->
 <div class="col-2 flex-column shadow-sm sidebar {% if request.session.sidebarCollapsed %}collapsed{% endif %} no-print" 
@@ -26,7 +33,7 @@
         {% block items %}
         
         <!-- DEFAULT CONTENT / INSTRUCTIONS -->
-        <div class="p-3 text-center text-muted">
+        <!-- <div class="p-3 text-center text-muted">
             <i class="bi bi-info-circle mb-2" style="font-size: 24px;"></i>
             <p class="small">
                 <strong>Default Sidebar</strong><br>
@@ -34,13 +41,95 @@
                 <code>sidebar/main.html</code><br>
                 and override the <code>items</code> block.
             </p>
-        </div>
+        </div> -->
 
-        <a href="#" class="list-group-item list-group-item-action">
+        <!-- <a href="#" class="list-group-item list-group-item-action">
             <i class="bi bi-house me-2" style="font-size: 24px;"></i>
             <span>Example Home</span>
-        </a>
+        </a> -->
         
         {% endblock %}
     </div>
+    <script nonce="{{ request.csp_nonce }}">
+        // Immediate order restore to prevent FOUC - runs before browser paint
+        (function() {
+            var STORAGE_KEY_AUTO = 'sidebar_auto_order';
+            var STORAGE_KEY_PREFIX_EXTRA = 'sidebar_extra_';
+            
+            function restoreContainer(container, storageKey) {
+                var saved;
+                try {
+                    saved = localStorage.getItem(storageKey);
+                    if (!saved) return;
+                    saved = JSON.parse(saved);
+                } catch(e) { return; }
+                if (!Array.isArray(saved) || saved.length === 0) return;
+                
+                var items = container.querySelectorAll(':scope > .list-group-item[data-url-name]');
+                var itemMap = {};
+                for (var i = 0; i < items.length; i++) {
+                    itemMap[items[i].dataset.urlName] = items[i];
+                }
+                for (var j = 0; j < saved.length; j++) {
+                    var item = itemMap[saved[j]];
+                    if (item) {
+                        container.appendChild(item);
+                        delete itemMap[saved[j]];
+                    }
+                }
+                for (var key in itemMap) {
+                    container.appendChild(itemMap[key]);
+                }
+            }
+            
+            function slugify(text) {
+                return text.toString().toLowerCase().trim()
+                    .replace(/\s+/g, '-').replace(/[^\w\-]+/g, '').replace(/\-\-+/g, '-');
+            }
+            
+            // Restore auto items
+            var autoContainer = document.getElementById('sidebarAutoItems');
+            if (autoContainer) {
+                restoreContainer(autoContainer, STORAGE_KEY_AUTO);
+            }
+            
+            // Restore extra groups
+            var accordionBodies = document.querySelectorAll('.sidebar .accordion-body');
+            for (var k = 0; k < accordionBodies.length; k++) {
+                var body = accordionBodies[k];
+                var groupName = body.dataset.groupName;
+                if (!groupName) {
+                    var btn = body.closest('.accordion-item');
+                    if (btn) {
+                        var span = btn.querySelector('.accordion-button span');
+                        if (span) groupName = span.textContent.trim();
+                    }
+                }
+                if (groupName) {
+                    restoreContainer(body, STORAGE_KEY_PREFIX_EXTRA + slugify(groupName));
+                }
+            }
+            
+            window._sidebarOrderRestored = true;
+        })();
+    </script>
+
+    <!-- Sidebar Toolbar (Theme Picker, Reorder, etc.) -->
+    <div class="sidebar-toolbar no-print">
+        <i class="bi bi-arrows-move reorder-toggle" id="sidebarReorderToggle" title="إعادة الترتيب"></i>
+        <i class="bi bi-chevron-up theme-arrow" id="sidebarThemeArrow"></i>
+        <div class="current-theme-indicator" id="sidebarThemeIndicator" title="تغيير المظهر"></div>
+        <div class="theme-popup" id="sidebarThemePopup">
+            <div class="small fw-bold mb-2 text-center border-bottom pb-1">اختر اللون</div>
+            <div class="theme-options-grid">
+                <div class="theme-option-circle theme-circle-light" data-theme="light" title="أبيض"></div>
+                <div class="theme-option-circle theme-circle-blue" data-theme="blue" title="ملكي"></div>
+                <div class="theme-option-circle theme-circle-gold" data-theme="gold" title="ذهبي"></div>
+                <div class="theme-option-circle theme-circle-green" data-theme="green" title="أخضر"></div>
+                <div class="theme-option-circle theme-circle-red" data-theme="red" title="أحمر"></div>
+                <div class="theme-option-circle theme-circle-dark" data-theme="dark" title="ليلي"></div>
+            </div>
+        </div>
+    </div>
 </div>
+{% endif %}

sidebar/templatetags/__init__.py

@@ -0,0 +1 @@
+# This file makes templatetags a Python package

sidebar/templatetags/sidebar_tags.py

@@ -0,0 +1,74 @@
+"""
+Template tags for the sidebar app.
+
+Provides the {% auto_sidebar %} tag for rendering auto-discovered
+navigation items.
+"""
+from django import template
+from django.urls import reverse, NoReverseMatch
+
+register = template.Library()
+
+
+@register.inclusion_tag('sidebar/auto.html', takes_context=True)
+def auto_sidebar(context):
+    """
+    Render auto-discovered sidebar items.
+    
+    Uses items from sidebar_auto_items context variable (provided by
+    the context processor) and adds resolved URLs and active state.
+    
+    Usage:
+        {% load sidebar_tags %}
+        {% auto_sidebar %}
+    """
+    request = context.get('request')
+    items = list(context.get('sidebar_auto_items', []))
+    
+    # Add resolved URLs and active state
+    for item in items:
+        try:
+            item['url'] = reverse(item['url_name'])
+            # Check if current path matches or starts with this URL
+            item['active'] = request.path == item['url'] or request.path.startswith(item['url'].rstrip('/') + '/')
+        except NoReverseMatch:
+            item['url'] = '#'
+            item['active'] = False
+    
+    return {'items': items, 'request': request}
+
+
+@register.simple_tag(takes_context=True)
+def sidebar_item_class(context, url_name):
+    """
+    Return 'active' class if current path matches the given URL name.
+    
+    Usage:
+        <a href="{% url 'decree_list' %}" class="list-group-item {% sidebar_item_class 'decree_list' %}">
+    """
+    request = context.get('request')
+    try:
+        url = reverse(url_name)
+        if request.path == url or request.path.startswith(url.rstrip('/') + '/'):
+            return 'active'
+    except NoReverseMatch:
+        pass
+    return ''
+
+
+@register.inclusion_tag('sidebar/extra_groups.html', takes_context=True)
+def extra_sidebar(context):
+    """
+    Render extra sidebar items grouped in accordions.
+    
+    Uses sidebar_extra_groups from context (provided by context processor).
+    Groups are rendered as Bootstrap accordions at the end of the sidebar.
+    
+    Usage:
+        {% load sidebar_tags %}
+        {% extra_sidebar %}
+    """
+    groups = context.get('sidebar_extra_groups', {})
+    request = context.get('request')
+    return {'groups': groups, 'request': request}
+

micro_sidebar-1.2.2.dist-info/RECORD

@@ -1,13 +0,0 @@
-sidebar/__init__.py,sha256=47DEQpj8HBSa-_TImW-5JCeuQeRkm5NMpJWZG3hSuFU,0
-sidebar/apps.py,sha256=4UjKXHoBGKRLxpC9AY6eaq8YZx8unirUz_8u-IrlfVQ,145
-sidebar/urls.py,sha256=UL_9e1RLNMxZXkah65m7GRU1dbViZRGeNPBIiSZpOYg,142
-sidebar/views.py,sha256=MebyJ1ZiylSOPESXFkkQ8QTg-ClrkJn-oYLN6KrcgiM,418
-sidebar/migrations/__init__.py,sha256=47DEQpj8HBSa-_TImW-5JCeuQeRkm5NMpJWZG3hSuFU,0
-sidebar/static/sidebar/sidebar.css,sha256=f6xLSC3JiZFABkxWlFesuzAZZtAT3WW1nZBFMDQNS6Y,5283
-sidebar/static/sidebar/sidebar.js,sha256=xDp038tlscz5KeTjBiEQTzZ2T7a8k4NY3rC6e9NvMsM,6314
-sidebar/templates/sidebar/main.html,sha256=zp_ENJberDGhPERxnzDMwLsjwr5_uTAKd3UpDFNUW-k,1944
-micro_sidebar-1.2.2.dist-info/LICENSE,sha256=Fco89ULLSSxKkC2KKnx57SaT0R7WOkZfuk8IYcGiN50,1063
-micro_sidebar-1.2.2.dist-info/METADATA,sha256=35UC3_f-k_PQ1mh1c3FIyUn5-ORTgJQKU72tJqKc320,4431
-micro_sidebar-1.2.2.dist-info/WHEEL,sha256=pkctZYzUS4AYVn6dJ-7367OJZivF2e8RA9b_ZBjif18,92
-micro_sidebar-1.2.2.dist-info/top_level.txt,sha256=ih69sjMhU1wOB9HzUV90yEY98aiPuGhzPBBBE-YtJ3w,8
-micro_sidebar-1.2.2.dist-info/RECORD,,