AddOns-Manager/popup.html at main · Pro-Bandey/AddOns-Manager · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
<!DOCTYPE html>
<html>

<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="css/main.css">
    <link rel="stylesheet" href="css/popup.css">
</head>

<body>

    <div id="mainBox">
        <div class="PopupHeader">
            <input type="text" id="SearchInput" placeholder="Search (supports fuzzy matching)...">
            <select id="ProfileSelect">
            </select>
            <select id="LayoutSelect"></select>
            <select id="ThemeSelect">
                <option value="Auto">Auto</option>
                <option value="LightMode">Light</option>
                <option value="DarkMode">Dark</option>
            </select>
            <button id="BtnMulti" class="BtnDash" title="Toggle Multi-Select Mode">
                <svg class="icon">
                    <use href="icons/icons.svg#icon-check"></use>
                </svg>
            </button>
            <button id="BtnDashboard" class="BtnDash" title="Dashboard Settings">
                <svg class="icon">
                    <use href="icons/icons.svg#icon-settings"></use>
                </svg>
            </button>
        </div>
        <hr>
        <ul id="BoxActives" class="BoxActives"></ul>
        <div class="DisableText" id="DisableHeader">
            <hr>Disabled Extensions
        </div>
        <ul id="BoxInActives" class="BoxInActives"></ul>
    </div>

    <!-- Batch Actions Footer Bar -->
    <div id="BatchBar" class="BatchBar">
        <span id="BatchCount">0 selected</span>
        <div class="BatchButtons">
            <button id="BtnBatchEnable" class="SelectInput BatchActionBtn">Enable</button>
            <button id="BtnBatchDisable" class="SelectInput BatchActionBtn">Disable</button>
            <button id="BtnBatchUninstall" class="SelectInput BatchActionBtn">Uninstall</button>
            <select id="BatchProfileSelect" class="SelectInput">
                <option value="">Add to profile...</option>
            </select>
        </div>
    </div>

    <!-- Context Menu Options -->
    <div id="rightClickMenu" class="showMenu">
        <div class="name" id="ctxName"></div>
        <ul>
            <li id="ctxLock">Unlock</li>
            <li id="ctxTempEnable">Enable Temporarily...</li>
            <li id="ctxOptions">Options</li>
            <li id="ctxUninstall">Uninstall</li>
            <li id="ctxHomepage">Homepage</li>
            <li id="ctxReload">Reload</li>
        </ul>
    </div>

    <!-- Temporary Activation Dialog Overlay -->
    <div class="ConfirmModalBackdrop" id="TempModal" style="display: none;">
        <div class="ConfirmModal"
            style="width: 280px; padding: 18px; display: flex; flex-direction: column; gap: 12px;">
            <h3 style="font-size: 16px; margin: 0; color: var(--AdnMgrColorPrimary);">Temporary Activation</h3>
            <span style="font-size: 12px; color: var(--AdnMgrColorOnSurfaceVariant);">Keep this extension enabled
                for:</span>
            <select id="TempDuration" class="SelectInput" style="width: 100%; padding: 6px 12px; font-size: 13px;">
                <option value="1">1 Minute (Testing)</option>
                <option value="5">5 Minutes</option>
                <option value="15">15 Minutes</option>
                <option value="30">30 Minutes</option>
                <option value="60">1 Hour</option>
                <option value="240">4 Hours</option>
            </select>
            <div style="display: flex; justify-content: flex-end; gap: 8px; margin-top: 8px; width: 100%;">
                <button class="Btn Danger" id="BtnNoTempModal"
                    style="padding: 6px 12px; font-size: 12px; float: none;">Cancel</button>
                <button class="Btn" id="BtnOkTempModal"
                    style="padding: 6px 12px; font-size: 12px; float: none;">Enable</button>
            </div>
        </div>
    </div>

    <script src="js/sharedUtils.js"></script>
    <script src="js/popup.js"></script>
</body>

</html>