domma-cms 0.55.1 → 0.69.3

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>