domma-cms 0.66.0 → 0.69.3

package/plugins/theme-switcher/public/inject-body.html

@@ -1,153 +0,0 @@
-<div class="dm-theme-switcher" id="dm-theme-switcher" role="navigation" aria-label="Theme switcher">
-    <button class="dm-ts-trigger" data-tooltip="Switch theme" aria-haspopup="true" aria-expanded="false"></button>
-    <div class="dm-ts-options" role="menu">
-        <button class="dm-ts-dot dm-ts-dot-charcoal-dark" data-theme="charcoal-dark" data-tooltip="Charcoal Dark"
-                aria-label="Charcoal Dark"></button>
-        <button class="dm-ts-dot dm-ts-dot-charcoal-light" data-theme="charcoal-light" data-tooltip="Charcoal Light"
-                aria-label="Charcoal Light"></button>
-        <button class="dm-ts-dot dm-ts-dot-christmas-dark" data-theme="christmas-dark" data-tooltip="Christmas Dark"
-                aria-label="Christmas Dark"></button>
-        <button class="dm-ts-dot dm-ts-dot-christmas-light" data-theme="christmas-light" data-tooltip="Christmas Light"
-                aria-label="Christmas Light"></button>
-        <button class="dm-ts-dot dm-ts-dot-dreamy-dark" data-theme="dreamy-dark" data-tooltip="Dreamy Dark"
-                aria-label="Dreamy Dark"></button>
-        <button class="dm-ts-dot dm-ts-dot-dreamy-light" data-theme="dreamy-light" data-tooltip="Dreamy Light"
-                aria-label="Dreamy Light"></button>
-        <button class="dm-ts-dot dm-ts-dot-forest-dark" data-theme="forest-dark" data-tooltip="Forest Dark"
-                aria-label="Forest Dark"></button>
-        <button class="dm-ts-dot dm-ts-dot-forest-light" data-theme="forest-light" data-tooltip="Forest Light"
-                aria-label="Forest Light"></button>
-        <button class="dm-ts-dot dm-ts-dot-grayve-dark" data-theme="grayve-dark" data-tooltip="Grayve Dark"
-                aria-label="Grayve Dark"></button>
-        <button class="dm-ts-dot dm-ts-dot-grayve-light" data-theme="grayve-light" data-tooltip="Grayve Light"
-                aria-label="Grayve Light"></button>
-        <button class="dm-ts-dot dm-ts-dot-lemon-dark" data-theme="lemon-dark" data-tooltip="Lemon Dark"
-                aria-label="Lemon Dark"></button>
-        <button class="dm-ts-dot dm-ts-dot-lemon-light" data-theme="lemon-light" data-tooltip="Lemon Light"
-                aria-label="Lemon Light"></button>
-        <button class="dm-ts-dot dm-ts-dot-mint-dark" data-theme="mint-dark" data-tooltip="Mint Dark"
-                aria-label="Mint Dark"></button>
-        <button class="dm-ts-dot dm-ts-dot-mint-light" data-theme="mint-light" data-tooltip="Mint Light"
-                aria-label="Mint Light"></button>
-        <button class="dm-ts-dot dm-ts-dot-ocean-dark" data-theme="ocean-dark" data-tooltip="Ocean Dark"
-                aria-label="Ocean Dark"></button>
-        <button class="dm-ts-dot dm-ts-dot-ocean-light" data-theme="ocean-light" data-tooltip="Ocean Light"
-                aria-label="Ocean Light"></button>
-        <button class="dm-ts-dot dm-ts-dot-royal-dark" data-theme="royal-dark" data-tooltip="Royal Dark"
-                aria-label="Royal Dark"></button>
-        <button class="dm-ts-dot dm-ts-dot-royal-light" data-theme="royal-light" data-tooltip="Royal Light"
-                aria-label="Royal Light"></button>
-        <button class="dm-ts-dot dm-ts-dot-silver-dark" data-theme="silver-dark" data-tooltip="Silver Dark"
-                aria-label="Silver Dark"></button>
-        <button class="dm-ts-dot dm-ts-dot-silver-light" data-theme="silver-light" data-tooltip="Silver Light"
-                aria-label="Silver Light"></button>
-        <button class="dm-ts-dot dm-ts-dot-sunset-dark" data-theme="sunset-dark" data-tooltip="Sunset Dark"
-                aria-label="Sunset Dark"></button>
-        <button class="dm-ts-dot dm-ts-dot-sunset-light" data-theme="sunset-light" data-tooltip="Sunset Light"
-                aria-label="Sunset Light"></button>
-        <button class="dm-ts-dot dm-ts-dot-unicorn-dark" data-theme="unicorn-dark" data-tooltip="Unicorn Dark"
-                aria-label="Unicorn Dark"></button>
-        <button class="dm-ts-dot dm-ts-dot-unicorn-light" data-theme="unicorn-light" data-tooltip="Unicorn Light"
-                aria-label="Unicorn Light"></button>
-        <button class="dm-ts-dot dm-ts-dot-wedding-dark" data-theme="wedding-dark" data-tooltip="Wedding Dark"
-                aria-label="Wedding Dark"></button>
-        <button class="dm-ts-dot dm-ts-dot-wedding-light" data-theme="wedding-light" data-tooltip="Wedding Light"
-                aria-label="Wedding Light"></button>
-    </div>
-</div>
-
-<script>
-    (function () {
-        var el = document.getElementById('dm-theme-switcher');
-        if (!el) return;
-
-        // ── Placement ──────────────────────────────────────────────────────────────
-        function applyPlacement(position, offsetX, offsetY) {
-            var isLeft = position === 'left-center' || position === 'bottom-left' || position === 'top-left';
-            var isBottom = position === 'bottom-left' || position === 'bottom-right';
-            var isTop = position === 'top-left' || position === 'top-right';
-
-            if (isLeft) el.classList.add('dm-ts-left');
-            else el.classList.remove('dm-ts-left');
-
-            if (isTop) el.classList.add('dm-ts-top');
-            else el.classList.remove('dm-ts-top');
-
-            Object.assign(el.style, {
-                right: isLeft ? 'auto' : offsetX + 'px',
-                left: isLeft ? offsetX + 'px' : 'auto',
-                top: isTop ? offsetY + 'px' : (isBottom ? 'auto' : '50vh'),
-                bottom: isBottom ? offsetY + 'px' : 'auto',
-                transform: (isTop || isBottom) ? 'none' : 'translateY(-50%)',
-            });
-
-            var opts = el.querySelector('.dm-ts-options');
-            if (opts) {
-                if (isLeft) {
-                    opts.style.left = '0';
-                    opts.style.right = 'auto';
-                } else {
-                    opts.style.left = '';
-                    opts.style.right = '';
-                }
-            }
-        }
-
-        fetch('/api/plugins/theme-switcher/settings')
-            .then(function (r) {
-                return r.ok ? r.json() : {};
-            })
-            .catch(function () {
-                return {};
-            })
-            .then(function (cfg) {
-                applyPlacement(
-                    cfg.position || 'right-center',
-                    cfg.offsetX != null ? cfg.offsetX : 32,
-                    cfg.offsetY != null ? cfg.offsetY : 32
-                );
-            });
-
-        // ── Theme engine ───────────────────────────────────────────────────────────
-        function waitForDomma(cb, retries) {
-            if (typeof Domma !== 'undefined' && Domma.theme) {
-                cb(Domma.theme);
-            } else if (retries > 0) {
-                setTimeout(function () {
-                    waitForDomma(cb, retries - 1);
-                }, 100);
-            }
-        }
-
-        waitForDomma(function (themeEngine) {
-            var trigger = el.querySelector('.dm-ts-trigger');
-            var dots = el.querySelectorAll('.dm-ts-dot');
-
-            function updateActive() {
-                var current = themeEngine.get();
-                dots.forEach(function (dot) {
-                    dot.classList.toggle('active', dot.dataset.theme === current);
-                });
-            }
-
-            dots.forEach(function (dot) {
-                dot.addEventListener('click', function () {
-                    themeEngine.set(dot.dataset.theme);
-                    updateActive();
-                });
-            });
-
-            themeEngine.onChange(function () {
-                updateActive();
-            });
-            updateActive();
-
-            if (trigger) {
-                trigger.addEventListener('click', function () {
-                    var expanded = trigger.getAttribute('aria-expanded') === 'true';
-                    trigger.setAttribute('aria-expanded', String(!expanded));
-                });
-            }
-        }, 30);
-    }());
-</script>

