File size: 4,190 Bytes
b2309c2 81d22d0 | 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 | <html>
<head>
<link rel='stylesheet' href='https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css'>
<script src='https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.5/angular.min.js'></script>
<script>
var app = angular.module('proxyscraper', []);
app.controller('proxytableCtrl', function($scope, $http) {
$scope.data = [];
$scope.search = {};
$scope.title = "Loading...";
$http.get('generated/raw.json').then((response) => {
json = response.data;
$scope.lastUpdated = json.lastUpdated;
Object.keys(json.bySource).map(key => {
if (Array.isArray(json.bySource[key])) {
json.bySource[key].forEach(proxy => {
$scope.data.push(proxy);
});
}
});
$scope.title = "Proxies";
})
});
</script>
</head>
<body>
<div ng-app="proxyscraper">
<div class="container" data-ng-controller="proxytableCtrl">
<div class="row" style="text-align: center">
<hr>
<h2 style="color: red" class="h2">{{title}}</h2><a href="https://github.com/Niansuh">Follow on Github</a>
<h4 style="color: grey" ng-show="title==='Proxies'">Last Updated on {{lastUpdated | date}}</h4>
<hr>
</div>
<div class="row" style="text-align: center">
<button class="btn btn-primary" onclick="window.open('/proxy-scraper/proxies.json')">Download as JSON</button>
<button class="btn btn-primary" onclick="window.open('/proxy-scraper/proxies.csv')">Download as CSV</button>
<button class="btn btn-primary" onclick="window.open('/proxy-scraper/proxies.txt')">Download as TXT</button>
<button class="btn btn-primary" onclick="window.open('/proxy-scraper/proxies.yaml')">Download as YAML</button>
<button class="btn btn-primary" onclick="window.open('/proxy-scraper/proxies.xml')">Download as XML</button>
<hr>
</div>
<div class="row" ng-show="title==='Proxies'">
<div class="table-responsive">
<table class="table table-hover" style="text-align: center">
<thead>
<tr style="background-color: #697c81;color: white">
<td>#</td>
<td>IP</td>
<td>Port</td>
<td>Country</td>
<td>Type</td>
<td>Anonymity</td>
</tr>
<tr>
<td></td>
<td><input type="text" placeholder="Search" class="form-control" ng-model="search.ip"></td>
<td><input type="text" placeholder="Search" class="form-control" ng-model="search.port"></td>
<td><input type="text" placeholder="Search" class="form-control" ng-model="search.country"></td>
<td><input type="text" placeholder="Search" class="form-control" ng-model="search.type"></td>
<td><input type="text" placeholder="Search" class="form-control" ng-model="search.anonymity"></td>
</tr>
</thead>
<tbody>
<tr ng-repeat="n in data | filter: search">
<td>{{$index+1}}</td>
<td>{{n.ip}}</td>
<td>{{n.port}}</td>
<td>{{n.country}}</td>
<td>{{n.type}}</td>
<td>{{n.anonymity}}</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</body>
</html> |