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

sidebar/static/themes/gold.css

@@ -0,0 +1,51 @@
+/* --- Gold Theme (Luxury) --- */
+:root.theme-gold {
+    --title: #78350f;
+    --body: #fffbeb8b;
+    --htitle: #92400e;
+    --hbody: #fef3c7db;
+    --table-row: #fef9e7;
+    --table-row-hover: #fdf1c0;
+    --primal: #d97706;
+    --primal_dark: #b45309;
+    --primal-rgb: 217, 119, 6;
+    --btn-primary-shadow: rgba(217, 119, 6, 0.4);
+
+    /* Login Theme Variables */
+    --bg-gradient: linear-gradient(135deg, #fffbeb 0%, #fef3c7 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-gold .titlebar {
+    background: linear-gradient(90deg, #ffffff 10%, #fef9e7 90%) !important;
+}
+:root.theme-gold #sidebar {
+    background: linear-gradient(180deg, #ffffff 10%, #fef9e7 100%) !important;
+    border-left: 1px solid #fdf1c0 !important;
+}
+
+:root.theme-gold .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;
+}
+
+/* Gold Overrides */
+:root.theme-gold .dropdown-item:hover {
+    background-color: rgba(217, 119, 6, 0.08) !important;
+    color: #b45309 !important;
+}
+:root.theme-gold .titlebar .btn-light:hover {
+    background-color: rgba(217, 119, 6, 0.08) !important;
+    color: #b45309 !important;
+}

sidebar/static/themes/green.css

@@ -0,0 +1,63 @@
+/* --- Green Theme (Emerald) --- */
+:root.theme-green {
+    --title: #166534;
+    --body: #f0fdf48b;
+    --htitle: #15803d;
+    --hbody: #dcfce7db;
+    --table-row: #e9fdf0;
+    --table-row-hover: #d2f9df;
+    --primal: #10b981;
+    --primal_dark: #059669;
+    --primal-rgb: 16, 185, 129;
+    --btn-primary-shadow: rgba(16, 185, 129, 0.4);
+
+    /* Login Theme Variables */
+    --bg-gradient: linear-gradient(135deg, #f0fdf4 0%, #dcfce7 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-green .titlebar {
+    background: linear-gradient(90deg, #ffffff 10%, #e9fdf0 90%) !important;
+}
+:root.theme-green #sidebar {
+    background: linear-gradient(180deg, #ffffff 10%, #e9fdf0 100%) !important;
+    border-left: 1px solid #d2f9df !important;
+}
+
+:root.theme-green .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;
+}
+
+/* Green Overrides */
+:root.theme-green .dropdown-item:hover {
+    background-color: rgba(16, 185, 129, 0.08) !important;
+    color: #059669 !important;
+}
+:root.theme-green .titlebar .btn-light:hover {
+    background-color: rgba(16, 185, 129, 0.08) !important;
+    color: #059669 !important;
+}
+
+/* Success Button Override in Green Theme */
+:root.theme-green .btn-outline-success {
+    color: #475569 !important;
+    border-color: #475569 !important;
+}
+
+:root.theme-green .btn-outline-success:hover {
+    background-color: #475569 !important;
+    border-color: #475569 !important;
+    color: #ffffff !important;
+}

sidebar/static/themes/light.css

@@ -0,0 +1,51 @@
+/* --- Light Theme (Neutral / Silver) --- */
+:root.theme-light {
+    --title: #334155; /* Slate 700 */
+    --body: #f8fafc;   /* Slate 50 */
+    --htitle: #64748b; /* Slate 500 */
+    --hbody: #f1f5f9;  /* Slate 100 */
+    --table-row: #f7f8fa;
+    --table-row-hover: #f1f5f9;
+    --primal: #475569; /* Slate 600 - Neutral Accent */
+    --primal_dark: #334155; /* Slate 700 */
+    --primal-rgb: 71, 85, 105;
+    --btn-primary-shadow: rgba(71, 85, 105, 0.4);
+
+    /* Login Theme Variables */
+    --bg-gradient: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 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-light .titlebar {
+    background: linear-gradient(90deg, #ffffff 10%, #f8fafc 90%) !important;
+}
+:root.theme-light #sidebar {
+    background: linear-gradient(180deg, #ffffff 10%, #f8fafc 100%) !important;
+    border-left: 1px solid #e2e8f0 !important;
+}
+
+:root.theme-light .page .right {
+    background: var(--htitle) !important;
+    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.3) !important;
+    color: #f8fafc !important;
+}
+
+/* Neutral Overrides */
+:root.theme-light .dropdown-item:hover {
+    background-color: rgba(71, 85, 105, 0.08) !important;
+    color: #334155 !important;
+}
+:root.theme-light .titlebar .btn-light:hover {
+    background-color: rgba(71, 85, 105, 0.08) !important;
+    color: #334155 !important;
+}

sidebar/static/themes/main.css

@@ -0,0 +1,6 @@
+@import 'light.css';
+@import 'blue.css';
+@import 'green.css';
+@import 'red.css';
+@import 'gold.css';
+@import 'dark.css';

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,13 @@
+{% 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 %}

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">
+                {% 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,13 @@
 {% 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 '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>
 <!-- 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" 
@@ -43,4 +48,22 @@
         
         {% endblock %}
     </div>
+
+    <!-- Sidebar Toolbar (Theme Picker, etc.) -->
+    <div class="sidebar-toolbar no-print">
+        <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,,