-
Notifications
You must be signed in to change notification settings - Fork 0
/
script.js
188 lines (174 loc) · 7.92 KB
/
script.js
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
$(document).ready(function() {
let searchParams = window.location.search;
searchParams = searchParams.split('#').pop().split('=').pop();
if (searchParams) {
profile(searchParams);
} else {
profile("76561198003904647");
}
});
$(document).on("click", "#button", function(event) {
$('#form').submit()
});
$(document).on("click", "#egg", function(event) {
egg();
});
function profile(user) {
$("#result").hide();
$("#loading-image").show();
console.log("------loading------");
let cors = "https://co.kaiserdj-c.workers.dev/?";
let api = "https://api.tracker.gg/api/v2/rocket-league/standard/profile/steam/";
let requestOptions = {
method: 'GET',
headers: {
"TRN-Api-Key": '6a766f6c-a530-4018-b2fd-be4583c42765'
}
};
fetch(`${cors}${api}${user}`, requestOptions)
.then(response => response.text())
.then(data => {
if (JSON.parse(data)) {
data = JSON.parse(data);
console.log("json answer: ");
console.log(data)
//Error
if (data.errors){
alert(data.errors[0].message);
return profile("76561198003904647");
}
//Avatar
$('.avatar').css("background-image", `url(${data.data.platformInfo.avatarUrl})`)
$('#avatar__img').attr("src", data.data.platformInfo.avatarUrl)
//Username
$('#avatar__username').text(data.data.platformInfo.platformUserHandle)
console.log(`User: ${data.data.platformInfo.platformUserHandle}`);
//Reward
$('.reward img').attr("src", data.data.segments[0].stats.seasonRewardLevel.metadata.iconUrl)
$('.reward h2').text(data.data.segments[0].stats.seasonRewardLevel.metadata.rankName)
//General stats
$("#stats").append(chip("./assets/Wins.png", `Wins: ${data.data.segments[0].stats.wins.displayValue}`))
$("#stats").append(chip("./assets/Mvps.png", `Mvps: ${data.data.segments[0].stats.mVPs.displayValue}`))
$("#stats").append(chip("./assets/Goals.png", `Goals: ${data.data.segments[0].stats.goals.displayValue}`))
$("#stats").append(chip("./assets/LongGoal.png", `Goal Shot Ratio: ${data.data.segments[0].stats.goalShotRatio.displayValue}`))
$("#stats").append(chip("./assets/Shots.png", `Shots: ${data.data.segments[0].stats.shots.displayValue}`))
$("#stats").append(chip("./assets/Assists.png", `Assists: ${data.data.segments[0].stats.assists.displayValue}`))
$("#stats").append(chip("./assets/Saves.png", `Saves: ${data.data.segments[0].stats.saves.displayValue}`))
//Profile url
$('#profile').attr("href", `http://steamcommunity.com/profiles/${data.data.platformInfo.platformUserIdentifier}`)
//Types
for (let i = 1; i < data.data.segments.length; i++) {
$("#types").append(type(data.data.segments[i]));
}
$("#loading-image").hide();
$("#result").show();
componentHandler.upgradeDom();
}
})
.catch(err => error(err));
}
function chip(img, data) {
return `
<span class="mdl-chip mdl-chip--contact">
<span class="mdl-chip__contact mdl-color--teal mdl-color-text--white" style="background: url('${img}') 100% / 100%;"></span>
<span class="mdl-chip__text">${data}</span>
</span>
`;
}
function type(data) {
let random = '_' + Math.random().toString(36).substr(2, 9);
return `
<div class="mdl-cell mdl-cell--3-col">
<p class="type__title">${data.metadata.name}</p>
<div class="type mdl-card mdl-shadow--2dp" style="background: url('${data.stats.tier.metadata.iconUrl}') center / cover !important;">
<div class="mdl-card__title mdl-card--expand"></div>
<div id="${random}" class="mdl-card__actions">
<span class="type-card-image__filename">
<span class="mdl-badge" data-badge="${data.stats.division.displayValue}" style="color: black; font-weight: bold;">${data.stats.tier.metadata.name}</span>
<div class="mdl-tooltip mdl-tooltip--large" for="${random}">
${check_delta(data)}
${chip("./assets/Wins.png", "MMR: " + data.stats.rating.displayValue)}
${chip("./assets/MatchesPlayed.png", "Matches Played: " + data.stats.matchesPlayed.displayValue)}
${chip("./assets/WinStreak.png", "Win Streak: " + data.stats.winStreak.displayValue)}
</div>
</span>
</div>
</div>
</div>`;
}
function check_delta(data) {
if (data.stats.division.metadata.deltaUp) {
if (data.stats.division.metadata.deltaDown) {
return `<div class="material-icons mdl-badge mdl-badge--overlap" style="color: #00ff00;" data-badge="${data.stats.division.metadata.deltaUp}">arrow_upward</div><div class="material-icons mdl-badge mdl-badge--overlap" style="color: red;" data-badge="${data.stats.division.metadata.deltaDown}">arrow_downward</div>`
} else {
return `<div class="material-icons mdl-badge mdl-badge--overlap" style="display: table; margin-left: auto; margin-right: auto; color: #00ff00;" data-badge="${data.stats.division.metadata.deltaUp}">arrow_upward</div>`
}
} else if (data.stats.division.metadata.deltaDown) {
return `<div class="material-icons mdl-badge mdl-badge--overlap" style="display: table; margin-left: auto; margin-right: auto; color: red;" data-badge="${data.stats.division.metadata.deltaDown}">arrow_downward</div>`
} else {
return ``;
}
}
function error(data) {
console.error("---------------------------");
console.error("- ERROR -");
console.error("---------------------------");
console.error(data);
console.error(data.responseText);
alert(thrownError);
profile("76561198003904647");
}
function egg() {
let dialog = document.createElement("dialog");
dialog.setAttribute("class", "mdl-dialog");
let h4 = document.createElement("h4");
h4.setAttribute("class", "mdl-dialog__title");
h4.innerText = "Quick open the console (F12)";
dialog.appendChild(h4);
let div = document.createElement("div");
div.setAttribute("class", "mdl-dialog__actions");
dialog.appendChild(div);
let button = document.createElement("button");
button.setAttribute("type", "button");
button.setAttribute("class", "mdl-button close");
button.innerText = "Close";
div.appendChild(button);
dialog.appendChild(div);
let body = document.getElementsByTagName("body")[0];
body.appendChild(dialog);
dialog.showModal();
dialog.querySelector('.close').addEventListener('click', function() {
dialog.remove();
});
console.clear();
const textStyle = [
'color: red',
'font-size: 30px',
].join(';');
const imageStyle = [
'background-image: url("https://media.giphy.com/media/sXOj0wtpyELdu/source.gif")',
'background-size: cover',
'padding: 150px 300px'
].join(';');
console.log('%cYou have 6 seconds to count all the cats', textStyle);
setTimeout(function() {
console.log('%c ', imageStyle);
}, 5000);
setTimeout(function() {
console.clear();
dialog.remove();
const style = [
'background: #000',
'color: #fff',
'padding: 10px 20px',
'line-height: 35px'
].join(';');
console.log('%c Programmed by Kaiserdj ♥️', style);
const kekw = [
'background-image: url("https://i.imgur.com/JToTIAo.png")',
'background-size: cover',
'padding: 200px 200px'
].join(';');
console.log('%c ', kekw);
}, 11000);
}