glax/Tranga-Website
1
0
Fork 0
Code Issues Pull Requests Releases Activity

update task select window #1

Browse Source
This commit is contained in:
glax 2023-05-23 15:15:29 +02:00
parent dd651adc15
commit f53dfb0822
3 changed files with 68 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
Website/index.html
View File

@ -46,7 +46,13 @@
</window-titlebar>
<window-content>
<label for="taskTypes">TaskType</label><select id="taskTypes"></select>
<label for="connectors">Connector</label><select id="connectors"></select>
<label for="selectReccurrence">Recurrence</label><input id="selectReccurrence" type="time" value="01:00" step="3600">
<label for="connectors">Connector</label>
<select id="connectors">
<option value=""></option>
</select>
<label for="searchPublicationQuery">Search:</label><input id="searchPublicationQuery" type="text">
<div id="taskSelectOutput"></div>
</window-content>
</addtask-window>
</addtask-popup>

58
Website/interaction.js
View File

@ -35,16 +35,60 @@ const connectorSelect = document.querySelector("#connectors");
let availableConnectors;
GetAvailableControllers()
.then(json => availableConnectors = json)
.then(json => console.log(json));
/*.then(json =>
//.then(json => console.log(json))
.then(json =>
json.forEach(connector => {
var option = document.createElement('option');
option.value = connector.name;
option.innerText = connector.name;
taskTypesSelect.appendChild(option);
}));*/
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");

10
Website/style.css
View File

@ -270,4 +270,14 @@ window-content {
width: 100%;
top: 60px;
left: 0;
display: flex;
flex-direction: column;
}
#taskSelectOutput{
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: start;
align-content: start;
}