Tranga-Website/Website/index.html

128 lines
5.7 KiB
HTML
Raw Normal View History

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>
</div>
2023-08-31 23:45:13 +02:00
<publication onclick="ShowNewMangaSearch()">
<img alt="cover" src="media/cover.jpg">
2023-05-25 21:58:45 +02:00
<publication-information>
2023-09-02 13:48:23 +02:00
<connector-name class="pill">Sample</connector-name>
<publication-name>Best Manga there is</publication-name>
2023-05-25 21:58:45 +02:00
</publication-information>
</publication>
</content>
2023-08-31 23:45:13 +02:00
<popup id="newMangaPopup">
<blur-background id="blurBackgroundNewMangaPopup" onclick="newMangaPopup.style.display = 'none';"></blur-background>
<div id="newMangaPopupSelector">
<select id="newMangaConnector" />
<input type="text" placeholder="Title" id="newMangaTitle" />
</div>
<div id="newMangaResult"></div>
</popup>
2023-05-25 21:58:45 +02:00
<popup id="settingsPopup">
2023-08-31 16:45:33 +02:00
<blur-background id="blurBackgroundSettingsPopup" onclick="
settingsPopup.style.display = 'none';"></blur-background>
<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>
<div>
<span class="title">LunaSea</span>
<div>Configured: <span id="lunaseaConfigured">✅❌</span></div>
<label for="lunaseaWebhook"></label><input placeholder="device/:id or user/:id" id="lunaseaWebhook" type="text">
</div>
<div>
2023-08-31 16:45:33 +02:00
<input type="submit" value="Update" onclick="UpdateSettings()">
</div>
</popup-content>
</popup-window>
2023-05-25 21:58:45 +02:00
</popup>
2023-08-31 16:45:33 +02:00
<popup id="publicationViewerPopup">
<blur-background id="blurBackgroundPublicationPopup" onclick="publicationViewerPopup.style.display= 'none';"></blur-background>
2023-08-31 16:45:33 +02:00
<publication-viewer>
<img id="pubviewcover" src="media/cover.jpg" alt="cover">
<publication-information>
<publication-name id="publicationViewerName">Best Manga there is</publication-name>
<publication-tags id="publicationViewerTags">A Manga</publication-tags>
<publication-author id="publicationViewerAuthor">Glax</publication-author>
<publication-description id="publicationViewerDescription">
An interesting description. The description is very intriguing, yet wholesome.
2023-08-31 16:45:33 +02:00
</publication-description>
<publication-interactions>
<publication-starttask id="startJobButton">Start Job ▶️</publication-starttask>
2023-09-02 15:05:45 +02:00
<publication-canceltask id="cancelJobButton">Cancel Job ❌</publication-canceltask>
<publication-delete id="deleteJobButton">Delete Job 🗑️</publication-delete>
<publication-add id="createMonitorJobButton">Monitor </publication-add>
2023-09-02 15:05:45 +02:00
<publication-add id="createDownloadChapterJobButton">Download Chapter 📥</publication-add>
2023-08-31 16:45:33 +02:00
</publication-interactions>
</publication-information>
</publication-viewer>
</popup>
2023-05-25 21:58:45 +02:00
</viewport>
2023-08-31 16:45:33 +02:00
2023-05-25 21:58:45 +02:00
<footer>
<div onclick="ShowJobQueue();">
<img src="media/running.svg" alt="running"><div id="jobsRunningTag">0</div>
2023-05-25 21:58:45 +02:00
</div>
<div onclick="ShowJobQueue();">
<img src="media/queue.svg" alt="queue"><div id="jobsQueuedTag">0</div>
2023-05-25 21:58:45 +02:00
</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>