jpmschweitzer/odysseus
1
0
Fork 0
mirror of https://github.com/pewdiepie-archdaemon/odysseus.git synced 2026-11-06 13:12:27 +01:00
Code Issues Packages Projects Releases Wiki Activity

Preserve preview harness, editor, email and task improvements

Browse Source 
Snapshot current maintainer-preview application changes and regression fixtures for integration into lab. Excludes local runtime data, evaluation outputs and source backups. Focused Python regression selection: 140 passed; full suite not certified.
This commit is contained in:
pewdiepie-archdaemon
2026-10-01 01:34:26 +00:00
parent 86f376ac3a
commit 2e8413a54a
170 changed files with 11010 additions and 1094 deletions
Download Patch File Download Diff File Expand all files Collapse all files
static/js/editor/layer-style-menu.js
+43
View File
@@ -0,0 +1,43 @@
import { LAYER_STYLES } from './layer-styles.js';
const items = [
['bevel-emboss', 'Bevel & Emboss'], ['stroke', 'Stroke'],
['inner-shadow', 'Inner Shadow'], ['inner-glow', 'Inner Glow'], ['satin', 'Satin'],
['color-overlay', 'Color Overlay'], ['gradient-overlay', 'Gradient Overlay'],
['pattern-overlay', 'Pattern Overlay'], ['outer-glow', 'Outer Glow'], ['drop-shadow', 'Drop Shadow'],
];
let menu = null, activeAnchor = null;
export function openLayerStyleMenu(anchor, onSelect) {
const wasOpen = activeAnchor === anchor;
menu?.remove(); menu = null;
activeAnchor?.setAttribute('aria-expanded', 'false'); activeAnchor = null;
if (wasOpen) return;
const popup = document.createElement('div');
popup.className = 'dropdown session-dropdown-menu ge-layer-style-menu';
popup.setAttribute('popover', 'auto'); popup.setAttribute('role', 'menu');
popup.setAttribute('aria-label', 'Layer styles');
for (const [type, label] of items) {
const button = document.createElement('button');
button.type = 'button'; button.className = 'dropdown-item-compact';
button.setAttribute('role', 'menuitem'); button.textContent = LAYER_STYLES[type]?.label || label;
button.addEventListener('click', event => {
event.stopPropagation(); popup.hidePopover(); onSelect(type);
});
popup.append(button);
}
popup.addEventListener('toggle', () => {
if (!popup.matches(':popover-open')) {
if (menu === popup) { menu = null; activeAnchor = null; }
anchor.setAttribute('aria-expanded', 'false'); popup.remove();
}
});
document.body.append(popup); menu = popup; activeAnchor = anchor;
popup.showPopover(); anchor.setAttribute('aria-expanded', 'true');
const rect = anchor.getBoundingClientRect();
popup.style.maxHeight = `${Math.max(40, Math.max(rect.top - 10, innerHeight - rect.bottom - 10))}px`;
const bounds = popup.getBoundingClientRect();
popup.style.left = `${Math.max(6, Math.min(innerWidth - bounds.width - 6, rect.right - bounds.width))}px`;
const top = rect.bottom + bounds.height + 10 <= innerHeight ? rect.bottom + 4 : rect.top - bounds.height - 4;
popup.style.top = `${Math.max(6, Math.min(innerHeight - bounds.height - 6, top))}px`;
popup.querySelector('button')?.focus();
}