You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
87 lines
2.1 KiB
87 lines
2.1 KiB
const fflog = "https://www.fflogs.com:443/v1/report/fights/";
|
|
const api = "?api_key=";
|
|
|
|
var indexViewModel;
|
|
var classColors = {
|
|
"Scholar": "#4c49b2",
|
|
"WhiteMage": "#c7bf8e",
|
|
"Astrologian": "#8c501e",
|
|
"Paladin": "#8aa8a8",
|
|
"Gunbreaker": "#6c6433",
|
|
"Warrior": "#610e0a",
|
|
"DarkKnight": "#241011",
|
|
"Ninja": "#b30000",
|
|
"Dragoon": "#3b4ba0",
|
|
"Monk": "#c58d1c",
|
|
"Samurai": "#9e6d35",
|
|
"RedMage": "#47132a",
|
|
"BlackMage": "#261947",
|
|
"Summoner": "#59922b",
|
|
"Dancer": "#ceb8ab",
|
|
"Machinist": "#6c6433",
|
|
"Barde": "#6d8432"
|
|
|
|
};
|
|
|
|
// Do stuff when HTML parsing is ready
|
|
$(() => {
|
|
// Document is ready
|
|
function IndexViewModel() {
|
|
var self = this;
|
|
self.apiKey = ko.observable(localStorage.getItem("apikey"));
|
|
self.logID = ko.observable(localStorage.getItem("fflogid"));
|
|
self.fights = ko.observableArray();
|
|
self.friendlies = ko.observableArray();
|
|
self.displayFightPicker = ko.observable(false);
|
|
self.selectedFight = ko.observable();
|
|
|
|
self.getLog = async function() {
|
|
var log = await fetchLog(self.logID());
|
|
|
|
self.fights(log["fights"]);
|
|
self.friendlies(log["friendlies"]);
|
|
self.displayFightPicker(true);
|
|
};
|
|
|
|
self.formatTime = function(fight) {
|
|
let secs = (fight.end_time - fight.start_time)/1000;
|
|
let mins = Math.floor(secs / 60);
|
|
let rest = Math.floor(secs % 60);
|
|
return mins+"m"+rest+"s";
|
|
};
|
|
|
|
self.apiKeyChanged = function() {
|
|
console.log("Setting apiKey to ",self.apiKey());
|
|
localStorage.setItem("apikey",self.apiKey());
|
|
localStorage.setItem("fflogid", self.logID());
|
|
};
|
|
|
|
self.fightChanged = function() {
|
|
console.log("Fight has changed to ",self.selectedFight());
|
|
};
|
|
|
|
self.textColor = function(job) {
|
|
console.log(job.type)
|
|
return classColors[job.type];
|
|
}
|
|
};
|
|
indexViewModel = new IndexViewModel();
|
|
ko.applyBindings(indexViewModel);
|
|
});
|
|
|
|
// API request um JSON zu erhalten
|
|
async function fetchLog(fightId) {
|
|
let url = fflog + fightId + api + indexViewModel.apiKey();
|
|
|
|
console.log("Fetching log "+fightId);
|
|
var res = await fetch(url);
|
|
if (!res.ok) {
|
|
console.log(res);
|
|
throw Error(res.text);
|
|
}
|
|
var log = await res.json();
|
|
|
|
//get specific fight data
|
|
console.log(log);
|
|
return log;
|
|
}
|