112 lines
3.5 KiB
JavaScript
112 lines
3.5 KiB
JavaScript
const slideInRight = [
|
|
{ right: "-20rem" },
|
|
{ right: "0" }
|
|
];
|
|
|
|
const slideInRightTiming = {
|
|
duration: 200,
|
|
iterations: 1,
|
|
fill: "forwards",
|
|
easing: "ease-out"
|
|
}
|
|
|
|
const slideOutRightTiming = {
|
|
direction: "reverse",
|
|
duration: 200,
|
|
iterations: 1,
|
|
fill: "forwards",
|
|
easing: "ease-in"
|
|
}
|
|
|
|
|
|
const taskTypesSelect = document.querySelector("#taskTypes")
|
|
let availableTaskTypes;
|
|
GetTaskTypes()
|
|
.then(json => availableTaskTypes = json)
|
|
.then(json =>
|
|
json.forEach(taskType => {
|
|
var option = document.createElement('option');
|
|
option.value = taskType;
|
|
option.innerText = taskType;
|
|
taskTypesSelect.appendChild(option);
|
|
}));
|
|
|
|
const connectorSelect = document.querySelector("#connectors");
|
|
let availableConnectors;
|
|
GetAvailableControllers()
|
|
.then(json => availableConnectors = json)
|
|
//.then(json => console.log(json))
|
|
.then(json =>
|
|
json.forEach(connector => {
|
|
var option = document.createElement('option');
|
|
option.value = connector;
|
|
option.innerText = connector;
|
|
connectorSelect.appendChild(option);
|
|
})
|
|
);
|
|
|
|
const searchPublicationQuery = document.querySelector("#searchPublicationQuery");
|
|
const selectPublication = document.querySelector("#taskSelectOutput");
|
|
searchPublicationQuery.addEventListener("keypress", (event) => {
|
|
if(event.key === "Enter"){
|
|
GetPublication(connectorSelect.value, searchPublicationQuery.value)
|
|
//.then(json => console.log(json));
|
|
.then(json =>
|
|
json.forEach(publication => {
|
|
var option = CreatePublication(publication);
|
|
option.addEventListener("click", () => {
|
|
CreateNewMangaDownloadTask(
|
|
taskTypesSelect.select,
|
|
connectorSelect.value,
|
|
publication.internalId
|
|
);
|
|
});
|
|
selectPublication.appendChild(option);
|
|
}
|
|
));
|
|
}
|
|
});
|
|
|
|
function CreatePublication(publcationData){
|
|
var option = document.createElement('publication');
|
|
var img = document.createElement('img');
|
|
img.src = publication.posterUrl;
|
|
option.appendChild(img);
|
|
var info = document.createElement('publication-information');
|
|
var connectorName = document.createElement('connector-name');
|
|
connectorName.innerText = connectorSelect.value;
|
|
connectorName.className = "pill";
|
|
info.appendChild(connectorName);
|
|
var publicationName = document.createElement('publication-name');
|
|
publicationName.innerText = publication.sortName;
|
|
info.appendChild(publicationName);
|
|
option.appendChild(info);
|
|
return option;
|
|
}
|
|
|
|
const selectRecurrence = document.querySelector("#selectReccurrence");
|
|
function CreateNewMangaDownloadTask(taskType, connectorName, publicationId){
|
|
CreateTask(taskType, selectRecurrence.value, connectorName, publicationId, "en");
|
|
selectPublication.innerHTML = "";
|
|
}
|
|
|
|
const settingsTab = document.querySelector("#settingstab");
|
|
const settingsCog = document.querySelector("#settingscog");
|
|
var slideIn = true;
|
|
function slide(){
|
|
if(slideIn)
|
|
settingsTab.animate(slideInRight, slideInRightTiming);
|
|
else
|
|
settingsTab.animate(slideInRight, slideOutRightTiming);
|
|
slideIn = !slideIn;
|
|
}
|
|
|
|
settingsCog.addEventListener("click", () => slide());
|
|
|
|
const addTask = document.querySelector("addPublication");
|
|
|
|
setInterval(() => {
|
|
GetTasks().then(json => {
|
|
//TODO
|
|
});
|
|
}, 1000); |