django-smartbase-admin 1.0.6b3__py3-none-any.whl → 1.0.7__py3-none-any.whl

django_smartbase_admin/static/sb_admin/sprites/sb_admin/Phone-telephone.svg

@@ -0,0 +1,3 @@
+<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+<path d="M8.49816 2.8429C9.22459 2.84295 9.89352 3.23718 10.2462 3.87219L11.4698 6.07532L11.5265 6.18469C11.7735 6.70215 11.7862 7.3015 11.5616 7.82922L11.5099 7.94055L10.5011 9.95813C10.5468 10.1047 10.6129 10.2956 10.7062 10.5138C10.9356 11.0505 11.3151 11.7282 11.9152 12.3282C12.515 12.9281 13.1911 13.3055 13.7257 13.5333C13.9426 13.6257 14.1327 13.6903 14.2784 13.7355L16.296 12.7277L16.4083 12.6759C16.9738 12.4354 17.6212 12.468 18.1622 12.7687L20.3722 13.9972L20.4884 14.0665C21.0544 14.4334 21.4005 15.0644 21.4005 15.7452V18.2814C21.4005 20.1384 19.6956 21.5976 17.837 21.0958L17.6564 21.0411C15.2008 20.2125 11.2816 18.6155 8.63195 16.1095L8.38 15.8634C5.89768 13.3811 4.27053 9.62736 3.37218 7.07922L3.20226 6.58704C2.55214 4.66007 4.04522 2.84307 5.96203 2.8429H8.49816ZM5.96203 4.8429C5.29555 4.84306 4.92207 5.42648 5.09777 5.94739L5.26378 6.42786C6.13627 8.89807 7.63867 12.2939 9.79406 14.4493L10.0138 14.6632C12.3238 16.8452 15.881 18.3307 18.296 19.1456L18.3946 19.172C18.8879 19.2732 19.4005 18.9063 19.4005 18.2814V15.7452L17.1905 14.5167L14.8341 15.6945C14.6869 15.768 14.5243 15.8041 14.3614 15.7999L14.1984 15.7823H14.1974L14.1954 15.7814H14.1925C14.1901 15.7809 14.1869 15.7801 14.1837 15.7794C14.177 15.7781 14.1682 15.7757 14.1583 15.7736C14.1383 15.7693 14.1116 15.7636 14.0792 15.756C14.0139 15.7405 13.9234 15.7174 13.8136 15.6857C13.5942 15.6223 13.2919 15.5225 12.9415 15.3732C12.244 15.0759 11.3302 14.5714 10.5011 13.7423C9.67207 12.9132 9.16585 11.9983 8.8673 11.2999C8.71718 10.9488 8.61673 10.6456 8.55285 10.4259C8.52097 10.3162 8.49814 10.2266 8.48253 10.1613C8.47473 10.1286 8.46831 10.1012 8.46398 10.0812C8.46184 10.0712 8.46046 10.0624 8.4591 10.0558C8.45844 10.0526 8.45762 10.0494 8.45714 10.047C8.45692 10.0459 8.45634 10.045 8.45617 10.0441V10.0421C8.46048 10.041 8.52416 10.0284 9.43761 9.85071L8.45519 10.0411C8.41318 9.82481 8.44458 9.60057 8.54308 9.40344L9.72082 7.04602L8.49816 4.8429H5.96203Z"/>
+</svg>

django_smartbase_admin/static/sb_admin/src/css/_colors.css

@@ -15,7 +15,7 @@
         --color-dark-50: #F9FAFB;
         --color-dark-a: 17 24 39; /* rgb value from which the alpha values are generated */
 
-        --color-primary-900: #D3F6F8;
+        --color-primary-900: #002729;
         --color-primary-800: #003A3D;
         --color-primary-700: #006166;
         --color-primary-600: #008188;
@@ -46,7 +46,7 @@
         --color-success-300: #6EE7B7;
         --color-success-200: #A7F3D0;
         --color-success-100: #D1FAE5;
-        --color-success-50: #D1FAE5;
+        --color-success-50: #ECFDF5;
 
         --color-warning-900: #78350F;
         --color-warning-800: #78350F;
@@ -59,26 +59,26 @@
         --color-warning-100: #FEF3C7;
         --color-warning-50: #FFFBEB;
 
