3de2db7d89
- Rename extension to "Outcut" throughout all source files and console logs - Add KEY_PRESETS object (gmail/outlook) and matchesAction() helper to keyboard.js - Rewrite handleKeydown to use preset-based dispatch instead of hardcoded switch - Update updateSettings to re-init when keyboardPreset changes - Add keyboardPreset: 'gmail' default to settings-defaults.js - Replace popup Design Tweaks UI with preset dropdown + dynamic help text - Keep all design tweak content script logic intact (activatable via storage) - Update manifest: version 1.0.0, remove activeTab, add homepage_url
48 lines
1.7 KiB
HTML
48 lines
1.7 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<link rel="stylesheet" href="popup.css">
|
|
</head>
|
|
<body>
|
|
|
|
<div class="or-header">
|
|
<h1>Outcut</h1>
|
|
<span class="or-version" id="version"></span>
|
|
</div>
|
|
|
|
<!-- Keyboard Navigation (primary feature, always visible) -->
|
|
<div class="or-section open" data-section="keyboard">
|
|
<div class="or-section-header">Keyboard Navigation</div>
|
|
<div class="or-section-body">
|
|
<div class="or-select-row">
|
|
<label for="keyboardPreset">Shortcut style</label>
|
|
<select id="keyboardPreset" data-setting="keyboardPreset">
|
|
<option value="gmail">Gmail</option>
|
|
<option value="outlook">Outlook</option>
|
|
</select>
|
|
</div>
|
|
<div class="or-toggle-row">
|
|
<label for="keyboardMultiSelect">Enable keyboard multi-select</label>
|
|
<div class="or-switch"><input type="checkbox" id="keyboardMultiSelect" data-setting="keyboardMultiSelect"><span class="slider"></span></div>
|
|
</div>
|
|
<div id="keyboardHelpText" style="font-size:11px;color:#888;padding:4px 0 2px;line-height:1.4;">
|
|
j/k navigate, x/Space select, # delete, e archive,
|
|
Shift+i/u read/unread, v move, f flag, p pin, Esc deselect
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Footer -->
|
|
<div class="or-footer">
|
|
<button id="exportBtn" title="Export settings as JSON">Export</button>
|
|
<button id="importBtn" title="Import settings from JSON">Import</button>
|
|
<button id="resetBtn" class="danger" title="Reset all settings to defaults">Reset</button>
|
|
</div>
|
|
|
|
<input type="file" id="importFile" accept=".json" style="display:none">
|
|
|
|
<script src="popup.js"></script>
|
|
</body>
|
|
</html>
|