-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathpopup.html
More file actions
107 lines (104 loc) · 5.77 KB
/
Copy pathpopup.html
File metadata and controls
107 lines (104 loc) · 5.77 KB
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
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>HeaderHack</title>
<link rel="stylesheet" href="popup.css">
</head>
<body>
<main>
<header class="appHeader">
<div class="brand">
<strong>HeaderHack</strong>
<span id="enabledText" class="statusText"></span>
</div>
<div class="tools">
<div class="langMenuWrap">
<button id="langToggle" class="iconBtn" title="Language" aria-label="Language" data-i18n-title="language">
<svg class="langIcon" viewBox="0 0 24 24" aria-hidden="true">
<circle cx="10.5" cy="10.5" r="7.5"/>
<path d="M3.5 10.5h14M10.5 3c2 2.2 3 4.7 3 7.5s-1 5.3-3 7.5M10.5 3c-2 2.2-3 4.7-3 7.5s1 5.3 3 7.5"/>
<path class="langBadge" d="M15.7 15.5h4.8v4.8h-4.8z"/>
<path class="langA" d="M16.7 19.5 18 16.3l1.3 3.2M17.2 18.4h1.6"/>
</svg>
</button>
<div id="langMenu" class="langMenu" hidden>
<button type="button" data-lang="en">English</button>
<button type="button" data-lang="zh">中文</button>
</div>
</div>
<button id="themeToggle" class="iconBtn" title="Theme" aria-label="Theme">
<svg class="moonIcon" viewBox="0 0 24 24" aria-hidden="true"><path d="M21 14.2A8.6 8.6 0 0 1 9.8 3a8.8 8.8 0 1 0 11.2 11.2Z"/></svg>
<svg class="sunIcon" viewBox="0 0 24 24" aria-hidden="true"><path d="M12 5.6V3m0 18v-2.6M18.4 12H21M3 12h2.6m10.9-4.5 1.8-1.8M5.7 18.3l1.8-1.8m9 0 1.8 1.8M5.7 5.7l1.8 1.8M12 15.8a3.8 3.8 0 1 0 0-7.6 3.8 3.8 0 0 0 0 7.6Z"/></svg>
</button>
<label class="switch" title="Enable" data-i18n-title="globalSwitch">
<input id="enabled" type="checkbox">
<span></span>
</label>
</div>
</header>
<section class="panel groupSection" aria-labelledby="groupsLabel">
<div class="sectionHeading groupHeading">
<span id="groupsLabel" data-i18n="currentGroup">Group</span>
<small id="groupCount" class="countText"></small>
</div>
<div class="groupBar">
<div class="groupPicker">
<button id="groupTitle" class="groupTitle" type="button" title="Rename" data-i18n-title="editGroupName" aria-labelledby="groupsLabel groupTitleText">
<span id="groupTitleText" class="groupTitleText"></span>
<svg class="titleEditIcon" viewBox="0 0 24 24" aria-hidden="true"><path d="M12 20h9M16.5 3.5a2.12 2.12 0 0 1 3 3L7 19l-4 1 1-4Z"/></svg>
</button>
<input id="groupNameInput" class="groupNameInput" maxlength="24" autocomplete="off" autocapitalize="off" spellcheck="false" aria-label="Name" data-i18n-aria-label="groupName" hidden>
<button id="groupMenuToggle" class="groupMenuToggle" type="button" title="Switch" data-i18n-title="switchGroup" aria-haspopup="listbox" aria-expanded="false" aria-controls="groupMenu">
<svg viewBox="0 0 24 24" aria-hidden="true"><path d="m7 10 5 5 5-5"/></svg>
</button>
<div id="groupMenu" class="groupMenu" role="listbox" aria-labelledby="groupsLabel" hidden></div>
</div>
<div class="groupActions">
<button id="addGroup" class="iconBtn groupIconBtn" type="button" title="Add" data-i18n-title="addGroup">
<svg viewBox="0 0 24 24" aria-hidden="true"><path d="M12 5v14M5 12h14"/></svg>
</button>
<button id="removeGroup" class="iconBtn groupIconBtn removeGroupBtn" type="button" title="Delete" data-i18n-title="removeGroup">
<svg class="removeIcon" viewBox="0 0 24 24" aria-hidden="true"><path d="M3 6h18M8 6V4h8v2M19 6l-1 14H6L5 6M10 11v5M14 11v5"/></svg>
<svg class="confirmIcon" viewBox="0 0 24 24" aria-hidden="true"><path d="m5 12 4 4L19 6"/></svg>
</button>
</div>
</div>
</section>
<section class="panel scopePanel" aria-labelledby="scopeLabel">
<div class="sectionHeading">
<span id="scopeLabel" data-i18n="appliesTo">Scope</span>
<small id="matchHint"></small>
</div>
<div id="matchType" class="scopeOptions" role="radiogroup" aria-labelledby="scopeLabel" aria-describedby="matchHint"></div>
<input id="matchValue" class="scopeValue" maxlength="2048" autocomplete="off" autocapitalize="off" spellcheck="false" aria-describedby="matchHint">
<div id="accessStatus" class="accessStatus" role="status">
<span class="accessDot" aria-hidden="true"></span>
<span id="accessStatusText" class="accessStatusText"></span>
<button id="grantAccess" class="grantAccessBtn" type="button" data-i18n="grantAccess">Grant</button>
</div>
</section>
<section class="panel headersPanel" aria-labelledby="headersLabel">
<div class="sectionHeading">
<span id="headersLabel" data-i18n="headers">Headers</span>
<small id="headerCount" class="countText"></small>
</div>
<div class="headerColumns" aria-hidden="true">
<span data-i18n="headerName">Key</span>
<span data-i18n="headerValue">Value</span>
<span></span>
</div>
<div id="headers" class="headers"></div>
<div class="emptyText" data-i18n="noHeaders">No headers</div>
<button id="addHeader" class="addHeaderBtn">
<svg viewBox="0 0 24 24" aria-hidden="true"><path d="M12 5v14M5 12h14"/></svg>
<span data-i18n="addHeader">Add</span>
</button>
</section>
<footer id="version" class="version"></footer>
</main>
<script src="permissions.js"></script>
<script src="popup.js"></script>
</body>
</html>