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

Change compression option to integer range

Browse Source
This commit is contained in:
glax 2024-10-27 03:54:24 +01:00
parent 363d4d7518
commit 7eca06332a
2 changed files with 9 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
Website/modules/Settings.tsx
View File

@ -120,17 +120,17 @@ export default function Settings({backendConnected, apiUri, settings, changeSett
})
}
const SetCompressImages : ChangeEventHandler<HTMLInputElement> = (e) => {
console.info(`Updating ImageCompression ${e.target.checked}`);
postData(`${apiUri}/v2/Settings/CompressImages`, {value: e.target.checked})
const SetCompressImages : MouseEventHandler<HTMLInputElement> = (e) => {
//console.info(`Updating ImageCompression ${e.currentTarget.value}`);
postData(`${apiUri}/v2/Settings/CompressImages`, {value: e.currentTarget.value})
.then((json) => {
//console.info(`Successfully updated ImageCompression ${e.target.checked}`);
//console.info(`Successfully updated ImageCompression ${e.currentTarget.value}`);
UpdateBackendSettings();
})
}
const SetBWImages : ChangeEventHandler<HTMLInputElement> = (e) => {
console.info(`Updating B/W Images ${e.target.checked}`);
//console.info(`Updating B/W Images ${e.target.checked}`);
postData(`${apiUri}/v2/Settings/BWImages`, {value: e.target.checked})
.then((json) => {
//console.info(`Successfully updated B/W Images ${e.target.checked}`);
@ -170,17 +170,15 @@ export default function Settings({backendConnected, apiUri, settings, changeSett
<Toggle id="aprilFoolsMode"
checked={backendSettings?.aprilFoolsMode ?? false}
onChange={SetAprilFoolsMode}/>
<label htmlFor="compressImages">Image Compression</label>
<Toggle id="compressImages"
checked={backendSettings?.compressImages ?? false}
onChange={SetCompressImages}/>
<label htmlFor="compression">Image Compression</label>
<input type="range" min="1" max="100" defaultValue={backendSettings?.compression ?? 50} className="slider" id="compression" onMouseUp={SetCompressImages}/>
<label htmlFor="bwImages">B/W Images</label>
<Toggle id="bwImages"
checked={backendSettings?.bwImages ?? false}
onChange={SetBWImages}/>
</div>
<div className="section-item">
<span className="settings-section-title">Rate Limits</span>
<span className="settings-section-title">Rate Limits</span>
<label htmlFor="DefaultRL">Default:</label>
<input id="defaultRL" type="text" placeholder={backendSettings != undefined ? backendSettings.requestLimits.Default.toString() : "-1"} />
<label htmlFor="CoverRL">Manga Covers:</label>

2
Website/modules/interfaces/IBackendSettings.tsx
View File

@ -7,7 +7,7 @@ export default interface IBackendSettings {
"bufferNotifications": boolean;
"version": number;
"aprilFoolsMode": boolean;
"compressImages": boolean;
"compression": number;
"bwImages": boolean;
"requestLimits": {
"MangaInfo": number;