Works
This commit is contained in:
parent
4c5d5160d2
commit
02c36c06ca
|
|
@ -1,3 +1,3 @@
|
|||
# BackpackDecalSpotter
|
||||
|
||||
Finds decaled items on Backpack.tf
|
||||
Finds decaled items on Backpack.tf. Relies on legacy soon-to-be-deprecated endpoints. Should be hosted to avoid "Access to Image from origin 'null' has been blocked by CORS policy" errors when fetching accounts with decaled item listings.
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 15 KiB |
|
|
@ -0,0 +1,20 @@
|
|||
<html>
|
||||
|
||||
<head>
|
||||
<title>Backpack Decal Spotter</title>
|
||||
|
||||
<link rel="stylesheet" type="text/css" href="style.css" />
|
||||
<link rel="shortcut icon" href="favicon.ico">
|
||||
<meta name="title" content="Backpack Decal Spotter">
|
||||
<meta name="description" content="Finds decaled items on Backpack.tf">
|
||||
<meta name="author" content="Abhorrent_Anger">
|
||||
<script src="https://code.jquery.com/jquery-3.7.1.min.js"
|
||||
integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo=" crossorigin="anonymous"></script>
|
||||
<script src="script.js"></script>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<h4 id="empty-accounts" style='display:none'>No decaled items from </h4>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
|
|
@ -0,0 +1,117 @@
|
|||
var checkable_accounts = { '76561198311319887': 'Weapon Crusher' };
|
||||
decaled_objects = { 'Conscientious Objector': '3.66', 'Clan Pride': '2.11', 'Flair!': '4.22', 'Photo Badge': '2.44' }
|
||||
backpack_page_limit = 3;
|
||||
|
||||
function fetchAccounts() {
|
||||
var deferred = new $.Deferred();
|
||||
for (const [item, price] of Object.entries(decaled_objects)) {
|
||||
handleItem(item, price);
|
||||
}
|
||||
deferred.resolve(checkable_accounts);
|
||||
return deferred.promise()
|
||||
}
|
||||
|
||||
function handleItem(item, price) {
|
||||
for (let i = 1; i <= backpack_page_limit; i++) {
|
||||
$.ajax({
|
||||
dataType: 'html',
|
||||
url: 'https://backpack.tf/classifieds',
|
||||
data: 'page=' + i + '&item=' + encodeURIComponent(item) + '&quality=6&tradable=1&craftable=1&australium=-1&killstreak_tier=0&numeric=price&comparison=lt&value=' + price + '&low=' + price,
|
||||
async: false,
|
||||
tryCount: 0,
|
||||
retryLimit: 3,
|
||||
success: function (msg) {
|
||||
if ($('.col-md-6:first .alert', msg).length > 0) {
|
||||
return false;
|
||||
}
|
||||
$('.col-md-6:first .user-link', msg).each(function () {
|
||||
checkable_accounts[$(this).attr('data-id')] = $(this).attr('data-name');
|
||||
});
|
||||
},
|
||||
error: function (response, status, error) {
|
||||
if (response.status == 429) {
|
||||
this.tryCount++;
|
||||
if (this.tryCount <= this.retryLimit) {
|
||||
setTimeout(() => {
|
||||
$.ajax(this);
|
||||
}, 3000);
|
||||
return;
|
||||
}
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
function handleAccounts() {
|
||||
for (const [steamid64, name] of Object.entries(checkable_accounts)) {
|
||||
handleAccount(steamid64, name);
|
||||
}
|
||||
}
|
||||
|
||||
function handleAccount(steamid64, name) {
|
||||
var url = "https://backpack.tf/_inventory/" + steamid64;
|
||||
$.ajax({
|
||||
dataType: 'json',
|
||||
url: url,
|
||||
async: false,
|
||||
tryCount: 0,
|
||||
retryLimit: 3,
|
||||
success: function (msg) { handleHTML(steamid64, name, msg['html']); },
|
||||
error: function (response, status, error) {
|
||||
if (response.status == 429) {
|
||||
this.tryCount++;
|
||||
if (this.tryCount <= this.retryLimit) {
|
||||
setTimeout(() => {
|
||||
$.ajax(this);
|
||||
}, 3000);
|
||||
return;
|
||||
}
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
function handleHTML(steamid64, name, html_string) {
|
||||
html = $.parseHTML(html_string);
|
||||
var decaled_items = $('div.decal', html);
|
||||
if (decaled_items.length == 0) {
|
||||
var empty_accounts = $('#empty-accounts');
|
||||
empty_accounts.append('<a href="https://next.backpack.tf/profiles/' + steamid64 + '">' + name + '</a>; ');
|
||||
empty_accounts.fadeIn();
|
||||
return false;
|
||||
}
|
||||
var inventory = $('<div class="inventory"></div>');
|
||||
inventory.append('<a href="https://next.backpack.tf/profiles/' + steamid64 + '"><h3>' + name + '</h3></a>');
|
||||
decaled_items.each(function () {
|
||||
var url = "https://next.backpack.tf/item/" + $(this).parent().attr('data-id');
|
||||
var a = $('<a href="' + url + '"></a>');
|
||||
a.append($(this).parent());
|
||||
inventory.append(a);
|
||||
});
|
||||
var inventories = $('.inventory');
|
||||
if (inventories.length > 0) {
|
||||
var child_count = inventory.children().length;
|
||||
inventory.attr('data-items', child_count);
|
||||
var last_div = null;
|
||||
inventories.each(function () {
|
||||
if (child_count > $(this).children().length) {
|
||||
return false;
|
||||
}
|
||||
last_div = $(this);
|
||||
});
|
||||
if (last_div) {
|
||||
last_div.after(inventory);
|
||||
} else {
|
||||
$('body').prepend(inventory);
|
||||
}
|
||||
} else {
|
||||
$('#empty-accounts').before(inventory);
|
||||
}
|
||||
}
|
||||
|
||||
$(document).ready(function () {
|
||||
$.when(fetchAccounts()).done(function () {
|
||||
handleAccounts();
|
||||
});
|
||||
});
|
||||
|
|
@ -0,0 +1,119 @@
|
|||
body {
|
||||
background-color: #111;
|
||||
color: #eee;
|
||||
font-family: Verdana, Geneva, sans-serif;
|
||||
font-size: 0.85em;
|
||||
margin: 0px;
|
||||
text-align: justify;
|
||||
text-justify: inter-word;
|
||||
word-wrap: break-word;
|
||||
word-break: break-all;
|
||||
white-space: normal;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
div {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
h3 {
|
||||
text-align: center;
|
||||
padding: 0.5em;
|
||||
}
|
||||
|
||||
h4 {
|
||||
color: #555;
|
||||
text-align: center;
|
||||
padding: 5em;
|
||||
}
|
||||
|
||||
li {
|
||||
display: inline-block;
|
||||
width: 140px;
|
||||
height: 140px;
|
||||
position: relative;
|
||||
border-radius: 3px;
|
||||
margin: 10px;
|
||||
border: 3px solid;
|
||||
margin-bottom: 38px;
|
||||
}
|
||||
|
||||
.decal {
|
||||
width: 128px;
|
||||
height: 128px;
|
||||
margin: auto;
|
||||
z-index: 2;
|
||||
position: absolute;
|
||||
top: 6px;
|
||||
left: 6px;
|
||||
}
|
||||
|
||||
.item-icon {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
bottom: -38px;
|
||||
left: -3px;
|
||||
background-size: 24px;
|
||||
z-index: 1;
|
||||
position: absolute;
|
||||
border-radius: 3px;
|
||||
border: 3px solid;
|
||||
}
|
||||
|
||||
.q-440-6,
|
||||
.q-440-6 .item-icon,
|
||||
.q-440-6 .bottom-right {
|
||||
background-color: rgb(119, 101, 3);
|
||||
border-color: rgb(181, 154, 5);
|
||||
}
|
||||
|
||||
.q-440-11,
|
||||
.q-440-11 .item-icon ,
|
||||
.q-440-11 .bottom-right {
|
||||
background-color: rgb(110, 56, 26);
|
||||
border-color: rgb(144, 73, 34);
|
||||
}
|
||||
|
||||
.nocraft {
|
||||
border-style: dashed;
|
||||
}
|
||||
|
||||
.top-left {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.bottom-right {
|
||||
position: absolute;
|
||||
width: 105px;
|
||||
height: 24px;
|
||||
bottom: -38px;
|
||||
left: 32px;
|
||||
border-radius: 3px;
|
||||
border: 3px solid;
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
.bottom-right span {
|
||||
text-align: center;
|
||||
display: block;
|
||||
margin-top: 3px;
|
||||
}
|
||||
|
||||
a,
|
||||
a:link,
|
||||
a:visited,
|
||||
a:hover,
|
||||
a:active {
|
||||
text-decoration: none;
|
||||
color: #eee;
|
||||
}
|
||||
|
||||
h4 a,
|
||||
h4 a:link,
|
||||
h4 a:visited,
|
||||
h4 a:hover,
|
||||
h4 a:active {
|
||||
text-decoration: none;
|
||||
color: #555;
|
||||
font-style: italic;
|
||||
}
|
||||
Loading…
Reference in New Issue