forked from tabwrangler/tabwrangler
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathpopup.html
146 lines (123 loc) · 4.96 KB
/
popup.html
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
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
<!-- // chrome-extension://bfbjlhinlheecjobilndbilkfpkmgiao/popup.html -->
<html>
<head>
<link rel="stylesheet" href="js/lib/bootstrap/css/bootstrap.css" type="text/css"/>
<link rel="stylesheet" href="css/popup.css" type="text/css"/>
<script type="text/javascript" src="js/lib/underscore.js"></script>
<script type="text/javascript" src="js/lib/jquery.min.js"></script>
<script type="text/javascript" src="js/lib/jquery.timeago.js"></script>
<script src="js/lib/bootstrap/js/bootstrap.min.js"></script>
<script src="js/lib/bootstrap/js/bootstrap-tab.js"></script>
<script type="text/javascript" src="js/lib/require.js"></script>
<script type="text/javascript" src="app.build.js"></script>
<script type="text/javascript" src="js/util.js"></script>
<!--
Popup related functionality.
-->
<script type="text/javascript" src="popup.js"></script>
</head>
<body>
<ul class="nav nav-tabs">
<li><a href="#tabCorral" target="#tabCorral" data-toggle="tab">Tab Corral</a></li>
<li><a href="#tabActive" target="#tabActive" data-toggle="tab">Tab Lock</a></li>
<li><a href="#tabOptions" target="#tabOptions" data-toggle="tab">Options</a></li>
</ul>
<a target="_blank" href="https://chrome.google.com/webstore/detail/egnjhciaieeiiohknchakcodbpgjnchh/reviews" id="reviewButton" class="btn btn-mini">
<i class="icon-star"></i> Review Tab Wrangler
</a>
<a href="javascript:void(0);" id="pauseButton" class="btn btn-mini">
<span class="unpaused-state"><i class="icon-pause"></i> Pause</span>
<span class="paused-state"><i class="icon-play"></i> Resume</span>
</a>
<div class="tab-content">
<div class="tab-pane" id="tabOptions">
<form class="well">
<fieldset>
<legend>Settings</legend>
<p>
<label for="minutesInactive">Close inactive tabs after:</label>
<input type="text" id="minutesInactive" class="span1" name="minutesInactive"> minutes.
</p>
<p>
<label for="minTabs">Don't auto-close if I only have</label>
<input type="text" id="minTabs" class="span1" name="minTabs"> tabs open (does not include pinned or locked tabs).
</p>
<p>
<label for="showBadgeCount">Remember up to</label>
<input type="text" id="maxTabs" class="span1" name="maxTabs"> closed tabs.
</label>
</p>
<p>
<label for="purgeClosedTabs" class="checkbox">Clear closed tabs list on quit
<input type="checkbox" id="purgeClosedTabs" class="span1" name="purgeClosedTabs">
</label>
</p>
<p>
<label for="showBadgeCount" class="checkbox">Show # of closed tabs in url bar
<input type="checkbox" id="showBadgeCount" class="span1" name="showBadgeCount">
</label>
</p>
</fieldset>
<div id="status" class="alert alert-success" style="visibility:hidden;"></div>
<fieldset>
<legend>Auto-Lock</legend>
<label for="wl-add">tabs with urls "like":</label>
<input type="text" id="wl-add" />
<button class="btn-mini add-on" id="addToWL" disabled>Add</button>
<table class="table table-bordered table-striped" id="whitelist">
<thead>
<th>
Url pattern
</th>
<th>
</th>
</thead>
<tbody>
</tbody>
</table>
<span class="help-block">
Example: <i>cnn</i> would match every page on cnn.com and any URL with cnn anywhere in url.
</span>
</fieldset>
</form>
</div>
<div class="tab-pane active" id="tabCorral">
<form class="form-search">
<input name="search" type="text" class="span9 corral-search search-query" placeholder="search"/>
</form>
<table id="corralTable" class="table-condensed table-striped table table-bordered">
<thead>
<tr>
<th class="narrowColumn" style="width: 20px;"><i class="icon-remove" style=""></i></th>
<th>Title</th>
<th>Closed</th>
</tr>
</thead>
<!--
ID is here for BC. should really be fixed and jQuery based.
-->
<tbody>
</tbody>
</table>
<div id="autocloseMessage" class="alert alert-info">If tabs are closed automatically, they will be stored here</div>
<div class="clearCorralMessage alert alert-info"><a class="clearCorralLink" href="#">Clear list</a></div>
</div>
<div class="tab-pane" id="tabActive">
<div class="alert alert-info">Click the checkbox to lock the tab (prevent it from auto-closing).</div>
<table id="activeTabs" class="table-striped table table-bordered">
<thead>
<tr>
<th class="narrowColumn"><img src="img/lock.png"/></th>
<th class="narrowColumn"></th>
<th>Tab</th>
<th class="countdownColumn">Closing in</th>
</tr>
</thead>
<!-- Class is a total kludge to keep popup=lock working -->
<tbody>
</tbody>
</table>
</div>
</div>
</body>
</html>