-        --color-negative-900: #7F1D1D;
-        --color-negative-800: #991B1B;
-        --color-negative-700: #B91C1C;
-        --color-negative-600: #DC2626;
-        --color-negative: #EF4444;
-        --color-negative-400: #F87171;
-        --color-negative-300: #FCA5A5;
-        --color-negative-200: #FECACA;
-        --color-negative-100: #FEE2E2;
-        --color-negative-50: #FEF2F2;
+        --color-negative-900: #330000;
+        --color-negative-800: #660000;
+        --color-negative-700: #990000;
+        --color-negative-600: #CC0000;
+        --color-negative: #FF0917;
+        --color-negative-400: #FF3A45;
+        --color-negative-300: #FF6B74;
+        --color-negative-200: #FF9DA2;
+        --color-negative-100: #FFCED1;
+        --color-negative-50: #FFE6E8;
 
         --color-notice-900: #0C4A6E;
         --color-notice-800: #075985;
         --color-notice-700: #0369A1;
-        --color-notice-600: #0369A1;
-        --color-notice: #0284C7;
-        --color-notice-400: #0EA5E9;
-        --color-notice-300: #38BDF8;
-        --color-notice-200: #7DD3FC;
-        --color-notice-100: #BAE6FD;
-        --color-notice-50: #E0F2FE;
+        --color-notice-600: #0284C7;
+        --color-notice: #0EA5E9;
+        --color-notice-400: #38BDF8;
+        --color-notice-300: #7DD3FC;
+        --color-notice-200: #BAE6FD;
+        --color-notice-100: #F0F9FF;
+        --color-notice-50: #F0F9FF;
     }
 }

django_smartbase_admin/static/sb_admin/src/css/calendar.css

@@ -0,0 +1,130 @@
+:root {
+    --fc-small-font-size: .75rem;
+    --fc-border-color: var(--color-dark-200);
+    --fc-today-bg-color: var(--color-primary-50);
+    --fc-neutral-bg-color: var(--color-dark-100);
+}
+
+.fc-theme-standard {
+    th.fc-col-header-cell {
+        @apply px-24 py-8;
+        @apply bg-dark-100;
+    }
+    td.fc-daygrid-day {
+        @apply p-8;
+    }
+}
+
+.fc {
+    table {
+        @apply text-12;
+    }
+    .fc-col-header-cell-cushion {
+        @apply p-0;
+        @apply text-14 font-medium;
+    }
+
+    .fc-daygrid-day {
+        height: 9rem;
+    }
+
+    .fc-day-other {
+        @apply bg-dark-100;
+        .fc-daygrid-day-top {
+            opacity: 1;
+            .fc-daygrid-day-number {
+                @apply text-dark;
+            }
+        }
+        .fc-daygrid-day-events {
+            opacity: 0.6;
+        }
+    }
+
+    .fc-daygrid-day-frame,
+    .fc-daygrid-day-events,
+    .fc-daygrid-event-harness,
+    .fc-daygrid-day-bottom {
+        &:before,
+        &:after {
+            @apply hidden;
+        }
+    }
+
+    .fc-daygrid-day-frame {
+        @apply flex flex-col gap-4;
+    }
+    .fc-daygrid-day-events {
+        @apply m-0 flex flex-col gap-4;
+    }
+    .fc-daygrid-day-top {
+        @apply flex-row;
+    }
+    .fc-daygrid-day-number {
+        @apply w-24 h-24 flex justify-center items-center leading-none font-semibold text-dark-900 p-4;
+    }
+    .fc-day-today {
+        .fc-daygrid-day-number {
+            @apply bg-primary rounded-full text-light;
+        }
+    }
+    .fc-daygrid-event {
+        @apply !m-0 flex gap-4;
+    }
+    .fc-daygrid-dot-event {
+        @apply px-8 py-0 border border-dark-200 rounded h-24;
+        .fc-event-time {
+            @apply hidden;
+        }
+        .fc-event-title {
+            @apply font-normal text-dark-900 text-ellipsis leading-16;
+        }
+    }
+    .fc-daygrid-event-dot {
+        box-sizing: border-box;
+        @apply w-12 h-12 m-0 shrink-0;
+        @apply rounded-full border-2 border-current;
+    }
+
+    .fc-daygrid-day-bottom {
+        @apply text-12 !m-0;
+    }
+
+    .fc-daygrid-more-link {
+        @apply m-0 p-0;
+        &:hover {
+            background: none;
+        }
+    }
+
+    .fc-daygrid-body-unbalanced .fc-daygrid-day-events {
+        min-height: 4rem;
+        @apply mb-0;
+    }
+
+    .fc-daygrid-day-bg {
+        @apply hidden;
+    }
+
+    .fc-popover {
+        z-index: 10;
+        .fc-popover-header {
+            @apply p-4;
+        }
+        .fc-popover-title {
+            @apply text-14;
+        }
+        .fc-popover-body {
+            @apply p-8 flex flex-col gap-4;
+        }
+    }
+
+    .fc-scrollgrid {
+        border-left-width: 0;
+    }
+    .fc-scrollgrid-section {
+        >th,>td {
+            border: 0;
+        }
+    }
+}

