glax/Tranga-Website
1
0
Fork 0
Code Issues Pull Requests Releases Activity
c7e49fb6bc
Tranga-Website/Website/index.html

272 lines
14 KiB
HTML
Raw Normal View History

#1 First commit It do be uglyyyyy
2023-05-22 22:25:50 +02:00
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Tranga</title>
Reimplemented Library and Notification connectors Added Test and Rest API calls, API side will need to be updated. Separated out CSS files for future expansion.
2024-02-04 21:47:13 +01:00
<link id='basestyle' rel="stylesheet" href="styles/base.css">
<link id='librarystyle' rel="stylesheet" href="styles/style_default.css">
favicon
2023-05-31 17:52:47 +02:00
<link rel="icon" type="image/x-icon" href="favicon.ico">
#1 First commit It do be uglyyyyy
2023-05-22 22:25:50 +02:00
</head>
<body>
resolves #26
2023-05-25 21:58:45 +02:00
<wrapper>
Filter functionality Removed textbox in top bar and added filter icon that opens up a box where you can search or select a connector/status and combination to filter by. Appearance and behavior needs to be refined.
2024-02-07 04:23:19 +01:00
resolves #26
2023-05-25 21:58:45 +02:00
<topbar>
<titlebox>
alt and label
2023-05-31 22:16:01 +02:00
<img alt="website image is Blahaj" src="media/blahaj.png">
resolves #26
2023-05-25 21:58:45 +02:00
<span>Tranga</span>
</titlebox>
<spacer></spacer>
Filter functionality Removed textbox in top bar and added filter icon that opens up a box where you can search or select a connector/status and combination to filter by. Appearance and behavior needs to be refined.
2024-02-07 04:23:19 +01:00
<img id="filterFunnel" src="media/filter-funnel.svg" height="50%" alt="filterFunnel">
resolves #26
2023-05-25 21:58:45 +02:00
<img id="settingscog" src="media/settings-cogwheel.svg" height="100%" alt="settingscog">
</topbar>
Filter functionality Removed textbox in top bar and added filter icon that opens up a box where you can search or select a connector/status and combination to filter by. Appearance and behavior needs to be refined.
2024-02-07 04:23:19 +01:00
<filter-box id="filterBox">
<border-bar>
<popup-title>Filter by: </popup-title>
<popup-close onclick="filterBox.classList.toggle('animate')" >&times</popup-close>
</border-bar>
Added manga sources to settings Added the manga sources to the settings page and added a field to set the rate limit, POST api for setting the rate limit awaiting GET api calls to set initial value.
2024-02-09 05:31:31 +01:00
<popup-content id="filterContent">
Filter functionality Removed textbox in top bar and added filter icon that opens up a box where you can search or select a connector/status and combination to filter by. Appearance and behavior needs to be refined.
2024-02-07 04:23:19 +01:00
<div class="popup-section">
NAME:
<div class="section-content">
<label for="searchbox"></label><input id="searchbox" placeholder="Title" type="text">
</div>
</div>
<div class = "popup-section">
CONNECTOR:
<div class="section-content" id="connectorFilterBox">
</div>
</div>
<div class = "popup-section">
STATUS:
<div class="section-content" id="statusFilterBox">
</div>
</div>
</popup-content>
<border-bar-button onclick="ClearFilter()" class="clearFilter">Clear Filter</border-bar-button>
</filter-box>
resolves #26
2023-05-25 21:58:45 +02:00
<viewport>
Added loader-circle
2023-09-08 16:32:09 +02:00
<div id="loaderdiv">
<blur-background></blur-background>
<div id="loader"></div>
<p id="loaderText">Check your Settings > API-URI</p>
</div>
resolves #26
2023-05-25 21:58:45 +02:00
<content>
<div id="addPublication">
<p>+</p>
Removed Sidebar Moved settings tab to popup Added footer
2023-05-25 15:34:10 +02:00
</div>
First steps to add new MonitorJobs
2023-08-31 23:45:13 +02:00
<publication onclick="ShowNewMangaSearch()">
Website: New task-Creation dialog Redesigned Settings dialog
2023-06-08 19:25:28 +02:00
<img alt="cover" src="media/cover.jpg">
resolves #26
2023-05-25 21:58:45 +02:00
<publication-information>
Sample Manga
2023-09-02 13:48:23 +02:00
<connector-name class="pill">Sample</connector-name>
<publication-name>Best Manga there is</publication-name>
resolves #26
2023-05-25 21:58:45 +02:00
</publication-information>
</publication>
</content>
Website: New task-Creation dialog Redesigned Settings dialog
2023-06-08 19:25:28 +02:00
First steps to add new MonitorJobs
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" />
c9glax/tranga#50 Added ability to select translated language
2023-09-13 14:30:13 +02:00
<select id="newMangaTranslatedLanguage">
<option selected="selected">en</option>
<option>it</option>
<option>de</option>
</select>
First steps to add new MonitorJobs
2023-08-31 23:45:13 +02:00
</div>
<div id="newMangaResult"></div>
</popup>
resolves #26
2023-05-25 21:58:45 +02:00
<popup id="settingsPopup">
Filter functionality Removed textbox in top bar and added filter icon that opens up a box where you can search or select a connector/status and combination to filter by. Appearance and behavior needs to be refined.
2024-02-07 04:23:19 +01:00
<blur-background id="blurBackgroundSettingsPopup" onclick="settingsPopup.style.display = 'none';"></blur-background>
Website: New task-Creation dialog Redesigned Settings dialog
2023-06-08 19:25:28 +02:00
<popup-window>
Reimplemented Library and Notification connectors Added Test and Rest API calls, API side will need to be updated. Separated out CSS files for future expansion.
2024-02-04 21:47:13 +01:00
<border-bar>
Initial commit Resized settings pop-up and fixed scrollable behavior, broke everything inside pop-up (on purpose)
2024-02-03 06:41:12 +01:00
<popup-title>Settings</popup-title>
<popup-close onclick="settingsPopup.style.display = 'none'">&times</popup-close>
Reimplemented Library and Notification connectors Added Test and Rest API calls, API side will need to be updated. Separated out CSS files for future expansion.
2024-02-04 21:47:13 +01:00
</border-bar>
Website: New task-Creation dialog Redesigned Settings dialog
2023-06-08 19:25:28 +02:00
<popup-content>
Reimplemented Library and Notification connectors Added Test and Rest API calls, API side will need to be updated. Separated out CSS files for future expansion.
2024-02-04 21:47:13 +01:00
<div class="popup-section">
TRANGA
Added in remaining Tranga settings functionality Changed CSS style to be stored in local storage since we might want it to be browser specific (mobile vs desktop vs tablet)
2024-02-09 17:17:33 +01:00
<div class="section-content">
<div class="section-item dyn-height">
<span class="title">API Settings</span>
<row><label for="settingApiUri">API URI:</label><input placeholder="https://" type="text" id="settingApiUri"></row>
<row><label for="userAgent">User Agent:</label><input placeholder="UserAgent" id="userAgent" type="text"></row>
<row>
<border-bar-button class="section" onclick="RefreshLibraryMetadata()">Refresh Library Metadata</border-bar-button>
<border-bar-button class="section" onclick="DownloadLogs()">Download Logs</border-bar-button>
</row>
</div>
<div class="section-item dyn-height">
<span class="title">Appearance</span>
<row><label for="cssStyle">Library Style:</label><select id="cssStyle">
<option id="card_compact" value="card_compact">Cards (Compact)</option>
<option id="card_hover" value="card_hover">Cards (Hover)</option>
</select></row>
</div>
</div>
Website: New task-Creation dialog Redesigned Settings dialog
2023-06-08 19:25:28 +02:00
</div>
Reimplemented Library and Notification connectors Added Test and Rest API calls, API side will need to be updated. Separated out CSS files for future expansion.
2024-02-04 21:47:13 +01:00
<div class="popup-section">
MANGA SOURCES
Added manga sources to settings Added the manga sources to the settings page and added a field to set the rate limit, POST api for setting the rate limit awaiting GET api calls to set initial value.
2024-02-09 05:31:31 +01:00
<div class="section-content">
Added in remaining Tranga settings functionality Changed CSS style to be stored in local storage since we might want it to be browser specific (mobile vs desktop vs tablet)
2024-02-09 17:17:33 +01:00
<div class="section-item dyn-height">
Added manga sources to settings Added the manga sources to the settings page and added a field to set the rate limit, POST api for setting the rate limit awaiting GET api calls to set initial value.
2024-02-09 05:31:31 +01:00
<span class="title"><img src="connector-icons/manganato.png"><a href="https://manganato.com">MangaNato</a></span>
<row><label for="manganatoRL">Rate Limit: </label><input placeholder="60 Requests/Minute" id="manganatoRL" type="text"></row>
</div>
Added in remaining Tranga settings functionality Changed CSS style to be stored in local storage since we might want it to be browser specific (mobile vs desktop vs tablet)
2024-02-09 17:17:33 +01:00
<div class="section-item dyn-height">
Added manga sources to settings Added the manga sources to the settings page and added a field to set the rate limit, POST api for setting the rate limit awaiting GET api calls to set initial value.
2024-02-09 05:31:31 +01:00
<span class="title"><img src="connector-icons/mangasee.png"><a href="https://mangasee123.com">MangaSee</a></span>
<row><label for="mangaseeRL">Rate Limit: </label><input placeholder="60 Requests/Minute" id="mangaseeRL" type="text"></row>
</div>
Added in remaining Tranga settings functionality Changed CSS style to be stored in local storage since we might want it to be browser specific (mobile vs desktop vs tablet)
2024-02-09 17:17:33 +01:00
<div class="section-item dyn-height">
Added manga sources to settings Added the manga sources to the settings page and added a field to set the rate limit, POST api for setting the rate limit awaiting GET api calls to set initial value.
2024-02-09 05:31:31 +01:00
<span class="title"><img src="connector-icons/mangadex-logo.svg"><a href="https://mangadex.org">MangaDex</a></span>
<row><label for="mDexRL">Rate Limit: </label><input placeholder="60 Requests/Minute" id="mDexRL" type="text"></row>
</div>
Added in remaining Tranga settings functionality Changed CSS style to be stored in local storage since we might want it to be browser specific (mobile vs desktop vs tablet)
2024-02-09 17:17:33 +01:00
<div class="section-item dyn-height">
Added manga sources to settings Added the manga sources to the settings page and added a field to set the rate limit, POST api for setting the rate limit awaiting GET api calls to set initial value.
2024-02-09 05:31:31 +01:00
<span class="title"><img src="connector-icons/mangakatana.png"><a href="https://mangakatana.com">MangaKatana</a></span>
<row><label for="mKatanaRL">Rate Limit: </label><input placeholder="60 Requests/Minute" id="mKatanaRL" type="text"></row>
</div>
Added in remaining Tranga settings functionality Changed CSS style to be stored in local storage since we might want it to be browser specific (mobile vs desktop vs tablet)
2024-02-09 17:17:33 +01:00
<div class="section-item dyn-height">
Added manga sources to settings Added the manga sources to the settings page and added a field to set the rate limit, POST api for setting the rate limit awaiting GET api calls to set initial value.
2024-02-09 05:31:31 +01:00
<span class="title"><img src="connector-icons/mangaworld.png"><a href="https://www.mangaworld.ac">MangaWorld</a></span>
<row><label for="mWorldRL">Rate Limit: </label><input placeholder="60 Requests/Minute" id="mWorldRL" type="text"></row>
</div>
Added in remaining Tranga settings functionality Changed CSS style to be stored in local storage since we might want it to be browser specific (mobile vs desktop vs tablet)
2024-02-09 17:17:33 +01:00
<div class="section-item dyn-height">
Added manga sources to settings Added the manga sources to the settings page and added a field to set the rate limit, POST api for setting the rate limit awaiting GET api calls to set initial value.
2024-02-09 05:31:31 +01:00
<span class="title"><img src="connector-icons/bato.ico"><a href="https://bato.to">Bato</a></span>
<row><label for="batoRL">Rate Limit: </label><input placeholder="60 Requests/Minute" id="batoRL" type="text"></row>
</div>
Added in remaining Tranga settings functionality Changed CSS style to be stored in local storage since we might want it to be browser specific (mobile vs desktop vs tablet)
2024-02-09 17:17:33 +01:00
<div class="section-item dyn-height">
Added manga sources to settings Added the manga sources to the settings page and added a field to set the rate limit, POST api for setting the rate limit awaiting GET api calls to set initial value.
2024-02-09 05:31:31 +01:00
<span class="title"><img src="connector-icons/mangalife.png"><a href="https://www.manga4life.com">MangaLife</a></span>
<row><label for="mLifeRL">Rate Limit: </label><input placeholder="60 Requests/Minute" id="mLifeRL" type="text"></row>
</div>
</div>
Website: New task-Creation dialog Redesigned Settings dialog
2023-06-08 19:25:28 +02:00
</div>
Reimplemented Library and Notification connectors Added Test and Rest API calls, API side will need to be updated. Separated out CSS files for future expansion.
2024-02-04 21:47:13 +01:00
<div class="popup-section">
LIBRARY CONNECTORS
<div class="section-content">
<div class="section-item">
<span class="title"><img src='connector-icons/komga.svg'>Komga<connector-configured id="komgaConfigured"></connector-configured></span>
<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 class="section-buttons-container">
<span onclick="TestKomga(komgaUrl.value, utf8_to_b64(`${komgaUsername.value}:${komgaPassword.value}`))" class='section-button' id="test-connector">Test</span>
<span onclick="ClearKomga()" class='section-button' id="reset">Reset</span>
<span onclick="UpdateKomga(komgaUrl.value, utf8_to_b64(`${komgaUsername.value}:${komgaPassword.value}`))" class='section-button'>Apply</span>
</div>
</div>
<div class="section-item">
<span class="title"><img src='connector-icons/kavita.png'>Kavita<connector-configured id="kavitaConfigured"></connector-configured></span>
<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 class="section-buttons-container">
<span onclick="TestKavita(kavitaUrl.value, kavitaUsername.value, kavitaPassword.value)" class='section-button' id="test-connector">Test</span>
<span onclick="ClearKavita()" class='section-button' id="reset">Reset</span>
<span onclick="UpdateKavita(kavitaUrl.value, kavitaUsername.value, kavitaPassword.value)" class='section-button'>Apply</span>
</div>
</div>
</div>
Website: New task-Creation dialog Redesigned Settings dialog
2023-06-08 19:25:28 +02:00
</div>
Reimplemented Library and Notification connectors Added Test and Rest API calls, API side will need to be updated. Separated out CSS files for future expansion.
2024-02-04 21:47:13 +01:00
<div class="popup-section">
NOTIFICATION CONNECTORS
<div class="section-content">
<div class="section-item">
<span class="title"><img src='connector-icons/gotify-logo.png'>Gotify<connector-configured id="gotifyConfigured"></connector-configured></span>
<label for="gotifyUrl"></label><input placeholder="URL" id="gotifyUrl" type="text">
<label for="gotifyAppToken"></label><input placeholder="App-Token" id="gotifyAppToken" type="text">
<div class="section-buttons-container">
<span onclick="TestGotify(gotifyUrl.value, gotifyAppToken.value)" class='section-button' id="test-connector">Test</span>
<span onclick="ClearGotify()" class='section-button' id="reset">Reset</span>
<span onclick="UpdateGotify(gotifyUrl.value, gotifyAppToken.value)" class='section-button'>Apply</span>
</div>
</div>
<div class="section-item">
<span class="title"><img src='connector-icons/lunasea.png'>LunaSea<connector-configured id="lunaseaConfigured"></connector-configured></span>
<label for="lunaseaWebhook"></label><input placeholder="device/:id or user/:id" id="lunaseaWebhook" type="text">
<div class="section-buttons-container">
<span onclick="TestLunaSea(lunaseaWebhook.value);" class='section-button' id="test-connector">Test</span>
<span onclick="ClearLunasea()" class='section-button' id="reset">Reset</span>
<span onclick="UpdateLunaSea(lunaseaWebhook.value);" class='section-button'>Apply</span>
</div>
</div>
<div class="section-item">
<span class="title"><img src='connector-icons/ntfy.svg'>Ntfy<connector-configured id="ntfyConfigured"></connector-configured></span>
<label for="ntfyEndpoint"></label><input placeholder="URL" id="ntfyEndpoint" type="text">
<label for="ntfyAuth"></label><input placeholder="Auth" id="ntfyAuth" type="text">
<div class="section-buttons-container">
<span onclick="TestNtfy(ntfyEndpoint.value, ntfyAuth.value);" class='section-button' id="test-connector">Test</span>
<span onclick="ClearNtfy()" class='section-button' id="reset">Reset</span>
<span onclick="UpdateNtfy(ntfyEndpoint.value, ntfyAuth.value);" class='section-button'>Apply</span>
</div>
</div>
</div>
Added in remaining Tranga settings functionality Changed CSS style to be stored in local storage since we might want it to be browser specific (mobile vs desktop vs tablet)
2024-02-09 17:17:33 +01:00
</div>
Website: New task-Creation dialog Redesigned Settings dialog
2023-06-08 19:25:28 +02:00
</popup-content>
Added in remaining Tranga settings functionality Changed CSS style to be stored in local storage since we might want it to be browser specific (mobile vs desktop vs tablet)
2024-02-09 17:17:33 +01:00
Reimplemented Library and Notification connectors Added Test and Rest API calls, API side will need to be updated. Separated out CSS files for future expansion.
2024-02-04 21:47:13 +01:00
<border-bar>
<div class="button-container">
<border-bar-button onclick="RefreshLibraryMetadata()">Refresh Library Metadata</border-bar-button>
<border-bar-button class="primary" onclick="UpdateSettings()">Apply Settings</border-bar-button>
</div>
</border-bar>
Website: New task-Creation dialog Redesigned Settings dialog
2023-06-08 19:25:28 +02:00
</popup-window>
resolves #26
2023-05-25 21:58:45 +02:00
</popup>
working settings Popup
2023-08-31 16:45:33 +02:00
<popup id="publicationViewerPopup">
Added onclick to hide PublicationViewer
2023-09-01 23:42:52 +02:00
<blur-background id="blurBackgroundPublicationPopup" onclick="publicationViewerPopup.style.display= 'none';"></blur-background>
working settings Popup
2023-08-31 16:45:33 +02:00
<publication-viewer>
<img id="pubviewcover" src="media/cover.jpg" alt="cover">
Fixed publication-details pop-up Renamed the pop-up for the publication details and then added CSS so it shows up on both style sheets.
2023-10-26 15:24:50 +02:00
<publication-details>
Changed SampleManga in preview and Task -> Job
2023-09-02 14:13:58 +02:00
<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.
working settings Popup
2023-08-31 16:45:33 +02:00
</publication-description>
<publication-interactions>
Changed SampleManga in preview and Task -> Job
2023-09-02 14:13:58 +02:00
<publication-starttask id="startJobButton">Start Job ▶️</publication-starttask>
Added CancelJob
2023-09-02 15:05:45 +02:00
<publication-canceltask id="cancelJobButton">Cancel Job ❌</publication-canceltask>
<publication-delete id="deleteJobButton">Delete Job 🗑️</publication-delete>
Changed SampleManga in preview and Task -> Job
2023-09-02 14:13:58 +02:00
<publication-add id="createMonitorJobButton">Monitor ➕</publication-add>
Added CancelJob
2023-09-02 15:05:45 +02:00
<publication-add id="createDownloadChapterJobButton">Download Chapter 📥</publication-add>
working settings Popup
2023-08-31 16:45:33 +02:00
</publication-interactions>
Fixed publication-details pop-up Renamed the pop-up for the publication details and then added CSS so it shows up on both style sheets.
2023-10-26 15:24:50 +02:00
</publication-details>
working settings Popup
2023-08-31 16:45:33 +02:00
</publication-viewer>
Replaced Task-Progress-Tracking Window with more fancy one
2023-06-09 23:46:10 +02:00
</popup>
Added JobStatusView Individual Jobs can now be cancelled
2023-09-08 19:59:12 +02:00
<popup id="jobStatusView">
<blur-background id="blurBackgroundJobStatus" onclick="jobStatusView.style.display= 'none';"></blur-background>
<popup-window>
<div>
<div id="jobStatusRunning" style="border-right: 1px solid gray;"></div>
</div>
<div>
<div id="jobStatusWaiting" style="border-left: 1px solid gray;"></div>
</div>
</popup-window>
</popup>
resolves #26
2023-05-25 21:58:45 +02:00
</viewport>
working settings Popup
2023-08-31 16:45:33 +02:00
resolves #26
2023-05-25 21:58:45 +02:00
<footer>
Added updated to running and waiting jobs
2023-09-02 16:16:29 +02:00
<div onclick="ShowJobQueue();">
<img src="media/running.svg" alt="running"><div id="jobsRunningTag">0</div>
resolves #26
2023-05-25 21:58:45 +02:00
</div>
Added updated to running and waiting jobs
2023-09-02 16:16:29 +02:00
<div onclick="ShowJobQueue();">
<img src="media/queue.svg" alt="queue"><div id="jobsQueuedTag">0</div>
resolves #26
2023-05-25 21:58:45 +02:00
</div>
<p id="madeWith">Made with Blåhaj 🦈</p>
</footer>
</wrapper>
CORS Error
2023-05-23 12:51:21 +02:00
<script src="apiConnector.js"></script>
#1 Basic layout and colors
2023-05-22 23:52:35 +02:00
<script src="interaction.js"></script>
#1 First commit It do be uglyyyyy
2023-05-22 22:25:50 +02:00
</body>
</html>
Copy Permalink