-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
315 lines (287 loc) · 27.6 KB
/
index.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
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
<!DOCTYPE html>
<html lang="en" >
<head>
<meta charset="UTF-8">
<title>HTML Cookie Counts</title>
<link rel='stylesheet' href='https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css'>
<link rel='stylesheet' href='https://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css'>
<link rel="stylesheet" href="/static/css/style.css">
<script src="//code.jquery.com/jquery-3.3.1.min.js"></script>
<link href="https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap" rel="stylesheet">
<style>
/* Colors for badges */
h1 { font-family: 'Bebas Neue', cursive;}
.badge-red {
background-color: #d54625;
}
.badge-green {
background-color: #35bd4a;
}
.badge-blue {
background-color: #357ebd;
}
.table-sortable > thead > tr > th {
cursor: pointer;
}
.table-sortable > thead > tr > th[data-sorting="disabled"] {
cursor: default;
}
.table-sortable > thead > tr > th[data-sorting="disabled"]:hover,
.table-sortable > thead > tr > th[data-sorting="disabled"]:active {
background: inherit;
}
.table-sortable > thead > tr > th:hover,
.table-sortable > thead > tr > th:active {
background: #F5F5F5;
}
.table-sortable > tbody > tr > td mark,
.table-sortable > tbody > tr > td .mark {
padding-left: 0;
padding-right: 0;
}
</style>
</head>
<body>
<div class='container-fluid'>
<div class='row'>
<div class='col-sm-12'>
<br>
<div class='form-horizontal'>
<div class='form-group has-feedback'>
<div class='col-sm-12'>
<input class='form-control table-sortable-search' placeholder='Search...' type='search'>
<span class='glyphicon glyphicon-remove form-control-feedback search-cancel-button'></span>
</div>
</div>
</div>
<br>
<div class='panel panel-default'>
<div class='table-responsive' id="app">
<h1 style="margin-left:5px">Sites for <b>PATH</b> ⭐️</h1>
<hr>
<label>Rows per page</label>
<select v-model="pageSizeModel">
<option value="3">3</option>
<option value="5">5</option>
<option value="10">10</option>
<option value="25">25</option>
</select>
<table class="table table-sortable">
<thead>
<tr>
<th :class="{ sorted: sort === 'id' }" @click="sortBy('id')">
Id
</th>
<th :class="{ sorted: sort === 'name' }" @click="sortBy('name')">
Name
</th>
<th :class="{ sorted: sort === 'value' }" @click="sortBy('value')" >
Value
</th>
</tr>
</thead>
<tbody>
<tr v-for="row in sortedRows">
<td>{{ row.id }}</td>
<td>{{ row.name }}</td>
<td>{{ row.value }}</td>
<td data-id="{{ row.id }}">
<div class='btn-group btn-group-xs'>
<button v-on:click="viewRow" class="btn btn-default" title="View">
<span class="glyphicon glyphicon-eye-open"></span>
</button>
</div>
</td>
</tr>
</tbody>
</table>
<div class="controls">
<button class="btn btn-sm" :disabled="!hasPage(-1)" @click="prevPage">←</button>
<button class="btn btn-sm" :disabled="!hasPage(1)" @click="nextPage">→</button>
<span style="float:right; margin-right:30px; margin-top:20px" class="badge badge-primary"><span class="glyphicon glyphicon-heart"></span> vsoch</span>
</div>
<hr>
</div>
<script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
<script src='https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js'></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.min.js'></script>
<script>
// Handle socket to send /receive messages from server without refresh
$(document).ready(function(){
});
// tables.js
function preg_quote( str ) {
// http://kevin.vanzonneveld.net
// + original by: booeyOH
// + improved by: Ates Goral (http://magnetiq.com)
// + improved by: Kevin van Zonneveld (http://kevin.vanzonneveld.net)
// + bugfixed by: Onno Marsman
// * example 1: preg_quote("$40");
// * returns 1: '\$40'
// * example 2: preg_quote("*RRRING* Hello?");
// * returns 2: '\*RRRING\* Hello\?'
// * example 3: preg_quote("\\.+*?[^]$(){}=!<>|:");
// * returns 3: '\\\.\+\*\?\[\^\]\$\(\)\{\}\=\!\<\>\|\:'
return (str+'').replace(/([\\\.\+\*\?\[\^\]\$\(\)\{\}\=\!\<\>\|\:])/g, "\\$1");
}
function highlight(data, search){
return data.replace(new RegExp( "(" + preg_quote( search ) + ")" , 'gi' ), "<mark>$1</mark>" );
}
// Table
function Table($table,$input){
$table.find("th").each(function($key, el){
if ($(el).attr("data-sorting")!="disabled"){
$("<span/>").attr("class","fa").attr("row-id",$key+1).appendTo(el);
}}).click(function(){
var asc=true;
if ($(this).find("span.fa").attr("class")=="fa"||$(this).find("span.fa").attr("class")=="fa fa-caret-up fa-fw"){
$table.find("th[data-sorting!=disabled] span.fa").attr("class","fa");
$(this).find("span.fa").attr("class","fa fa-caret-down fa-fw");
asc=true;
}
else if ($(this).find("span.fa").attr("class")=="fa fa-caret-down fa-fw"){
$table.find("th[data-sorting!=disabled] span.fa").attr("class","fa");
$(this).find("span.fa").attr("class","fa fa-caret-up fa-fw");
asc=false
}
value=$.map($table.find("td:nth-child("+($(this).find("span.fa").attr("row-id"))+")"),function(el){
return {text:$(el).text().trim(),row:$(el).parent()};
});
value.sort(function(x, y){
if (asc){
if (x.text < y.text) {
return -1;
}
if (x.text > y.text) {
return 1;
}
} else {
if (x.text < y.text) {
return 1;
}
if (x.text > y.text) {
return -1;
}
}
return 0;
});
$table.find("tr:gt(0)").remove();
$.each(value,function(key,value){
$(value.row).appendTo($table);
});
});
$table.find("th:first").click();
$input.on("keyup change",function(){
var newText=$(this).val();
$table.find("span.text-wrap").each(function(key,value){
$(value).html($(value).text());
$(value).contents().unwrap();
});
if (newText.trim()!=""){
$table.find("tr:gt(0)").hide();
var textNode=$table.find("tr:gt(0) *")
.contents()
.filter(function() {
return this.nodeType === 3; //Node.TEXT_NODE
}).each(function(key,value){
var nodeText=value.data;
if (nodeText.toLowerCase().indexOf(newText.toLowerCase())!=-1){
$(value).closest("tr").show();
if ($(value).parent().attr("class")!="text-wrap")
$(value).wrap("<span class='text-wrap'></span>");
$(value).parent().html(highlight(nodeText ,newText));
}
});;
}else{
$table.find("tr").show();
}
});
}
$(function(){
Table($(".table-sortable"),$(".table-sortable-search"));
});
// Search
$('input[type="search"]').keyup(function () {
var t = $(this);
t.next('span').toggle(Boolean(t.val()));
});
$('input[type="search"] + .search-cancel-button').hide($(this).prev('input').val()).click(function () {
$(this).prev('input').val('').focus();
$(this).hide();
});
const app = new Vue({
data: () => ({
rows: [{"id": 1, "name": "https://www.google.com", "value": ""},{"id": 2, "name": "https://youtube.com", "value": ""},{"id": 3, "name": "https://apple.com", "value": ""},{"id": 4, "name": "https://microsoft.com", "value": ""},{"id": 5, "name": "https://support.google.com", "value": ""},{"id": 6, "name": "https://adobe.com", "value": ""},{"id": 7, "name": "https://cloudflare.com", "value": ""},{"id": 8, "name": "https://maps.google.com", "value": ""},{"id": 9, "name": "https://vimeo.com", "value": ""},{"id": 10, "name": "https://youtu.be", "value": ""},{"id": 11, "name": "https://istockphoto.com", "value": ""},{"id": 12, "name": "https://vk.com", "value": ""},{"id": 13, "name": "https://facebook.com", "value": ""},{"id": 14, "name": "https://medium.com", "value": ""},{"id": 15, "name": "https://live.com", "value": ""},{"id": 16, "name": "https://google.fr", "value": ""},{"id": 17, "name": "https://theguardian.com", "value": ""},{"id": 18, "name": "https://google.co.uk", "value": ""},{"id": 19, "name": "https://policies.google.com", "value": ""},{"id": 20, "name": "https://whatsapp.com", "value": ""},{"id": 21, "name": "https://msn.com", "value": ""},{"id": 22, "name": "https://myspace.com", "value": ""},{"id": 23, "name": "https://slideshare.net", "value": ""},{"id": 24, "name": "https://paypal.com", "value": ""},{"id": 25, "name": "https://line.me", "value": ""},{"id": 26, "name": "https://creativecommons.org", "value": ""},{"id": 27, "name": "https://google.es", "value": ""},{"id": 28, "name": "https://dailymotion.com", "value": ""},{"id": 29, "name": "https://t.me", "value": ""},{"id": 30, "name": "https://mail.ru", "value": ""},{"id": 31, "name": "https://washingtonpost.com", "value": ""},{"id": 32, "name": "https://google.de", "value": ""},{"id": 33, "name": "https://www.yahoo.com", "value": ""},{"id": 34, "name": "https://google.com.br", "value": ""},{"id": 35, "name": "https://google.co.jp", "value": ""},{"id": 36, "name": "https://hugedomains.com", "value": ""},{"id": 37, "name": "https://www.bluehost.com", "value": ""},{"id": 38, "name": "https://tinyurl.com", "value": ""},{"id": 39, "name": "https://news.yahoo.com", "value": ""},{"id": 40, "name": "https://aol.com", "value": ""},{"id": 41, "name": "https://wikia.com", "value": ""},{"id": 42, "name": "https://office.com", "value": ""},{"id": 43, "name": "https://google.ru", "value": ""},{"id": 44, "name": "https://huffingtonpost.com", "value": ""},{"id": 45, "name": "https://dailymail.co.uk", "value": ""},{"id": 46, "name": "https://wired.com", "value": ""},{"id": 47, "name": "https://plesk.com", "value": ""},{"id": 48, "name": "https://amazon.co.jp", "value": ""},{"id": 49, "name": "https://steampowered.com", "value": ""},{"id": 50, "name": "https://themeforest.net", "value": ""},{"id": 51, "name": "https://archive.org", "value": ""},{"id": 52, "name": "https://samsung.com", "value": ""},{"id": 53, "name": "https://books.google.com", "value": ""},{"id": 54, "name": "https://ipv4.google.com", "value": ""},{"id": 55, "name": "https://get.google.com", "value": ""},{"id": 56, "name": "https://pinterest.com", "value": ""},{"id": 57, "name": "https://elpais.com", "value": ""},{"id": 58, "name": "https://mediafire.com", "value": ""},{"id": 59, "name": "https://abcnews.go.com", "value": ""},{"id": 60, "name": "https://usatoday.com", "value": ""},{"id": 61, "name": "https://aboutads.info", "value": ""},{"id": 62, "name": "https://scribd.com", "value": ""},{"id": 63, "name": "https://translate.google.com", "value": ""},{"id": 64, "name": "https://bing.com", "value": ""},{"id": 65, "name": "https://buydomains.com", "value": ""},{"id": 66, "name": "https://google.it", "value": ""},{"id": 67, "name": "https://fandom.com", "value": ""},{"id": 68, "name": "https://booking.com", "value": ""},{"id": 69, "name": "https://telegram.me", "value": ""},{"id": 70, "name": "https://cnet.com", "value": ""},{"id": 71, "name": "https://thesun.co.uk", "value": ""},{"id": 72, "name": "https://search.google.com", "value": ""},{"id": 73, "name": "https://amazon.it", "value": ""},{"id": 74, "name": "https://asahi.com", "value": ""},{"id": 75, "name": "https://bandcamp.com", "value": ""},{"id": 76, "name": "https://walmart.com", "value": ""},{"id": 77, "name": "https://icann.org", "value": ""},{"id": 78, "name": "https://google.pl", "value": ""},{"id": 79, "name": "https://dell.com", "value": ""},{"id": 80, "name": "https://soundcloud.com", "value": ""},{"id": 81, "name": "https://depositfiles.com", "value": ""},{"id": 82, "name": "https://www.weebly.com", "value": ""},{"id": 83, "name": "https://xbox.com", "value": ""},{"id": 84, "name": "https://vox.com", "value": ""},{"id": 85, "name": "https://stackoverflow.com", "value": ""},{"id": 86, "name": "https://goodreads.com", "value": ""},{"id": 87, "name": "https://huffpost.com", "value": ""},{"id": 88, "name": "https://lemonde.fr", "value": ""},{"id": 89, "name": "https://abc.net.au", "value": ""},{"id": 90, "name": "https://thetimes.co.uk", "value": ""},{"id": 91, "name": "https://spotify.com", "value": ""},{"id": 92, "name": "https://digg.com", "value": ""},{"id": 93, "name": "https://parallels.com", "value": ""},{"id": 94, "name": "https://cbc.ca", "value": ""},{"id": 95, "name": "https://photobucket.com", "value": ""},{"id": 96, "name": "https://amazon.es", "value": ""},{"id": 97, "name": "https://nginx.com", "value": ""},{"id": 98, "name": "https://iubenda.com", "value": ""},{"id": 99, "name": "https://hollywoodreporter.com", "value": ""},{"id": 100, "name": "https://biglobe.ne.jp", "value": ""},{"id": 101, "name": "https://google.co.in", "value": ""},{"id": 102, "name": "https://en.unesco.org", "value": ""},{"id": 103, "name": "https://namecheap.com", "value": ""},{"id": 104, "name": "https://www.chicagotribune.com", "value": ""},{"id": 105, "name": "https://www.cambridge.org", "value": ""},{"id": 106, "name": "https://sfgate.com", "value": ""},{"id": 107, "name": "https://naver.jp", "value": ""},{"id": 108, "name": "https://addtoany.com", "value": ""},{"id": 109, "name": "https://target.com", "value": ""},{"id": 110, "name": "https://000webhost.com", "value": ""},{"id": 111, "name": "https://academia.edu", "value": ""},{"id": 112, "name": "https://espn.com", "value": ""},{"id": 113, "name": "https://theglobeandmail.com", "value": ""},{"id": 114, "name": "https://engadget.com", "value": ""},{"id": 115, "name": "https://www.khanacademy.org", "value": ""},{"id": 116, "name": "https://gofundme.com", "value": ""},{"id": 117, "name": "https://buzzfeed.com", "value": ""},{"id": 118, "name": "https://cbsnews.com", "value": ""},{"id": 119, "name": "https://abc.es", "value": ""},{"id": 120, "name": "https://sciencedirect.com", "value": ""},{"id": 121, "name": "https://nationalgeographic.com", "value": ""},{"id": 122, "name": "https://guardian.co.uk", "value": ""},{"id": 123, "name": "https://yahoo.co.jp", "value": ""},{"id": 124, "name": "https://cnbc.com", "value": ""},{"id": 125, "name": "https://dan.com", "value": ""},{"id": 126, "name": "https://godaddy.com", "value": ""},{"id": 127, "name": "https://twitch.tv", "value": ""},{"id": 128, "name": "https://goo.ne.jp", "value": ""},{"id": 129, "name": "https://news.com.au", "value": ""},{"id": 130, "name": "https://rambler.ru", "value": ""},{"id": 131, "name": "https://stanford.edu", "value": ""},{"id": 132, "name": "https://bloglovin.com", "value": ""},{"id": 133, "name": "https://wikihow.com", "value": ""},{"id": 134, "name": "https://princeton.edu", "value": ""},{"id": 135, "name": "https://researchgate.net", "value": ""},{"id": 136, "name": "https://sendspace.com", "value": ""},{"id": 137, "name": "https://loc.gov", "value": ""},{"id": 138, "name": "https://welt.de", "value": ""},{"id": 139, "name": "https://google.com.tw", "value": ""},{"id": 140, "name": "https://vice.com", "value": ""},{"id": 141, "name": "https://ted.com", "value": ""},{"id": 142, "name": "https://finance.yahoo.com", "value": ""},{"id": 143, "name": "https://weibo.com", "value": ""},{"id": 144, "name": "https://kickstarter.com", "value": ""},{"id": 145, "name": "https://theverge.com", "value": ""},{"id": 146, "name": "https://my.yahoo.com", "value": ""},{"id": 147, "name": "https://nokia.com", "value": ""},{"id": 148, "name": "https://gizmodo.com", "value": ""},{"id": 149, "name": "https://deezer.com", "value": ""},{"id": 150, "name": "https://mysql.com", "value": ""},{"id": 151, "name": "https://box.com", "value": ""},{"id": 152, "name": "https://yadi.sk", "value": ""},{"id": 153, "name": "https://google.co.id", "value": ""},{"id": 154, "name": "https://newsweek.com", "value": ""},{"id": 155, "name": "https://google.nl", "value": ""},{"id": 156, "name": "https://economist.com", "value": ""},{"id": 157, "name": "https://zendesk.com", "value": ""},{"id": 158, "name": "https://google.ca", "value": ""},{"id": 159, "name": "https://utexas.edu", "value": ""},{"id": 160, "name": "https://chron.com", "value": ""},{"id": 161, "name": "https://airbnb.com", "value": ""},{"id": 162, "name": "https://eonline.com", "value": ""},{"id": 163, "name": "https://fb.me", "value": ""},{"id": 164, "name": "https://arxiv.org", "value": ""},{"id": 165, "name": "https://billboard.com", "value": ""},{"id": 166, "name": "https://ask.fm", "value": ""},{"id": 167, "name": "https://ucoz.ru", "value": ""},{"id": 168, "name": "https://orange.fr", "value": ""},{"id": 169, "name": "https://narod.ru", "value": ""},{"id": 170, "name": "https://skype.com", "value": ""},{"id": 171, "name": "https://vkontakte.ru", "value": ""},{"id": 172, "name": "https://groups.yahoo.com", "value": ""},{"id": 173, "name": "https://nicovideo.jp", "value": ""},{"id": 174, "name": "https://history.com", "value": ""},{"id": 175, "name": "https://imgur.com", "value": ""},{"id": 176, "name": "https://prnewswire.com", "value": ""},{"id": 177, "name": "https://statista.com", "value": ""},{"id": 178, "name": "https://sky.com", "value": ""},{"id": 179, "name": "https://answers.yahoo.com", "value": ""},{"id": 180, "name": "https://intel.com", "value": ""},{"id": 181, "name": "https://answers.com", "value": ""},{"id": 182, "name": "https://etsy.com", "value": ""},{"id": 183, "name": "https://tabelog.com", "value": ""},{"id": 184, "name": "https://espn.go.com", "value": ""},{"id": 185, "name": "https://zdnet.com", "value": ""},{"id": 186, "name": "https://thedailybeast.com", "value": ""},{"id": 187, "name": "https://inc.com", "value": ""},{"id": 188, "name": "https://newyorker.com", "value": ""},{"id": 189, "name": "https://pinterest.co.uk", "value": ""},{"id": 190, "name": "https://steamcommunity.com", "value": ""},{"id": 191, "name": "https://about.me", "value": ""},{"id": 192, "name": "https://marketwatch.com", "value": ""},{"id": 193, "name": "https://politico.com", "value": ""},{"id": 194, "name": "https://rottentomatoes.com", "value": ""},{"id": 195, "name": "https://dribbble.com", "value": ""},{"id": 196, "name": "https://sports.yahoo.com", "value": ""},{"id": 197, "name": "https://mystrikingly.com", "value": ""},{"id": 198, "name": "https://dreamstime.com", "value": ""},{"id": 199, "name": "https://stripe.com", "value": ""},{"id": 200, "name": "https://timeout.com", "value": ""},{"id": 201, "name": "https://www.skyrock.com", "value": ""},{"id": 202, "name": "https://entrepreneur.com", "value": ""},{"id": 203, "name": "https://nbcnews.com", "value": ""},{"id": 204, "name": "https://nba.com", "value": ""},{"id": 205, "name": "https://pastebin.com", "value": ""},{"id": 206, "name": "https://www.instacart.com", "value": ""},{"id": 207, "name": "https://www.pizzahut.com", "value": ""},{"id": 208, "name": "https://www.mcdonalds.com/us/", "value": ""},{"id": 209, "name": "https://www.nike.com", "value": ""},{"id": 210, "name": "https://www.ultimatesoftware.com", "value": ""},{"id": 211, "name": "https://www.fastly.com", "value": ""},{"id": 212, "name": "https://www.sap.com", "value": ""},{"id": 213, "name": "https://www.vmware.com", "value": ""},{"id": 214, "name": "https://readthedocs.org", "value": ""}],
lookup: { "1": "https://www.google.com", "2": "https://youtube.com", "3": "https://apple.com", "4": "https://microsoft.com", "5": "https://support.google.com", "6": "https://adobe.com", "7": "https://cloudflare.com", "8": "https://maps.google.com", "9": "https://vimeo.com", "10": "https://youtu.be", "11": "https://istockphoto.com", "12": "https://vk.com", "13": "https://facebook.com", "14": "https://medium.com", "15": "https://live.com", "16": "https://google.fr", "17": "https://theguardian.com", "18": "https://google.co.uk", "19": "https://policies.google.com", "20": "https://whatsapp.com", "21": "https://msn.com", "22": "https://myspace.com", "23": "https://slideshare.net", "24": "https://paypal.com", "25": "https://line.me", "26": "https://creativecommons.org", "27": "https://google.es", "28": "https://dailymotion.com", "29": "https://t.me", "30": "https://mail.ru", "31": "https://washingtonpost.com", "32": "https://google.de", "33": "https://www.yahoo.com", "34": "https://google.com.br", "35": "https://google.co.jp", "36": "https://hugedomains.com", "37": "https://www.bluehost.com", "38": "https://tinyurl.com", "39": "https://news.yahoo.com", "40": "https://aol.com", "41": "https://wikia.com", "42": "https://office.com", "43": "https://google.ru", "44": "https://huffingtonpost.com", "45": "https://dailymail.co.uk", "46": "https://wired.com", "47": "https://plesk.com", "48": "https://amazon.co.jp", "49": "https://steampowered.com", "50": "https://themeforest.net", "51": "https://archive.org", "52": "https://samsung.com", "53": "https://books.google.com", "54": "https://ipv4.google.com", "55": "https://get.google.com", "56": "https://pinterest.com", "57": "https://elpais.com", "58": "https://mediafire.com", "59": "https://abcnews.go.com", "60": "https://usatoday.com", "61": "https://aboutads.info", "62": "https://scribd.com", "63": "https://translate.google.com", "64": "https://bing.com", "65": "https://buydomains.com", "66": "https://google.it", "67": "https://fandom.com", "68": "https://booking.com", "69": "https://telegram.me", "70": "https://cnet.com", "71": "https://thesun.co.uk", "72": "https://search.google.com", "73": "https://amazon.it", "74": "https://asahi.com", "75": "https://bandcamp.com", "76": "https://walmart.com", "77": "https://icann.org", "78": "https://google.pl", "79": "https://dell.com", "80": "https://soundcloud.com", "81": "https://depositfiles.com", "82": "https://www.weebly.com", "83": "https://xbox.com", "84": "https://vox.com", "85": "https://stackoverflow.com", "86": "https://goodreads.com", "87": "https://huffpost.com", "88": "https://lemonde.fr", "89": "https://abc.net.au", "90": "https://thetimes.co.uk", "91": "https://spotify.com", "92": "https://digg.com", "93": "https://parallels.com", "94": "https://cbc.ca", "95": "https://photobucket.com", "96": "https://amazon.es", "97": "https://nginx.com", "98": "https://iubenda.com", "99": "https://hollywoodreporter.com", "100": "https://biglobe.ne.jp", "101": "https://google.co.in", "102": "https://en.unesco.org", "103": "https://namecheap.com", "104": "https://www.chicagotribune.com", "105": "https://www.cambridge.org", "106": "https://sfgate.com", "107": "https://naver.jp", "108": "https://addtoany.com", "109": "https://target.com", "110": "https://000webhost.com", "111": "https://academia.edu", "112": "https://espn.com", "113": "https://theglobeandmail.com", "114": "https://engadget.com", "115": "https://www.khanacademy.org", "116": "https://gofundme.com", "117": "https://buzzfeed.com", "118": "https://cbsnews.com", "119": "https://abc.es", "120": "https://sciencedirect.com", "121": "https://nationalgeographic.com", "122": "https://guardian.co.uk", "123": "https://yahoo.co.jp", "124": "https://cnbc.com", "125": "https://dan.com", "126": "https://godaddy.com", "127": "https://twitch.tv", "128": "https://goo.ne.jp", "129": "https://news.com.au", "130": "https://rambler.ru", "131": "https://stanford.edu", "132": "https://bloglovin.com", "133": "https://wikihow.com", "134": "https://princeton.edu", "135": "https://researchgate.net", "136": "https://sendspace.com", "137": "https://loc.gov", "138": "https://welt.de", "139": "https://google.com.tw", "140": "https://vice.com", "141": "https://ted.com", "142": "https://finance.yahoo.com", "143": "https://weibo.com", "144": "https://kickstarter.com", "145": "https://theverge.com", "146": "https://my.yahoo.com", "147": "https://nokia.com", "148": "https://gizmodo.com", "149": "https://deezer.com", "150": "https://mysql.com", "151": "https://box.com", "152": "https://yadi.sk", "153": "https://google.co.id", "154": "https://newsweek.com", "155": "https://google.nl", "156": "https://economist.com", "157": "https://zendesk.com", "158": "https://google.ca", "159": "https://utexas.edu", "160": "https://chron.com", "161": "https://airbnb.com", "162": "https://eonline.com", "163": "https://fb.me", "164": "https://arxiv.org", "165": "https://billboard.com", "166": "https://ask.fm", "167": "https://ucoz.ru", "168": "https://orange.fr", "169": "https://narod.ru", "170": "https://skype.com", "171": "https://vkontakte.ru", "172": "https://groups.yahoo.com", "173": "https://nicovideo.jp", "174": "https://history.com", "175": "https://imgur.com", "176": "https://prnewswire.com", "177": "https://statista.com", "178": "https://sky.com", "179": "https://answers.yahoo.com", "180": "https://intel.com", "181": "https://answers.com", "182": "https://etsy.com", "183": "https://tabelog.com", "184": "https://espn.go.com", "185": "https://zdnet.com", "186": "https://thedailybeast.com", "187": "https://inc.com", "188": "https://newyorker.com", "189": "https://pinterest.co.uk", "190": "https://steamcommunity.com", "191": "https://about.me", "192": "https://marketwatch.com", "193": "https://politico.com", "194": "https://rottentomatoes.com", "195": "https://dribbble.com", "196": "https://sports.yahoo.com", "197": "https://mystrikingly.com", "198": "https://dreamstime.com", "199": "https://stripe.com", "200": "https://timeout.com", "201": "https://www.skyrock.com", "202": "https://entrepreneur.com", "203": "https://nbcnews.com", "204": "https://nba.com", "205": "https://pastebin.com", "206": "https://www.instacart.com", "207": "https://www.pizzahut.com", "208": "https://www.mcdonalds.com/us/", "209": "https://www.nike.com", "210": "https://www.ultimatesoftware.com", "211": "https://www.fastly.com", "212": "https://www.sap.com", "213": "https://www.vmware.com", "214": "https://readthedocs.org" },
sort: 'id',
sortDir:'asc',
page: 0,
pageSize: 25
}),
methods: {
viewRow: function(event) {
var rowId = $(event.target).closest('tr').find('td:first').text()
var site = this.lookup[rowId].replace(/(^\w+:|^)\/\//, '');
document.location = "/url-headers/site/" + site
},
sortBy: function(s) {
if (s === this.sort) {
this.sortDir = (this.sortDir === 'asc') ? 'desc' : 'asc';
} else {
this.sortDir = 'asc';
}
this.sort = s;
},
isActiveSort: function(s) {
return this.sort === s;
},
hasPage: function(dir) {
if (dir === -1 && (this.page > 0)) return true;
if (dir === 1 && (((this.page+1)*this.pageSize) < this.rows.length)) return true;
return false;
},
prevPage: function() {
if (this.hasPage(-1)) this.page--;
},
nextPage: function() {
if (this.hasPage(1)) this.page++;
}
},
computed: {
sortedRows: function() {
return this.rows.sort((a, b) => {
let dir = (this.sortDir === 'asc') ? 1 : -1;
if (a[this.sort] < b[this.sort]) {
return -1 * dir;
} else if (a[this.sort] > b[this.sort]) {
return 1 * dir;
} else {
return 0;
}
}).filter((row, idx) => {
let s = this.page*this.pageSize;
let e = (this.page+1)*this.pageSize;
return (idx >= s && idx < e);
});
},
pageSizeModel: {
get() {
return this.pageSize;
},
set(v) {
this.pageSize = v;
this.page = 0;
}
}
},
filters: {
capitalize: function (v) {
if (!v) return ''
v = v.toString()
return v.charAt(0).toUpperCase() + v.slice(1)
}
}
}).$mount('#app');
</script>
</body>
</html>