django_smartbase_admin/static/sb_admin/src/css/components/_button.css

@@ -195,4 +195,38 @@
             @apply max-sm:hidden;
         }
     }
+
+    .btn-group {
+        @apply flex;
+        > * {
+            &:first-child {
+                @apply rounded-r-none;
+                >.btn,
+                >.input {
+                    @apply rounded-r-none;
+                }
+            }
+            &:last-child {
+                @apply rounded-l-none;
+                >.btn,
+                .input {
+                    @apply rounded-l-none;
+                }
+            }
+            &:not(:first-child) {
+                margin-left: -1px;
+            }
+            &:not(:first-child):not(:last-child) {
+                @apply rounded-none;
+                >.btn,
+                >.input{
+                    @apply rounded-none;
+                }
+            }
+            &:hover,
+            &:focus {
+                z-index: 1;
+            }
+        }
+    }
 }

django_smartbase_admin/static/sb_admin/src/css/components/_tooltip.css

@@ -28,7 +28,8 @@
         }
     }
 
-    .tooltip.bs-tooltip-top {
+    .tooltip.bs-tooltip-top,
+    .tooltip.bs-tooltip-auto[data-popper-placement^="top"] {
 
         .tooltip-arrow {
             bottom: 0;
@@ -41,7 +42,8 @@
         }
     }
 
-    .tooltip.bs-tooltip-bottom {
+    .tooltip.bs-tooltip-bottom,
+    .tooltip.bs-tooltip-auto[data-popper-placement^="bottom"] {
 
         .tooltip-arrow {
             top: 0;
@@ -54,7 +56,8 @@
         }
     }
 
-    .tooltip.bs-tooltip-end {
+    .tooltip.bs-tooltip-end,
+    .tooltip.bs-tooltip-auto[data-popper-placement^="right"] {
         padding: 0 .5rem;
 
         .tooltip-arrow {
@@ -72,7 +75,8 @@
 
 
 
-    .tooltip.bs-tooltip-start {
+    .tooltip.bs-tooltip-start,
+    .tooltip.bs-tooltip-auto[data-popper-placement^="left"] {
         padding: 0 .5rem;
 
         .tooltip-arrow {
@@ -88,24 +92,6 @@
         }
     }
 
-    .tooltip.bs-tooltip-auto {
-        &[data-popper-placement^="top"] {
-            @extend .tooltip.bs-tooltip-top;
-        }
-
-        &[data-popper-placement^="right"] {
-            @extend .tooltip.bs-tooltip-end;
-        }
-
-        &[data-popper-placement^="bottom"] {
-            @extend .tooltip.bs-tooltip-bottom;
-        }
-
-        &[data-popper-placement^="left"] {
-            @extend .tooltip.bs-tooltip-start;
-        }
-    }
-
     .tooltip-inner {
         max-width: 200px;
         @apply p-8;

django_smartbase_admin/static/sb_admin/src/js/calendar.js

@@ -0,0 +1,56 @@
+import {filterInputValueChangedUtil, filterInputValueChangeListener} from "./utils"
+
+class SBAdminCalendar {
+    constructor(options) {
+        this.options = options
+        this.calendar = null
+        this.options['calendarOptions'] = this.options['calendarOptions'] || {}
+
+        if(!Object.hasOwn(this.options.calendarOptions, "events") || !this.options.calendarOptions.events) {
+            throw Error('Missing events property!')
+        }
+        if(typeof this.options.calendarOptions.events === 'string') {
+            this.options.calendarOptions.events = {
+                url: this.options.calendarOptions.events
+            }
+        }
+        this.options.calendarOptions.events['extraParams'] = this.options.calendarOptions.events['extraParams'] || {}
+        this.options.calendarOptions.events.extraParams = () => {
+            return {
+                ...this.options.calendarOptions.events['extraParams'] || {},
+                ...this.getFilterData()
+            }
+        }
+        this.initCalendar()
+        this.initFilters()
+    }
+    
+    initCalendar() {
+        const calendarEl = document.getElementById(`${this.options.widgetId}-calendar`)
+
+        // eslint-disable-next-line no-undef
+        this.calendar = new FullCalendar.Calendar(calendarEl, this.options.calendarOptions || {})
+        this.calendar.render()
+    }
+
+    getFilterData() {
+        const filterForm = document.querySelector(`#${this.options.widgetId}-filter-form`)
+        const filterData = new FormData(filterForm).entries()
+        const filterDataNotEmpty = {}
+        for (const [key, value] of filterData) {
+            if (value) {
+                filterDataNotEmpty[key] = value
+            }
+        }
+        return filterDataNotEmpty
+    }
+
+    initFilters() {
+        filterInputValueChangeListener(`[form="${this.options.widgetId}-filter-form"]`, (event) => {
+            this.calendar.refetchEvents()
+            filterInputValueChangedUtil(event.target)
+        })
+    }
+}
+
+window.SBAdminCalendarClass = SBAdminCalendar

django_smartbase_admin/static/sb_admin/src/js/chart.js

@@ -28,24 +28,8 @@ class SBAdminChart {
         this.chart = new Chart(ctx, {
             type: this.options.chartType,
             data: {},
-            options: {
-                scales: {
-                    x: {
-                        ticks: {
-                            font: {
-                                weight: 600,
-                            }
-                        }
-                    },
-                    y: {
-                        ticks: {
-                            font: {
-                                weight: 600,
-                            }
-                        }
-                    }
-                }
-            }
+            options: this.options.chartOptions || {},
+            plugins: this.options.chartPlugins || []
         })
         this.refreshData()
         document.addEventListener(window.sb_admin_const.TABLE_RELOAD_DATA_EVENT_NAME, () => {
@@ -112,6 +96,7 @@ class SBAdminChart {
                         }
                     })
                 }
+                this.chart.canvas.dispatchEvent(new CustomEvent('chartDataLoaded'))
             })
     }
 

django_smartbase_admin/static/sb_admin/src/js/main.js

@@ -101,7 +101,7 @@ class Main {
     initInputs(target) {
         this.datepicker = new Datepicker(target)
         this.range = new Range(null, null, target)
-        this.multiselect = new Multiselect()
+        this.multiselect = new Multiselect(null, null, target)
     }
 
     handleLocationHashFromTabs() {

django_smartbase_admin/static/sb_admin/src/js/multiselect.js

@@ -1,37 +1,53 @@
 export default class Multiselect {
-    constructor(selector_override, options_override) {
+    constructor(selector_override, options_override, target) {
+        target = target || document
         const selector = selector_override || '.js-simple-multiselect'
         const selectorDetail = '.js-simple-multiselect-detail'
+        const selectAllClass = 'js-simple-multiselect-all'
         this.wrapperSelector = '.js-simple-multiselect-wrapper'
-        document.addEventListener('change', e => {
-            const wrapperEl = e.target.closest(this.wrapperSelector)
-            const multiselectInput = wrapperEl?.querySelector(selector)
-            const isCheckboxClicked = e.target.type === 'checkbox'
-            if (multiselectInput && isCheckboxClicked) {
-                let checked = []
-                this.getCheckboxes(multiselectInput).forEach(el => {
-                    if (el.checked) {
-                        checked.push({
-                            value: el.value,
-                            label: el.dataset.label,
+        if(target === document) {
+            document.addEventListener('change', e => {
+                const wrapperEl = e.target.closest(this.wrapperSelector)
+                const multiselectInput = wrapperEl?.querySelector(selector)
+                const isCheckboxClicked = e.target.type === 'checkbox'
+                const selectAllEl = wrapperEl.querySelector(`.${selectAllClass}`)
+                if(multiselectInput && isCheckboxClicked) {
+                    const checkboxes = Array.from(this.getCheckboxes(multiselectInput))
+                    if(e.target.classList.contains(selectAllClass)) {
+                        checkboxes.forEach(el => {
+                            el.checked = e.target.checked
                         })
+                    } else {
+                        selectAllEl.checked = false
                     }
+                    if(!checkboxes.some(el => el.checked)) {
+                        selectAllEl.checked = true
+                    }
+                    let checked = []
+                    checkboxes.forEach(el => {
+                        if(el.checked) {
+                            checked.push({
+                                value: el.value,
+                                label: el.dataset.label,
+                            })
+                        }
+                    })
+                    multiselectInput.value = JSON.stringify(checked)
+                    multiselectInput.dispatchEvent(new Event('change', {bubbles: true}))
+                }
+            })
+            document.addEventListener('formset:added', (event) => {
+                event.target.querySelectorAll(selectorDetail).forEach(el => {
+                    this.initDetailMultiselect(el)
                 })
-                multiselectInput.value = JSON.stringify(checked)
-                multiselectInput.dispatchEvent(new Event('change', {bubbles: true}))
-            }
-        })
-        document.querySelectorAll(selector).forEach(el => {
+            })
+        }
+        target.querySelectorAll(selector).forEach(el => {
             this.initMultiselect(el, options_override)
         })
-        document.querySelectorAll(selectorDetail).forEach(el => {
+        target.querySelectorAll(selectorDetail).forEach(el => {
             this.initDetailMultiselect(el)
         })
-        document.addEventListener('formset:added', (event) => {
-            event.target.querySelectorAll(selectorDetail).forEach(el => {
-                this.initDetailMultiselect(el)
-            })
-        })
     }
 
     getCheckboxes(base_input) {

django_smartbase_admin/static/sb_admin/src/js/utils.js

@@ -95,6 +95,9 @@ export const filterInputValueChangedUtil = (field) => {
             if (index === window.sb_admin_const.MULTISELECT_FILTER_MAX_CHOICES_SHOWN) {
                 break
             }
+            if(entries.length > 1 && item.value === window.sb_admin_const.SELECT_ALL_KEYWORD) {
+                continue
+            }
             if (index === window.sb_admin_const.MULTISELECT_FILTER_MAX_CHOICES_SHOWN - 2 && entries[index + 2]) {
                 labelArray.push(item.label)
                 hasMaxEntries = true

django_smartbase_admin/templates/sb_admin/dashboard/calendar_widget.html

@@ -0,0 +1,35 @@
+{% extends "sb_admin/dashboard/widget_base.html" %}
+{% load sb_admin_tags static i18n %}
+
+{% block filters %}{% endblock %}
+
+{% block content_inner %}
+    <div class="card p-16 pb-0">
+        <div class="mt-16 -mx-16">
+            <script type="text/javascript" src="{% static 'sb_admin/js/fullcalendar.min.js' %}"></script>
+            <link rel="stylesheet" href="{% static 'sb_admin/dist/calendar_style.css' %}">
+            <script type="text/javascript" src="{% static 'sb_admin/dist/calendar.js' %}"></script>
+
+            <script>
+                document.addEventListener('DOMContentLoaded', function() {
+                    window.SBAdminCalendar = window.SBAdminCalendar || {};
+                    window.SBAdminCalendar["{{ widget_id }}"] = new window.SBAdminCalendarClass({
+                        "widgetId": "{{ widget_id }}",
+                        "calendarOptions": {
+                            initialView: 'dayGridMonth',
+                            events: {
+                                url: "{{ ajax_url }}",
+                            },
+                            dayMaxEvents: 3,
+                            height: 'auto',
+                            locale: 'sk',
+                            headerToolbar: false,
+                            fixedWeekCount: false,
+                        }
+                    });
+                });
+            </script>
+            <div id="{{ widget_id }}-calendar"></div>
+        </div>
+    </div>
+{% endblock %}

django_smartbase_admin/templates/sb_admin/dashboard/chart_widget.html

@@ -19,7 +19,25 @@
                 window.SBAdminChart["{{ widget_id }}"] = new window.SBAdminChartClass({
                     "widgetId": "{{ widget_id }}",
                     "ajaxUrl": "{{ ajax_url }}",
-                    "chartType": "{{ chart_type }}"
+                    "chartType": "{{ chart_type }}",
+                    "chartOptions": {
+                        scales: {
+                            x: {
+                                ticks: {
+                                    font: {
+                                        weight: 600,
+                                    }
+                                }
+                            },
+                            y: {
+                                ticks: {
+                                    font: {
+                                        weight: 600,
+                                    }
+                                }
+                            }
+                        }
+                    }
                 });
             </script>
         </div>

django_smartbase_admin/templates/sb_admin/filter_widgets/multiple_choice_field.html

@@ -6,6 +6,20 @@
                    {% if not all_filters_visible %}disabled{% endif %}{% if filter_widget.get_default_value %}
                    value="{{ filter_widget.get_default_value }}"{% endif %}>
     <ul class="relative py-8">
+        {% if filter_widget.enable_select_all %}
+            <li>
+                <div class="relative px-12 py-8">
+                    <input type="checkbox"
+                           value="{{ filter_widget.select_all_keyword }}"
+                           name="{{ filter_widget.input_name }}_dummy"
+                           class="checkbox js-simple-multiselect-all"
+                           id="{{ filter_widget.input_id }}_all" {% if filter_widget.get_default_value == filter_widget.select_all_keyword %} checked{% endif %} data-label="{{ filter_widget.select_all_label }}">
+                    <label for="{{ filter_widget.input_id }}_all">
+                        {{ filter_widget.select_all_label }}
+                    </label>
+                </div>
+            </li>
+        {% endif %}
         {% for choice in filter_widget.choices %}
             <li>
                 <div class="relative px-12 py-8">