package/plugins/theme-switcher/public/inject-head.html

@@ -1,260 +0,0 @@
-<style>
-    /* ============================================================
-       Theme Switcher - Floating Disc
-       Position is applied inline by inject-body.html script.
-       ============================================================ */
-    .dm-theme-switcher {
-        position: fixed;
-        z-index: 9998;
-    }
-
-    .dm-ts-trigger {
-        width: 48px;
-        height: 48px;
-        border-radius: 50%;
-        border: 2px solid rgba(255, 255, 255, 0.25);
-        cursor: pointer;
-        background: conic-gradient(
-                #0077b6 0deg 28deg,
-                #48cae4 28deg 56deg,
-                #2d6a4f 56deg 84deg,
-                #74c69d 84deg 112deg,
-                #c67b5c 112deg 140deg,
-                #4169e1 140deg 168deg,
-                #c9b458 168deg 196deg,
-                #708090 196deg 224deg,
-                #5cb875 224deg 252deg,
-                #9b59b6 252deg 280deg,
-                #00838f 280deg 308deg,
-                #2e9e6e 308deg 336deg,
-                #c5a55a 336deg 360deg
-        );
-        padding: 0;
-        transition: transform 0.18s ease, box-shadow 0.18s ease;
-        box-shadow: 0 3px 12px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(255, 255, 255, 0.08);
-    }
-
-    .dm-ts-trigger:hover {
-        transform: scale(1.14);
-        box-shadow: 0 6px 20px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(255, 255, 255, 0.15);
-    }
-
-    .dm-ts-options {
-        position: absolute;
-        display: grid;
-        grid-template-columns: repeat(2, 28px);
-        gap: 8px;
-        padding: 10px;
-        background: var(--dm-surface, #1e2030);
-        border: 1px solid var(--dm-border, rgba(255, 255, 255, 0.12));
-        border-radius: 14px;
-        box-shadow: 0 10px 28px rgba(0, 0, 0, 0.45);
-        opacity: 0;
-        visibility: hidden;
-        transform: scale(0.92) translateY(6px);
-        transform-origin: bottom right;
-        transition: opacity 0.18s ease, transform 0.18s ease, visibility 0.18s;
-        pointer-events: none;
-        bottom: 56px;
-        right: 0;
-    }
-
-    /* Left-anchored: panel opens to the right */
-    .dm-theme-switcher.dm-ts-left .dm-ts-options {
-        right: auto;
-        left: 0;
-        transform-origin: bottom left;
-    }
-
-    /* Top-anchored: panel opens downward */
-    .dm-theme-switcher.dm-ts-top .dm-ts-options {
-        bottom: auto;
-        top: 56px;
-        transform: scale(0.92) translateY(-6px);
-        transform-origin: top right;
-    }
-
-    .dm-theme-switcher.dm-ts-top.dm-ts-left .dm-ts-options {
-        transform-origin: top left;
-    }
-
-    .dm-theme-switcher:hover .dm-ts-options,
-    .dm-theme-switcher:focus-within .dm-ts-options {
-        opacity: 1;
-        visibility: visible;
-        transform: scale(1) translateY(0);
-        pointer-events: all;
-    }
-
-    /* Top-anchored open state uses same final transform */
-    .dm-theme-switcher.dm-ts-top:hover .dm-ts-options,
-    .dm-theme-switcher.dm-ts-top:focus-within .dm-ts-options {
-        transform: scale(1) translateY(0);
-    }
-
-    .dm-ts-dot {
-        width: 28px;
-        height: 28px;
-        border-radius: 50%;
-        border: 2px solid transparent;
-        cursor: pointer;
-        padding: 0;
-        position: relative;
-        transition: transform 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
-        box-shadow: 0 1px 4px rgba(0, 0, 0, 0.35);
-        outline: none;
-    }
-
-    .dm-ts-dot:hover {
-        transform: scale(1.22);
-        box-shadow: 0 3px 10px rgba(0, 0, 0, 0.4);
-    }
-
-    .dm-ts-dot.active {
-        border-color: #fff;
-        box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5), 0 2px 8px rgba(0, 0, 0, 0.4);
-    }
-
-    /* Tooltip */
-    .dm-ts-dot::after,
-    .dm-ts-trigger::after {
-        content: attr(data-tooltip);
-        position: absolute;
-        top: 50%;
-        transform: translateY(-50%);
-        background: rgba(10, 12, 20, 0.92);
-        color: #fff;
-        padding: 4px 9px;
-        border-radius: 5px;
-        font-size: 0.7rem;
-        font-family: system-ui, sans-serif;
-        white-space: nowrap;
-        opacity: 0;
-        pointer-events: none;
-        transition: opacity 0.15s ease;
-        z-index: 1;
-    }
-
-    /* Tooltip direction flips with anchor side */
-    .dm-theme-switcher:not(.dm-ts-left) .dm-ts-dot::after,
-    .dm-theme-switcher:not(.dm-ts-left) .dm-ts-trigger::after {
-        right: calc(100% + 7px);
-        left: auto;
-    }
-
-    .dm-theme-switcher.dm-ts-left .dm-ts-dot::after,
-    .dm-theme-switcher.dm-ts-left .dm-ts-trigger::after {
-        left: calc(100% + 7px);
-        right: auto;
-    }
-
-    .dm-ts-dot:hover::after,
-    .dm-ts-trigger:hover::after {
-        opacity: 1;
-    }
-
-    /* Dot colours */
-    .dm-ts-dot-ocean-dark {
-        background: linear-gradient(135deg, #023e8a, #0077b6);
-    }
-
-    .dm-ts-dot-ocean-light {
-        background: linear-gradient(135deg, #48cae4, #90e0ef);
-    }
-
-    .dm-ts-dot-forest-dark {
-        background: linear-gradient(135deg, #1b4332, #2d6a4f);
-    }
-
-    .dm-ts-dot-forest-light {
-        background: linear-gradient(135deg, #52b788, #95d5b2);
-    }
-
-    .dm-ts-dot-sunset-dark {
-        background: linear-gradient(135deg, #8b4513, #c67b5c);
-    }
-
-    .dm-ts-dot-sunset-light {
-        background: linear-gradient(135deg, #f4a261, #ffc09f);
-    }
-
-    .dm-ts-dot-royal-dark {
-        background: linear-gradient(135deg, #1e3a8a, #2b4c9e);
-    }
-
-    .dm-ts-dot-royal-light {
-        background: linear-gradient(135deg, #6495ed, #a3b8f2);
-    }
-
-    .dm-ts-dot-lemon-dark {
-        background: linear-gradient(135deg, #854d0e, #a89c3a);
-    }
-
-    .dm-ts-dot-lemon-light {
-        background: linear-gradient(135deg, #f9e44a, #fffbeb);
-    }
-
-    .dm-ts-dot-silver-dark {
-        background: linear-gradient(135deg, #2d3748, #4a5568);
-    }
-
-    .dm-ts-dot-silver-light {
-        background: linear-gradient(135deg, #e2e8f0, #a0aec0);
-    }
-
-    .dm-ts-dot-charcoal-dark {
-        background: linear-gradient(135deg, #1a202c, #2d3748);
-    }
-
-    .dm-ts-dot-charcoal-light {
-        background: linear-gradient(135deg, #718096, #cbd5e0);
-    }
-
-    .dm-ts-dot-christmas-dark {
-        background: linear-gradient(135deg, #0a1a10, #1a3020);
-    }
-
-    .dm-ts-dot-christmas-light {
-        background: linear-gradient(135deg, #228b22, #c41e3a);
-    }
-
-    .dm-ts-dot-unicorn-dark {
-        background: linear-gradient(135deg, #1a0e24, #4a2660);
-    }
-
-    .dm-ts-dot-unicorn-light {
-        background: linear-gradient(135deg, #e91e90, #9b59b6);
-    }
-
-    .dm-ts-dot-dreamy-dark {
-        background: linear-gradient(135deg, #1c1410, #4e342e);
-    }
-
-    .dm-ts-dot-dreamy-light {
-        background: linear-gradient(135deg, #d7ccc8, #8d6e63);
-    }
-
-    .dm-ts-dot-grayve-dark {
-        background: linear-gradient(135deg, #1a1e21, #343a40);
-    }
-
-    .dm-ts-dot-grayve-light {
-        background: linear-gradient(135deg, #b2ebf2, #00838f);
-    }
-
-    .dm-ts-dot-mint-dark {
-        background: linear-gradient(135deg, #1e3a2f, #2e6e52);
-    }
-
-    .dm-ts-dot-mint-light {
-        background: linear-gradient(135deg, #a8edcc, #2e9e6e);
-    }
-
-    .dm-ts-dot-wedding-dark {
-        background: linear-gradient(135deg, #12121f, #c5a55a);
-    }
-
-    .dm-ts-dot-wedding-light {
-        background: linear-gradient(135deg, #fffdf7, #c5a55a);
-    }
-</style>

package/plugins/todo/admin/templates/todo.html

@@ -1,158 +0,0 @@
-<div class="p-4">
-    <div class="card">
-        <div class="card-body">
-
-            <!-- Header -->
-            <div class="flex items-center justify-between mb-4">
-                <h2 class="text-lg font-semibold" style="margin:0;">
-                    <span data-icon="check-square" data-icon-size="20" style="vertical-align:middle;margin-right:8px;"></span>
-                    Todo
-                </h2>
-                <button id="clear-completed-btn" class="btn btn-sm btn-danger">
-                    <span data-icon="trash" data-icon-size="14"></span>
-                    Clear Completed
-                </button>
-            </div>
-
-            <!-- Add new todo row -->
-            <div class="flex gap-2 mb-4" style="display:flex;gap:8px;align-items:center;flex-wrap:wrap;">
-                <input
-                    type="text"
-                    id="todo-input"
-                    class="form-input"
-                    placeholder="What needs to be done?"
-                    autocomplete="off"
-                    style="flex:1;min-width:200px;"
-                />
-                <select id="priority-input" class="form-input" style="width:130px;">
-                    <option value="highest">Highest</option>
-                    <option value="high">High</option>
-                    <option value="medium" selected>Medium</option>
-                    <option value="low">Low</option>
-                    <option value="lowest">Lowest</option>
-                </select>
-                <input type="date" id="due-date-input" class="form-input" title="Due date (optional)"
-                       style="width:145px;"/>
-                <button id="add-todo-btn" class="btn btn-primary">
-                    <span data-icon="plus" data-icon-size="14"></span>
-                    Add
-                </button>
-            </div>
-
-            <!-- Filter bar -->
-            <div id="filter-bar" class="flex gap-2 mb-4" style="display:flex;gap:8px;flex-wrap:wrap;">
-                <button class="btn btn-sm filter-btn active" data-filter="all">All</button>
-                <button class="btn btn-sm filter-btn" data-filter="not-started">Not Started</button>
-                <button class="btn btn-sm filter-btn" data-filter="in-progress">In Progress</button>
-                <button class="btn btn-sm filter-btn" data-filter="completed">Completed</button>
-            </div>
-
-            <!-- Todo table -->
-            <div id="todo-table"></div>
-
-        </div>
-    </div>
-</div>
-
-<style>
-.todo-item {
-    display: flex;
-    align-items: center;
-    gap: 10px;
-    padding: 9px 0;
-    border-bottom: 1px solid var(--dm-border);
-}
-
-.todo-item:last-child {
-    border-bottom: none;
-}
-.todo-item.completed .todo-text {
-    text-decoration: line-through;
-    opacity: 0.45;
-}
-
-.todo-checkbox {
-    flex-shrink: 0;
-}
-
-.todo-text {
-    flex: 1;
-    min-width: 0;
-    word-break: break-word;
-    font-size: 0.9rem;
-}
-
-.todo-selects {
-    display: flex;
-    gap: 5px;
-    flex-shrink: 0;
-}
-
-.todo-select-pill {
-    appearance: none;
-    -webkit-appearance: none;
-    border: none;
-    border-radius: 999px;
-    padding: 2px 10px 2px 8px;
-    font-size: 0.72rem;
-    font-weight: 500;
-    cursor: pointer;
-    outline: none;
-}
-
-.todo-select-pill:focus {
-    box-shadow: 0 0 0 2px var(--dm-primary-soft, rgba(99, 102, 241, .3));
-}
-.todo-actions {
-    display: flex;
-    gap: 3px;
-    flex-shrink: 0;
-}
-.filter-btn.active {
-    background: var(--dm-primary);
-    color: #fff;
-    border-color: var(--dm-primary);
-}
-
-/* Status pill colours */
-.status-pill-not-started {
-    background: var(--dm-gray-200, #e5e7eb);
-    color: var(--dm-gray-700, #374151);
-}
-
-.status-pill-in-progress {
-    background: #dbeafe;
-    color: #2563eb;
-}
-
-.status-pill-completed {
-    background: #dcfce7;
-    color: #16a34a;
-}
-
-/* Priority pill colours */
-.priority-pill-highest {
-    background: #fee2e2;
-    color: #b91c1c;
-}
-
-.priority-pill-high {
-    background: #ffedd5;
-    color: #c2410c;
-}
-
-.priority-pill-medium {
-    background: #fef9c3;
-    color: #a16207;
-}
-
-.priority-pill-low {
-    background: #dbeafe;
-    color: #1d4ed8;
-}
-
-.priority-pill-lowest {
-    background: #f3f4f6;
-    color: #6b7280;
-}
-</style>