2023-05-22 22:25:50 +02:00
|
|
|
|
<!DOCTYPE html>
|
|
|
|
|
|
<html lang="en">
|
|
|
|
|
|
<head>
|
|
|
|
|
|
<meta charset="UTF-8">
|
|
|
|
|
|
<title>Tranga</title>
|
|
|
|
|
|
<link rel="stylesheet" href="style.css">
|
2023-05-31 17:52:47 +02:00
|
|
|
|
<link rel="icon" type="image/x-icon" href="favicon.ico">
|
2023-05-22 22:25:50 +02:00
|
|
|
|
</head>
|
|
|
|
|
|
<body>
|
2023-05-25 21:58:45 +02:00
|
|
|
|
<wrapper>
|
|
|
|
|
|
<topbar>
|
|
|
|
|
|
<titlebox>
|
2023-05-31 22:16:01 +02:00
|
|
|
|
<img alt="website image is Blahaj" src="media/blahaj.png">
|
2023-05-25 21:58:45 +02:00
|
|
|
|
<span>Tranga</span>
|
|
|
|
|
|
</titlebox>
|
|
|
|
|
|
<spacer></spacer>
|
|
|
|
|
|
<searchdiv>
|
2023-05-31 22:16:01 +02:00
|
|
|
|
<label for="searchbox"></label><input id="searchbox" placeholder="Filter" type="text">
|
2023-05-25 21:58:45 +02:00
|
|
|
|
</searchdiv>
|
|
|
|
|
|
<img id="settingscog" src="media/settings-cogwheel.svg" height="100%" alt="settingscog">
|
|
|
|
|
|
</topbar>
|
|
|
|
|
|
<viewport>
|
|
|
|
|
|
<content>
|
|
|
|
|
|
<div id="addPublication">
|
|
|
|
|
|
<p>+</p>
|
2023-05-25 15:34:10 +02:00
|
|
|
|
</div>
|
2023-05-25 21:58:45 +02:00
|
|
|
|
<publication>
|
2023-06-08 19:25:28 +02:00
|
|
|
|
<img alt="cover" src="media/cover.jpg">
|
2023-05-25 21:58:45 +02:00
|
|
|
|
<publication-information>
|
|
|
|
|
|
<connector-name class="pill">MangaDex</connector-name>
|
|
|
|
|
|
<publication-name>Tensei Pandemic</publication-name>
|
|
|
|
|
|
</publication-information>
|
|
|
|
|
|
</publication>
|
|
|
|
|
|
</content>
|
2023-06-08 19:25:28 +02:00
|
|
|
|
|
|
|
|
|
|
<popup id="selectPublicationPopup">
|
2023-05-25 21:58:45 +02:00
|
|
|
|
<blur-background id="blurBackgroundTaskPopup"></blur-background>
|
2023-06-08 19:25:28 +02:00
|
|
|
|
<popup-window>
|
|
|
|
|
|
<popup-title>Select Publication</popup-title>
|
|
|
|
|
|
<popup-content>
|
|
|
|
|
|
<div>
|
|
|
|
|
|
<label for="connectors">Connector</label>
|
|
|
|
|
|
<select id="connectors">
|
|
|
|
|
|
<option value=""></option>
|
|
|
|
|
|
</select>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div>
|
|
|
|
|
|
<label for="searchPublicationQuery">Search Title</label><input id="searchPublicationQuery" type="text"></addtask-setting>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<input type="submit" value="Search" style="font-weight: bolder" onclick="NewSearch();">
|
|
|
|
|
|
</popup-content>
|
|
|
|
|
|
<div id="taskSelectOutput"></div>
|
|
|
|
|
|
</popup-window>
|
|
|
|
|
|
</popup>
|
|
|
|
|
|
|
|
|
|
|
|
<popup id="createMonitorTaskPopup">
|
|
|
|
|
|
<blur-background id="blurBackgroundCreateMonitorTaskPopup"></blur-background>
|
|
|
|
|
|
<popup-window>
|
|
|
|
|
|
<popup-title>Create Task: Monitor Publication</popup-title>
|
|
|
|
|
|
<popup-content>
|
|
|
|
|
|
<div>
|
2023-06-09 22:15:29 +02:00
|
|
|
|
<span>Run every</span>
|
|
|
|
|
|
<label for="hours"></label><input id="hours" type="number" value="3" min="0" max="23"><span>hours</span>
|
|
|
|
|
|
<label for="minutes"></label><input id="minutes" type="number" value="0" min="0" max="59"><span>minutes</span>
|
2023-06-08 19:25:28 +02:00
|
|
|
|
<input type="submit" value="Create" onclick="AddMonitorTask()">
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</popup-content>
|
|
|
|
|
|
</popup-window>
|
2023-05-25 21:58:45 +02:00
|
|
|
|
</popup>
|
2023-06-08 19:25:28 +02:00
|
|
|
|
|
|
|
|
|
|
<popup id="createDownloadChaptersTask">
|
|
|
|
|
|
<blur-background id="blurBackgroundCreateDownloadChaptersTask"></blur-background>
|
|
|
|
|
|
<popup-window>
|
|
|
|
|
|
<popup-title>Create Task: Download Chapter(s)</popup-title>
|
|
|
|
|
|
<popup-content>
|
|
|
|
|
|
<div>
|
|
|
|
|
|
<label for="selectedChapters">Chapters:</label><input id="selectedChapters" placeholder="Select"><input type="submit" value="Select" onclick="DownloadChapterTaskClick()">
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div id="chapterOutput">
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</popup-content>
|
|
|
|
|
|
</popup-window>
|
|
|
|
|
|
</popup>
|
|
|
|
|
|
|
2023-05-25 21:58:45 +02:00
|
|
|
|
<popup id="publicationViewerPopup">
|
|
|
|
|
|
<blur-background id="blurBackgroundPublicationPopup"></blur-background>
|
|
|
|
|
|
<publication-viewer>
|
|
|
|
|
|
<img id="pubviewcover" src="media/cover.jpg" alt="cover">
|
|
|
|
|
|
<publication-information>
|
|
|
|
|
|
<publication-name id="publicationViewerName">Tensei Pandemic</publication-name>
|
2023-05-31 17:54:09 +02:00
|
|
|
|
<publication-tags id="publicationViewerTags"></publication-tags>
|
2023-05-25 21:58:45 +02:00
|
|
|
|
<publication-author id="publicationViewerAuthor">Imamura Hinata</publication-author>
|
|
|
|
|
|
<publication-description id="publicationViewerDescription">Imamura Hinata is a high school boy with a cute appearance.
|
|
|
|
|
|
Since his trauma with the first love, he wanted to be more manly than anybody else. But one day he woke up to something different…
|
|
|
|
|
|
The total opposite of his ideal male body!
|
|
|
|
|
|
Pandemic love comedy!
|
|
|
|
|
|
</publication-description>
|
2023-05-26 14:32:08 +02:00
|
|
|
|
<publication-interactions>
|
|
|
|
|
|
<publication-starttask>Start Task ▶️</publication-starttask>
|
|
|
|
|
|
<publication-delete>Delete Task ❌</publication-delete>
|
2023-06-08 19:25:28 +02:00
|
|
|
|
<publication-add id="createMonitorTaskButton">Monitor ➕</publication-add>
|
|
|
|
|
|
<publication-add id="createDownloadChapterTaskButton">Download Chapter ➕</publication-add>
|
2023-05-26 14:32:08 +02:00
|
|
|
|
</publication-interactions>
|
2023-05-25 21:58:45 +02:00
|
|
|
|
</publication-information>
|
|
|
|
|
|
</publication-viewer>
|
|
|
|
|
|
</popup>
|
2023-06-08 19:25:28 +02:00
|
|
|
|
|
2023-05-25 21:58:45 +02:00
|
|
|
|
<popup id="settingsPopup">
|
|
|
|
|
|
<blur-background id="blurBackgroundSettingsPopup"></blur-background>
|
2023-06-08 19:25:28 +02:00
|
|
|
|
<popup-window>
|
|
|
|
|
|
<popup-title>Settings</popup-title>
|
|
|
|
|
|
<popup-content>
|
|
|
|
|
|
<div>
|
|
|
|
|
|
<p class="title">Download Location:</p>
|
|
|
|
|
|
<span id="downloadLocation"></span>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div>
|
|
|
|
|
|
<p class="title">API-URI</p>
|
|
|
|
|
|
<label for="settingApiUri"></label><input placeholder="https://" type="text" id="settingApiUri">
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div>
|
|
|
|
|
|
<span class="title">Komga</span>
|
|
|
|
|
|
<div>Configured: <span id="komgaConfigured">✅❌</span></div>
|
|
|
|
|
|
<label for="komgaUrl"></label><input placeholder="URL" id="komgaUrl" type="text">
|
|
|
|
|
|
<label for="komgaUsername"></label><input placeholder="Username" id="komgaUsername" type="text">
|
|
|
|
|
|
<label for="komgaPassword"></label><input placeholder="Password" id="komgaPassword" type="password">
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div>
|
|
|
|
|
|
<span class="title">Kavita</span>
|
|
|
|
|
|
<div>Configured: <span id="kavitaConfigured">✅❌</span></div>
|
|
|
|
|
|
<label for="kavitaUrl"></label><input placeholder="URL" id="kavitaUrl" type="text">
|
|
|
|
|
|
<label for="kavitaUsername"></label><input placeholder="Username" id="kavitaUsername" type="text">
|
|
|
|
|
|
<label for="kavitaPassword"></label><input placeholder="Password" id="kavitaPassword" type="password">
|
|
|
|
|
|
</div>
|
2023-06-15 18:38:47 +02:00
|
|
|
|
<div>
|
|
|
|
|
|
<span class="title">Gotify</span>
|
|
|
|
|
|
<div>Configured: <span id="gotifyConfigured">✅❌</span></div>
|
|
|
|
|
|
<label for="gotifyUrl"></label><input placeholder="URL" id="gotifyUrl" type="text">
|
|
|
|
|
|
<label for="gotifyAppToken"></label><input placeholder="App-Token" id="gotifyAppToken" type="text">
|
|
|
|
|
|
</div>
|
2023-06-08 19:25:28 +02:00
|
|
|
|
<div>
|
|
|
|
|
|
<label for="libraryUpdateTime" style="margin-right: 5px;">Update Time</label><input id="libraryUpdateTime" type="time" value="00:01:00" step="10">
|
|
|
|
|
|
<input type="submit" value="Update" onclick="UpdateLibrarySettings()">
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</popup-content>
|
|
|
|
|
|
</popup-window>
|
2023-05-25 21:58:45 +02:00
|
|
|
|
</popup>
|
2023-06-09 23:46:10 +02:00
|
|
|
|
|
|
|
|
|
|
<popup id="downloadTasksPopup">
|
|
|
|
|
|
<blur-background id="blurBackgroundTasksQueuePopup"></blur-background>
|
|
|
|
|
|
<popup-window>
|
|
|
|
|
|
<popup-title>Task Progress</popup-title>
|
|
|
|
|
|
<popup-content>
|
|
|
|
|
|
|
|
|
|
|
|
</popup-content>
|
|
|
|
|
|
</popup-window>
|
|
|
|
|
|
</popup>
|
2023-05-25 21:58:45 +02:00
|
|
|
|
</viewport>
|
|
|
|
|
|
<footer>
|
2023-06-09 23:46:10 +02:00
|
|
|
|
<div onclick="ShowTasksQueue();">
|
2023-05-25 21:58:45 +02:00
|
|
|
|
<img src="media/running.svg" alt="running"><div id="tasksRunningTag">0</div>
|
|
|
|
|
|
</div>
|
2023-06-09 23:46:10 +02:00
|
|
|
|
<div onclick="ShowTasksQueue();">
|
2023-05-25 21:58:45 +02:00
|
|
|
|
<img src="media/queue.svg" alt="queue"><div id="tasksQueuedTag">0</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<p id="madeWith">Made with Blåhaj 🦈</p>
|
|
|
|
|
|
</footer>
|
|
|
|
|
|
</wrapper>
|
|
|
|
|
|
|
2023-05-23 12:51:21 +02:00
|
|
|
|
<script src="apiConnector.js"></script>
|
2023-05-22 23:52:35 +02:00
|
|
|
|
<script src="interaction.js"></script>
|
2023-05-22 22:25:50 +02:00
|
|
|
|
</body>
|
|
|
|
|
|
</html>
|
