Tabs-Store/popup.html at main · rahulhgdev/Tabs-Store · 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
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>TabStore</title>
    <link rel="stylesheet" href="/style.css">
</head>
<body>
    <main class="container">
        <div class="top">
            <h2>TabStore</h2>
            <img src="/images/tab.png" alt="logo" height="25" width="25">
        </div>
        <div class="tabs">
            <input type="radio" name="tabs" id="tab1" checked />
            <label for="tab1" class="tab-label">Save Tab's URLs</label>
            <div class="tab-content" id="content1">
                <h2>Saved URLs</h2>
                <div id="urlList"></div>
                <div class="bottom">
                    <button id="saveTabBtn">Add URLs</button>
                </div>
            </div>

            <input type="radio" name="tabs" id="tab2" />
            <label for="tab2" class="tab-label">Multi URLs Opener</label>
            <div class="tab-content" id="content2">
                <h2>Enter URLs below:</h2>
                <textarea id="multiUrls"></textarea>
                <div class="bottom">
                    <button id="openMultiUrls">Open all</button>
                    <button id="extractURLs">Exract URLs from text</button>
                    <button id="deleteMultiUrls">Clear all</button>
                </div>
                <div class="options">
                    <div>
                        <input type="checkbox" id="preserveUrls" />
                        <label for="preserveUrls">Preserve URLs</label>
                    </div>
                    <div>
                        <input type="checkbox" id="openInIncognito" />
                        <label for="openInIncognito">Open in incognito</label>
                    </div>
                    <div>
                        <input type="checkbox" id="openInNewWindow" />
                        <label for="openInNewWindow">Open in new window</label>
                    </div>
                    <div>
                        <input type="checkbox" id="openInGroup" />
                        <label for="openInGroup">Open in new group</label>
                    </div>
                </div>
            </div>

            <input type="radio" name="tabs" id="tab3" />
            <label for="tab3" class="tab-label">URLs Scheduler</label>
            <div class="tab-content" id="content3">
                <h2>Enter URLs below:</h2>
                <textarea id="multiScheduleUrls"></textarea>
                <div class="scheduler-options">
                    <div class="scheduler-section">
                        <div class="scheduler-header">
                            <h3>One Time Scheduler</h3>
                            <p class="scheduler-subtitle">Schedule URLs for a specific date & time</p>
                        </div>
                        <button id="oneTimeScheduler" class="scheduler-btn schedule-btn">Schedule Now</button>
                        <div id="oneTimePicker" class="datetime-picker-container" style="display: none;">
                            <div class="datetime-picker">
                                <label for="scheduleDate">📅 Select Date:</label>
                                <input type="date" id="scheduleDate" />
                            </div>
                            <div class="datetime-picker">
                                <label for="scheduleTime">⏱️ Select Time:</label>
                                <input type="time" id="scheduleTime" />
                            </div>
                            <div class="button-group">
                                <button id="confirmOneTime" class="scheduler-btn confirm-btn">Confirm</button>
                                <button id="cancelOneTime" class="scheduler-btn cancel-btn">Cancel</button>
                            </div>
                        </div>
                    </div>
                    <div class="scheduler-section">
                        <div class="scheduler-header">
                            <h3>Daily Scheduler</h3>
                            <p class="scheduler-subtitle">Schedule URLs to open daily at set time</p>
                        </div>
                        <button id="dailyScheduler" class="scheduler-btn schedule-btn">Schedule Now</button>
                        <div id="dailyPicker" class="datetime-picker-container" style="display: none;">
                            <div class="datetime-picker">
                                <label for="dailyTime">⏱️ Select Time:</label>
                                <input type="time" id="dailyTime" />
                            </div>
                            <div class="button-group">
                                <button id="confirmDaily" class="scheduler-btn confirm-btn">Confirm</button>
                                <button id="cancelDaily" class="scheduler-btn cancel-btn">Cancel</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>


            <input type="radio" name="tabs" id="tab4" />
            <label for="tab4" class="tab-label">Additional Options</label>
            <div class="tab-content" id="content4">
                <h2>Pin/Unpin Tabs</h2>
                <div class="pinUnpinCont">
                    <button id="pinTabs">Pin all tabs</button>
                    <button id="unpinTabs">Unpin all tabs</button>
                </div>
                <h2>Reload Tabs</h2>
                <div class="tabsReload">
                    <button id="normalReload">Normal Reload</button>
                    <button id="hardReload">Hard Reload</button>
                </div>
                <h2>Close Tabs <span class="tooltip-container"><span class="tooltip-icon"><img src="/images/tooltip.png" alt="tooltip" height="20" width="20"></span><span class="tooltip-text">It'll close all tabs except current tab</span></span></h2>
                <div class="tabsReload">
                    <button id="closeTabs">Close all tabs</button>
                </div>
            </div>
        </div>
    </main>
    <button id="help"><img src="/images/guide.png" height="24" width="24"></button>
    <script src="utils/popup-dom.js"></script>
    <script src="utils/popup-accordion.js"></script>
    <script src="utils/popup-multiurls.js"></script>
    <script src="utils/popup-scheduler-actions.js"></script>
</body>
</html>