438 lines
36 KiB
HTML
438 lines
36 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Printer Media Sizes</title>
|
|
<link rel="icon" type="image/x-icon" href="/static/images/favicon.ico">
|
|
<link rel="stylesheet" href="/static/css/styles.css">
|
|
<link rel="stylesheet" href="/static/fontawesome/css/all.min.css">
|
|
<script src="/static/js/jquery-3.7.1.js"></script>
|
|
<script src="/static/js/printers.js"></script>
|
|
<style>
|
|
|
|
.header-img {
|
|
margin-top: 30px; /* Adjust the margin as needed */
|
|
margin-bottom: 30px;
|
|
width: auto;
|
|
height: 100px; /* Adjust the height as needed */
|
|
}
|
|
h1 {
|
|
margin-bottom: 40px;
|
|
font-size: 2.0em;
|
|
}
|
|
.center-content {
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
}
|
|
|
|
label, select, #media-sizes, button {
|
|
margin: 5px 0;
|
|
text-align: center;
|
|
font-size: larger;
|
|
font-weight: 200;
|
|
}
|
|
|
|
select {
|
|
padding: 3px;
|
|
font-size: 1.1em;
|
|
width: 200px;
|
|
text-align: left;
|
|
}
|
|
|
|
#media-sizes ul {
|
|
list-style-type: none;
|
|
padding: 0;
|
|
}
|
|
|
|
#media-sizes li {
|
|
display: flex;
|
|
align-items: center;
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
#media-sizes input[type="checkbox"] {
|
|
transform: scale(1.5);
|
|
margin-right: 12px;
|
|
}
|
|
|
|
#media-sizes span {
|
|
font-size: 1.2em;
|
|
}
|
|
|
|
button, input {
|
|
background-color: blue;
|
|
color: white;
|
|
padding: 5px 10px;
|
|
border: none;
|
|
border-radius: 5px;
|
|
font-size: 1.2em;
|
|
cursor: pointer;
|
|
}
|
|
|
|
button:hover {
|
|
background-color: darkblue;
|
|
}
|
|
|
|
details {
|
|
width: 100%;
|
|
margin-bottom: 20px; /* Adds space between details sections */
|
|
}
|
|
|
|
.details-container {
|
|
width: 80%; /* Set container width to keep content centered */
|
|
margin: 0 auto;
|
|
}
|
|
summary {
|
|
font-size: 1.4em;
|
|
font-weight: bold;
|
|
cursor: pointer;
|
|
display: inline-block;
|
|
width: 250px; /* Set a fixed width for alignment */
|
|
text-align: left; /* Ensures left alignment of the text */
|
|
white-space: nowrap; /* Prevents wrapping */
|
|
}
|
|
summary::before {
|
|
content: "▼ "; /* Bullet symbol */
|
|
color: black; /* Bullet color */
|
|
margin-right: 8px; /* Space between bullet and text */
|
|
font-size: 1.4em; /* Matches summary font size */
|
|
}
|
|
.details-content {
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
text-align: center;
|
|
}
|
|
|
|
table th {
|
|
text-align: right; /* Right-aligns the labels in table header cells */
|
|
padding-right: 10px; /* Adds some space between label and input */
|
|
}
|
|
|
|
table td {
|
|
text-align: left; /* Left-aligns the select elements */
|
|
}
|
|
|
|
table td select {
|
|
width: auto;
|
|
padding: 5px;
|
|
font-size: 1.1em;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div id="navbar"></div>
|
|
<script>
|
|
fetch('/static/html/nav.html')
|
|
.then(response => response.text())
|
|
.then(data => {
|
|
document.getElementById('navbar').innerHTML = data;
|
|
});
|
|
</script>
|
|
|
|
<div class="content-wrapper">
|
|
<div class="content center-content">
|
|
<h1> Media and Color Settings</h1>
|
|
<div class="details-container">
|
|
<details>
|
|
<summary>Printer Media Sizes</summary>
|
|
<div class="details-content"> <!-- Container to center contents -->
|
|
<img src="/static/images/color_cards.png" alt="cards" class="header-img">
|
|
<label for="printers">Select Printer:</label>
|
|
<select id="printers">
|
|
<option value="">--Select a printer--</option>
|
|
</select>
|
|
<label for="printers">Available Sizes:</label>
|
|
<div id="media-sizes"></div>
|
|
</div>
|
|
<button id="save">Save Changes</button>
|
|
</details>
|
|
<form id="colorOptionsForm" action="/save_color_options" onsubmit="submitForm(event)">
|
|
<details>
|
|
<summary>Color Settings (General)</summary>
|
|
<TABLE WIDTH="100%">
|
|
</TR>
|
|
<TR>
|
|
<TH CLASS="label" WIDTH="50%"><A NAME="ColorModel">Color Model</A>:</TH>
|
|
<input type="checkbox" name="color-enabled" id="color-enabled" style="margin-right: 10px; transform: scale(1.5);">
|
|
<label for="color-enabled">Enabled</label>
|
|
<TD><SELECT NAME="ColorModel" ID="select-ColorModel" ONCHANGE="update_paramtable('ColorModel')">
|
|
<OPTION VALUE="Gray">Grayscale<OPTION VALUE="Black">Inverted Grayscale<OPTION VALUE="RGB">RGB Color<OPTION VALUE="CMY">CMY Color<OPTION VALUE="CMYK">CMYK<OPTION VALUE="KCMY">KCMY
|
|
</SELECT>
|
|
|
|
</TR>
|
|
<TR>
|
|
<TH CLASS="label" WIDTH="50%"><A NAME="StpColorPrecision">Color Precision</A>:</TH>
|
|
<TD><SELECT NAME="StpColorPrecision" ID="select-StpColorPrecision" ONCHANGE="update_paramtable('StpColorPrecision')">
|
|
<OPTION VALUE="Normal">Normal<OPTION VALUE="Best">Best
|
|
</SELECT>
|
|
|
|
</TR>
|
|
<TR>
|
|
<TH CLASS="label" WIDTH="50%"><A NAME="StpiShrinkOutput">Shrink Page If Necessary to Fit Borders</A>:</TH>
|
|
<TD><SELECT NAME="StpiShrinkOutput" ID="select-StpiShrinkOutput" ONCHANGE="update_paramtable('StpiShrinkOutput')">
|
|
<OPTION VALUE="Shrink">Shrink (print the whole page)<OPTION VALUE="Crop">Crop (preserve dimensions)<OPTION VALUE="Expand">Expand (use maximum page area)
|
|
</SELECT>
|
|
|
|
</TR>
|
|
</TABLE>
|
|
<button type="submit">Save Changes</button>
|
|
</details>
|
|
<details>
|
|
<summary>Color Settings (Common)</summary>
|
|
<TABLE WIDTH="100%">
|
|
<TR>
|
|
<TH CLASS="label" WIDTH="50%"><A NAME="StpColorCorrection">Color Correction</A>:</TH>
|
|
<TD><SELECT NAME="StpColorCorrection" ID="select-StpColorCorrection" ONCHANGE="update_paramtable('StpColorCorrection')">
|
|
<OPTION VALUE="None">Default<OPTION VALUE="Accurate">High Accuracy<OPTION VALUE="Bright">Bright Colors<OPTION VALUE="Hue">Correct Hue Only<OPTION VALUE="Uncorrected">Uncorrected<OPTION VALUE="Desaturated">Desaturated<OPTION VALUE="Threshold">Threshold<OPTION VALUE="Density">Density<OPTION VALUE="Raw">Raw<OPTION VALUE="Predithered">Pre-Dithered
|
|
</SELECT>
|
|
|
|
</TR>
|
|
<TR>
|
|
<TH CLASS="label" WIDTH="50%"><A NAME="StpBrightness">Brightness</A>:</TH>
|
|
<TD><SELECT NAME="StpBrightness" ID="select-StpBrightness" ONCHANGE="update_paramtable('StpBrightness')">
|
|
<OPTION VALUE="0">0.000<OPTION VALUE="100">0.100<OPTION VALUE="200">0.200<OPTION VALUE="300">0.300<OPTION VALUE="400">0.400<OPTION VALUE="500">0.500<OPTION VALUE="600">0.600<OPTION VALUE="700">0.700<OPTION VALUE="800">0.800<OPTION VALUE="900">0.900<OPTION VALUE="None">1.000<OPTION VALUE="1100">1.100<OPTION VALUE="1200">1.200<OPTION VALUE="1300">1.300<OPTION VALUE="1400">1.400<OPTION VALUE="1500">1.500<OPTION VALUE="1600">1.600<OPTION VALUE="1700">1.700<OPTION VALUE="1800">1.800<OPTION VALUE="1900">1.900<OPTION VALUE="2000">2.000
|
|
</SELECT>
|
|
|
|
</TD>
|
|
</TR>
|
|
<TR>
|
|
<TH CLASS="label" WIDTH="50%"><A NAME="StpFineBrightness">Brightness Fine Adjustment</A>:</TH>
|
|
<TD><SELECT NAME="StpFineBrightness" ID="select-StpFineBrightness" ONCHANGE="update_paramtable('StpFineBrightness')">
|
|
<OPTION VALUE="None">0.000<OPTION VALUE="0">0.000<OPTION VALUE="5">0.005<OPTION VALUE="10">0.010<OPTION VALUE="15">0.015<OPTION VALUE="20">0.020<OPTION VALUE="25">0.025<OPTION VALUE="30">0.030<OPTION VALUE="35">0.035<OPTION VALUE="40">0.040<OPTION VALUE="45">0.045<OPTION VALUE="50">0.050<OPTION VALUE="55">0.055<OPTION VALUE="60">0.060<OPTION VALUE="65">0.065<OPTION VALUE="70">0.070<OPTION VALUE="75">0.075<OPTION VALUE="80">0.080<OPTION VALUE="85">0.085<OPTION VALUE="90">0.090<OPTION VALUE="95">0.095
|
|
</SELECT>
|
|
|
|
</TR>
|
|
<TR>
|
|
<TH CLASS="label" WIDTH="50%"><A NAME="StpContrast">Contrast</A>:</TH>
|
|
<TD><SELECT NAME="StpContrast" ID="select-StpContrast" ONCHANGE="update_paramtable('StpContrast')">
|
|
<OPTION VALUE="0">0.000<OPTION VALUE="100">0.100<OPTION VALUE="200">0.200<OPTION VALUE="300">0.300<OPTION VALUE="400">0.400<OPTION VALUE="500">0.500<OPTION VALUE="600">0.600<OPTION VALUE="700">0.700<OPTION VALUE="800">0.800<OPTION VALUE="900">0.900<OPTION VALUE="None">1.000<OPTION VALUE="1100">1.100<OPTION VALUE="1200">1.200<OPTION VALUE="1300">1.300<OPTION VALUE="1400">1.400<OPTION VALUE="1500">1.500<OPTION VALUE="1600">1.600<OPTION VALUE="1700">1.700<OPTION VALUE="1800">1.800<OPTION VALUE="1900">1.900<OPTION VALUE="2000">2.000<OPTION VALUE="2100">2.100<OPTION VALUE="2200">2.200<OPTION VALUE="2300">2.300<OPTION VALUE="2400">2.400<OPTION VALUE="2500">2.500<OPTION VALUE="2600">2.600<OPTION VALUE="2700">2.700<OPTION VALUE="2800">2.800<OPTION VALUE="2900">2.900<OPTION VALUE="3000">3.000<OPTION VALUE="3100">3.100<OPTION VALUE="3200">3.200<OPTION VALUE="3300">3.300<OPTION VALUE="3400">3.400<OPTION VALUE="3500">3.500<OPTION VALUE="3600">3.600<OPTION VALUE="3700">3.700<OPTION VALUE="3800">3.800<OPTION VALUE="3900">3.900<OPTION VALUE="4000">4.000
|
|
</SELECT>
|
|
|
|
</TD>
|
|
</TR>
|
|
<TR>
|
|
<TH CLASS="label" WIDTH="50%"><A NAME="StpFineContrast">Contrast Fine Adjustment</A>:</TH>
|
|
<TD><SELECT NAME="StpFineContrast" ID="select-StpFineContrast" ONCHANGE="update_paramtable('StpFineContrast')">
|
|
<OPTION VALUE="None">0.000<OPTION VALUE="0">0.000<OPTION VALUE="5">0.005<OPTION VALUE="10">0.010<OPTION VALUE="15">0.015<OPTION VALUE="20">0.020<OPTION VALUE="25">0.025<OPTION VALUE="30">0.030<OPTION VALUE="35">0.035<OPTION VALUE="40">0.040<OPTION VALUE="45">0.045<OPTION VALUE="50">0.050<OPTION VALUE="55">0.055<OPTION VALUE="60">0.060<OPTION VALUE="65">0.065<OPTION VALUE="70">0.070<OPTION VALUE="75">0.075<OPTION VALUE="80">0.080<OPTION VALUE="85">0.085<OPTION VALUE="90">0.090<OPTION VALUE="95">0.095
|
|
</SELECT>
|
|
|
|
</TR>
|
|
<TR>
|
|
<TH CLASS="label" WIDTH="50%"><A NAME="StpSaturation">Saturation</A>:</TH>
|
|
<TD><SELECT NAME="StpSaturation" ID="select-StpSaturation" ONCHANGE="update_paramtable('StpSaturation')">
|
|
<OPTION VALUE="0">0.000<OPTION VALUE="100">0.100<OPTION VALUE="200">0.200<OPTION VALUE="300">0.300<OPTION VALUE="400">0.400<OPTION VALUE="500">0.500<OPTION VALUE="600">0.600<OPTION VALUE="700">0.700<OPTION VALUE="800">0.800<OPTION VALUE="900">0.900<OPTION VALUE="None">1.000<OPTION VALUE="1100">1.100<OPTION VALUE="1200">1.200<OPTION VALUE="1300">1.300<OPTION VALUE="1400">1.400<OPTION VALUE="1500">1.500<OPTION VALUE="1600">1.600<OPTION VALUE="1700">1.700<OPTION VALUE="1800">1.800<OPTION VALUE="1900">1.900<OPTION VALUE="2000">2.000<OPTION VALUE="2100">2.100<OPTION VALUE="2200">2.200<OPTION VALUE="2300">2.300<OPTION VALUE="2400">2.400<OPTION VALUE="2500">2.500<OPTION VALUE="2600">2.600<OPTION VALUE="2700">2.700<OPTION VALUE="2800">2.800<OPTION VALUE="2900">2.900<OPTION VALUE="3000">3.000<OPTION VALUE="3100">3.100<OPTION VALUE="3200">3.200<OPTION VALUE="3300">3.300<OPTION VALUE="3400">3.400<OPTION VALUE="3500">3.500<OPTION VALUE="3600">3.600<OPTION VALUE="3700">3.700<OPTION VALUE="3800">3.800<OPTION VALUE="3900">3.900<OPTION VALUE="4000">4.000<OPTION VALUE="4100">4.100<OPTION VALUE="4200">4.200<OPTION VALUE="4300">4.300<OPTION VALUE="4400">4.400<OPTION VALUE="4500">4.500<OPTION VALUE="4600">4.600<OPTION VALUE="4700">4.700<OPTION VALUE="4800">4.800<OPTION VALUE="4900">4.900<OPTION VALUE="5000">5.000<OPTION VALUE="5100">5.100<OPTION VALUE="5200">5.200<OPTION VALUE="5300">5.300<OPTION VALUE="5400">5.400<OPTION VALUE="5500">5.500<OPTION VALUE="5600">5.600<OPTION VALUE="5700">5.700<OPTION VALUE="5800">5.800<OPTION VALUE="5900">5.900<OPTION VALUE="6000">6.000<OPTION VALUE="6100">6.100<OPTION VALUE="6200">6.200<OPTION VALUE="6300">6.300<OPTION VALUE="6400">6.400<OPTION VALUE="6500">6.500<OPTION VALUE="6600">6.600<OPTION VALUE="6700">6.700<OPTION VALUE="6800">6.800<OPTION VALUE="6900">6.900<OPTION VALUE="7000">7.000<OPTION VALUE="7100">7.100<OPTION VALUE="7200">7.200<OPTION VALUE="7300">7.300<OPTION VALUE="7400">7.400<OPTION VALUE="7500">7.500<OPTION VALUE="7600">7.600<OPTION VALUE="7700">7.700<OPTION VALUE="7800">7.800<OPTION VALUE="7900">7.900<OPTION VALUE="8000">8.000<OPTION VALUE="8100">8.100<OPTION VALUE="8200">8.200<OPTION VALUE="8300">8.300<OPTION VALUE="8400">8.400<OPTION VALUE="8500">8.500<OPTION VALUE="8600">8.600<OPTION VALUE="8700">8.700<OPTION VALUE="8800">8.800<OPTION VALUE="8900">8.900<OPTION VALUE="9000">9.000
|
|
</SELECT>
|
|
|
|
</TD>
|
|
</TR>
|
|
<TR>
|
|
<TH CLASS="label" WIDTH="50%"><A NAME="StpFineSaturation">Saturation Fine Adjustment</A>:</TH>
|
|
<TD><SELECT NAME="StpFineSaturation" ID="select-StpFineSaturation" ONCHANGE="update_paramtable('StpFineSaturation')">
|
|
<OPTION VALUE="None">0.000<OPTION VALUE="0">0.000<OPTION VALUE="5">0.005<OPTION VALUE="10">0.010<OPTION VALUE="15">0.015<OPTION VALUE="20">0.020<OPTION VALUE="25">0.025<OPTION VALUE="30">0.030<OPTION VALUE="35">0.035<OPTION VALUE="40">0.040<OPTION VALUE="45">0.045<OPTION VALUE="50">0.050<OPTION VALUE="55">0.055<OPTION VALUE="60">0.060<OPTION VALUE="65">0.065<OPTION VALUE="70">0.070<OPTION VALUE="75">0.075<OPTION VALUE="80">0.080<OPTION VALUE="85">0.085<OPTION VALUE="90">0.090<OPTION VALUE="95">0.095
|
|
</SELECT>
|
|
|
|
</TR>
|
|
<TR>
|
|
<TH CLASS="label" WIDTH="50%"><A NAME="StpImageType">Image Type</A>:</TH>
|
|
<TD><SELECT NAME="StpImageType" ID="select-StpImageType" ONCHANGE="update_paramtable('StpImageType')">
|
|
<OPTION VALUE="None">Manual Control<OPTION VALUE="Text">Text<OPTION VALUE="Graphics">Graphics<OPTION VALUE="TextGraphics">Mixed Text and Graphics<OPTION VALUE="Photo">Photograph<OPTION VALUE="LineArt">Line Art
|
|
</SELECT>
|
|
|
|
</TR>
|
|
</TABLE>
|
|
<button type="submit">Save Changes</button>
|
|
</details>
|
|
<details>
|
|
<summary>Color Settings (Extra)</summary>
|
|
<TABLE WIDTH="100%">
|
|
<TR>
|
|
<TH CLASS="label" WIDTH="50%"><A NAME="StpGamma">Composite Gamma</A>:</TH>
|
|
<TD><SELECT NAME="StpGamma" ID="select-StpGamma" ONCHANGE="update_paramtable('StpGamma')">
|
|
<OPTION VALUE="100">0.100<OPTION VALUE="200">0.200<OPTION VALUE="300">0.300<OPTION VALUE="400">0.400<OPTION VALUE="500">0.500<OPTION VALUE="600">0.600<OPTION VALUE="700">0.700<OPTION VALUE="800">0.800<OPTION VALUE="900">0.900<OPTION VALUE="1000">1.000<OPTION VALUE="1100">1.100<OPTION VALUE="1200">1.200<OPTION VALUE="1300">1.300<OPTION VALUE="1400">1.400<OPTION VALUE="1500">1.500<OPTION VALUE="1600">1.600<OPTION VALUE="1700">1.700<OPTION VALUE="1800">1.800<OPTION VALUE="1900">1.900<OPTION VALUE="2000">2.000<OPTION VALUE="2100">2.100<OPTION VALUE="2200">2.200<OPTION VALUE="2300">2.300<OPTION VALUE="2400">2.400<OPTION VALUE="2500">2.500<OPTION VALUE="2600">2.600<OPTION VALUE="2700">2.700<OPTION VALUE="2800">2.800<OPTION VALUE="2900">2.900<OPTION VALUE="3000">3.000<OPTION VALUE="3100">3.100<OPTION VALUE="3200">3.200<OPTION VALUE="3300">3.300<OPTION VALUE="3400">3.400<OPTION VALUE="3500">3.500<OPTION VALUE="3600">3.600<OPTION VALUE="3700">3.700<OPTION VALUE="3800">3.800<OPTION VALUE="3900">3.900<OPTION VALUE="4000">4.000<OPTION VALUE="None">None<OPTION VALUE="Custom">Custom
|
|
</SELECT>
|
|
</TD>
|
|
</TR>
|
|
<TR>
|
|
<TH CLASS="label" WIDTH="50%"><A NAME="StpFineGamma">Composite Gamma Fine Adjustment</A>:</TH>
|
|
<TD><SELECT NAME="StpFineGamma" ID="select-StpFineGamma" ONCHANGE="update_paramtable('StpFineGamma')">
|
|
<OPTION VALUE="None">0.000<OPTION VALUE="0">0.000<OPTION VALUE="5">0.005<OPTION VALUE="10">0.010<OPTION VALUE="15">0.015<OPTION VALUE="20">0.020<OPTION VALUE="25">0.025<OPTION VALUE="30">0.030<OPTION VALUE="35">0.035<OPTION VALUE="40">0.040<OPTION VALUE="45">0.045<OPTION VALUE="50">0.050<OPTION VALUE="55">0.055<OPTION VALUE="60">0.060<OPTION VALUE="65">0.065<OPTION VALUE="70">0.070<OPTION VALUE="75">0.075<OPTION VALUE="80">0.080<OPTION VALUE="85">0.085<OPTION VALUE="90">0.090<OPTION VALUE="95">0.095
|
|
</SELECT>
|
|
|
|
</TR>
|
|
<TR>
|
|
<TH CLASS="label" WIDTH="50%"><A NAME="StpCyanGamma">Cyan</A>:</TH>
|
|
<TD><SELECT NAME="StpCyanGamma" ID="select-StpCyanGamma" ONCHANGE="update_paramtable('StpCyanGamma')">
|
|
<OPTION VALUE="0">0.000<OPTION VALUE="100">0.100<OPTION VALUE="200">0.200<OPTION VALUE="300">0.300<OPTION VALUE="400">0.400<OPTION VALUE="500">0.500<OPTION VALUE="600">0.600<OPTION VALUE="700">0.700<OPTION VALUE="800">0.800<OPTION VALUE="900">0.900<OPTION VALUE="1000">1.000<OPTION VALUE="1100">1.100<OPTION VALUE="1200">1.200<OPTION VALUE="1300">1.300<OPTION VALUE="1400">1.400<OPTION VALUE="1500">1.500<OPTION VALUE="1600">1.600<OPTION VALUE="1700">1.700<OPTION VALUE="1800">1.800<OPTION VALUE="1900">1.900<OPTION VALUE="2000">2.000<OPTION VALUE="2100">2.100<OPTION VALUE="2200">2.200<OPTION VALUE="2300">2.300<OPTION VALUE="2400">2.400<OPTION VALUE="2500">2.500<OPTION VALUE="2600">2.600<OPTION VALUE="2700">2.700<OPTION VALUE="2800">2.800<OPTION VALUE="2900">2.900<OPTION VALUE="3000">3.000<OPTION VALUE="3100">3.100<OPTION VALUE="3200">3.200<OPTION VALUE="3300">3.300<OPTION VALUE="3400">3.400<OPTION VALUE="3500">3.500<OPTION VALUE="3600">3.600<OPTION VALUE="3700">3.700<OPTION VALUE="3800">3.800<OPTION VALUE="3900">3.900<OPTION VALUE="4000">4.000<OPTION VALUE="None">None<OPTION VALUE="Custom">Custom
|
|
</SELECT>
|
|
</TD>
|
|
</TR>
|
|
<TR>
|
|
<TH CLASS="label" WIDTH="50%"><A NAME="StpFineCyanGamma">Cyan Fine Adjustment</A>:</TH>
|
|
<TD><SELECT NAME="StpFineCyanGamma" ID="select-StpFineCyanGamma" ONCHANGE="update_paramtable('StpFineCyanGamma')">
|
|
<OPTION VALUE="None">0.000<OPTION VALUE="0">0.000<OPTION VALUE="5">0.005<OPTION VALUE="10">0.010<OPTION VALUE="15">0.015<OPTION VALUE="20">0.020<OPTION VALUE="25">0.025<OPTION VALUE="30">0.030<OPTION VALUE="35">0.035<OPTION VALUE="40">0.040<OPTION VALUE="45">0.045<OPTION VALUE="50">0.050<OPTION VALUE="55">0.055<OPTION VALUE="60">0.060<OPTION VALUE="65">0.065<OPTION VALUE="70">0.070<OPTION VALUE="75">0.075<OPTION VALUE="80">0.080<OPTION VALUE="85">0.085<OPTION VALUE="90">0.090<OPTION VALUE="95">0.095
|
|
</SELECT>
|
|
|
|
</TR>
|
|
<TR>
|
|
<TH CLASS="label" WIDTH="50%"><A NAME="StpMagentaGamma">Magenta</A>:</TH>
|
|
<TD><SELECT NAME="StpMagentaGamma" ID="select-StpMagentaGamma" ONCHANGE="update_paramtable('StpMagentaGamma')">
|
|
<OPTION VALUE="0">0.000<OPTION VALUE="100">0.100<OPTION VALUE="200">0.200<OPTION VALUE="300">0.300<OPTION VALUE="400">0.400<OPTION VALUE="500">0.500<OPTION VALUE="600">0.600<OPTION VALUE="700">0.700<OPTION VALUE="800">0.800<OPTION VALUE="900">0.900<OPTION VALUE="1000">1.000<OPTION VALUE="1100">1.100<OPTION VALUE="1200">1.200<OPTION VALUE="1300">1.300<OPTION VALUE="1400">1.400<OPTION VALUE="1500">1.500<OPTION VALUE="1600">1.600<OPTION VALUE="1700">1.700<OPTION VALUE="1800">1.800<OPTION VALUE="1900">1.900<OPTION VALUE="2000">2.000<OPTION VALUE="2100">2.100<OPTION VALUE="2200">2.200<OPTION VALUE="2300">2.300<OPTION VALUE="2400">2.400<OPTION VALUE="2500">2.500<OPTION VALUE="2600">2.600<OPTION VALUE="2700">2.700<OPTION VALUE="2800">2.800<OPTION VALUE="2900">2.900<OPTION VALUE="3000">3.000<OPTION VALUE="3100">3.100<OPTION VALUE="3200">3.200<OPTION VALUE="3300">3.300<OPTION VALUE="3400">3.400<OPTION VALUE="3500">3.500<OPTION VALUE="3600">3.600<OPTION VALUE="3700">3.700<OPTION VALUE="3800">3.800<OPTION VALUE="3900">3.900<OPTION VALUE="4000">4.000<OPTION VALUE="None">None<OPTION VALUE="Custom">Custom
|
|
</SELECT>
|
|
</TD>
|
|
</TR>
|
|
<TR>
|
|
<TH CLASS="label" WIDTH="50%"><A NAME="StpFineMagentaGamma">Magenta Fine Adjustment</A>:</TH>
|
|
<TD><SELECT NAME="StpFineMagentaGamma" ID="select-StpFineMagentaGamma" ONCHANGE="update_paramtable('StpFineMagentaGamma')">
|
|
<OPTION VALUE="None">0.000<OPTION VALUE="0">0.000<OPTION VALUE="5">0.005<OPTION VALUE="10">0.010<OPTION VALUE="15">0.015<OPTION VALUE="20">0.020<OPTION VALUE="25">0.025<OPTION VALUE="30">0.030<OPTION VALUE="35">0.035<OPTION VALUE="40">0.040<OPTION VALUE="45">0.045<OPTION VALUE="50">0.050<OPTION VALUE="55">0.055<OPTION VALUE="60">0.060<OPTION VALUE="65">0.065<OPTION VALUE="70">0.070<OPTION VALUE="75">0.075<OPTION VALUE="80">0.080<OPTION VALUE="85">0.085<OPTION VALUE="90">0.090<OPTION VALUE="95">0.095
|
|
</SELECT>
|
|
|
|
</TR>
|
|
<TR>
|
|
<TH CLASS="label" WIDTH="50%"><A NAME="StpYellowGamma">Yellow</A>:</TH>
|
|
<TD><SELECT NAME="StpYellowGamma" ID="select-StpYellowGamma" ONCHANGE="update_paramtable('StpYellowGamma')">
|
|
<OPTION VALUE="0">0.000<OPTION VALUE="100">0.100<OPTION VALUE="200">0.200<OPTION VALUE="300">0.300<OPTION VALUE="400">0.400<OPTION VALUE="500">0.500<OPTION VALUE="600">0.600<OPTION VALUE="700">0.700<OPTION VALUE="800">0.800<OPTION VALUE="900">0.900<OPTION VALUE="1000">1.000<OPTION VALUE="1100">1.100<OPTION VALUE="1200">1.200<OPTION VALUE="1300">1.300<OPTION VALUE="1400">1.400<OPTION VALUE="1500">1.500<OPTION VALUE="1600">1.600<OPTION VALUE="1700">1.700<OPTION VALUE="1800">1.800<OPTION VALUE="1900">1.900<OPTION VALUE="2000">2.000<OPTION VALUE="2100">2.100<OPTION VALUE="2200">2.200<OPTION VALUE="2300">2.300<OPTION VALUE="2400">2.400<OPTION VALUE="2500">2.500<OPTION VALUE="2600">2.600<OPTION VALUE="2700">2.700<OPTION VALUE="2800">2.800<OPTION VALUE="2900">2.900<OPTION VALUE="3000">3.000<OPTION VALUE="3100">3.100<OPTION VALUE="3200">3.200<OPTION VALUE="3300">3.300<OPTION VALUE="3400">3.400<OPTION VALUE="3500">3.500<OPTION VALUE="3600">3.600<OPTION VALUE="3700">3.700<OPTION VALUE="3800">3.800<OPTION VALUE="3900">3.900<OPTION VALUE="4000">4.000<OPTION VALUE="None">None<OPTION VALUE="Custom">Custom
|
|
</SELECT>
|
|
</TD>
|
|
</TR>
|
|
<TR>
|
|
<TH CLASS="label" WIDTH="50%"><A NAME="StpFineYellowGamma">Yellow Fine Adjustment</A>:</TH>
|
|
<TD><SELECT NAME="StpFineYellowGamma" ID="select-StpFineYellowGamma" ONCHANGE="update_paramtable('StpFineYellowGamma')">
|
|
<OPTION VALUE="None">0.000<OPTION VALUE="0">0.000<OPTION VALUE="5">0.005<OPTION VALUE="10">0.010<OPTION VALUE="15">0.015<OPTION VALUE="20">0.020<OPTION VALUE="25">0.025<OPTION VALUE="30">0.030<OPTION VALUE="35">0.035<OPTION VALUE="40">0.040<OPTION VALUE="45">0.045<OPTION VALUE="50">0.050<OPTION VALUE="55">0.055<OPTION VALUE="60">0.060<OPTION VALUE="65">0.065<OPTION VALUE="70">0.070<OPTION VALUE="75">0.075<OPTION VALUE="80">0.080<OPTION VALUE="85">0.085<OPTION VALUE="90">0.090<OPTION VALUE="95">0.095
|
|
</SELECT>
|
|
|
|
</TR>
|
|
<TR>
|
|
<TH CLASS="label" WIDTH="50%"><A NAME="StpCyanBalance">Cyan Balance</A>:</TH>
|
|
<TD><SELECT NAME="StpCyanBalance" ID="select-StpCyanBalance" ONCHANGE="update_paramtable('StpCyanBalance')">
|
|
<OPTION VALUE="0">0.000<OPTION VALUE="100">0.100<OPTION VALUE="200">0.200<OPTION VALUE="300">0.300<OPTION VALUE="400">0.400<OPTION VALUE="500">0.500<OPTION VALUE="600">0.600<OPTION VALUE="700">0.700<OPTION VALUE="800">0.800<OPTION VALUE="900">0.900<OPTION VALUE="1000">1.000<OPTION VALUE="None">None<OPTION VALUE="Custom">Custom
|
|
</SELECT>
|
|
</TD>
|
|
</TR>
|
|
<TR>
|
|
<TH CLASS="label" WIDTH="50%"><A NAME="StpFineCyanBalance">Cyan Balance Fine Adjustment</A>:</TH>
|
|
<TD><SELECT NAME="StpFineCyanBalance" ID="select-StpFineCyanBalance" ONCHANGE="update_paramtable('StpFineCyanBalance')">
|
|
<OPTION VALUE="None">0.000<OPTION VALUE="0">0.000<OPTION VALUE="5">0.005<OPTION VALUE="10">0.010<OPTION VALUE="15">0.015<OPTION VALUE="20">0.020<OPTION VALUE="25">0.025<OPTION VALUE="30">0.030<OPTION VALUE="35">0.035<OPTION VALUE="40">0.040<OPTION VALUE="45">0.045<OPTION VALUE="50">0.050<OPTION VALUE="55">0.055<OPTION VALUE="60">0.060<OPTION VALUE="65">0.065<OPTION VALUE="70">0.070<OPTION VALUE="75">0.075<OPTION VALUE="80">0.080<OPTION VALUE="85">0.085<OPTION VALUE="90">0.090<OPTION VALUE="95">0.095
|
|
</SELECT>
|
|
|
|
</TR>
|
|
<TR>
|
|
<TH CLASS="label" WIDTH="50%"><A NAME="StpMagentaBalance">Magenta Balance</A>:</TH>
|
|
<TD><SELECT NAME="StpMagentaBalance" ID="select-StpMagentaBalance" ONCHANGE="update_paramtable('StpMagentaBalance')">
|
|
<OPTION VALUE="0">0.000<OPTION VALUE="100">0.100<OPTION VALUE="200">0.200<OPTION VALUE="300">0.300<OPTION VALUE="400">0.400<OPTION VALUE="500">0.500<OPTION VALUE="600">0.600<OPTION VALUE="700">0.700<OPTION VALUE="800">0.800<OPTION VALUE="900">0.900<OPTION VALUE="1000">1.000<OPTION VALUE="None">None<OPTION VALUE="Custom">Custom
|
|
</SELECT>
|
|
</TD>
|
|
</TR>
|
|
<TR>
|
|
<TH CLASS="label" WIDTH="50%"><A NAME="StpFineMagentaBalance">Magenta Balance Fine Adjustment</A>:</TH>
|
|
<TD><SELECT NAME="StpFineMagentaBalance" ID="select-StpFineMagentaBalance" ONCHANGE="update_paramtable('StpFineMagentaBalance')">
|
|
<OPTION VALUE="None">0.000<OPTION VALUE="0">0.000<OPTION VALUE="5">0.005<OPTION VALUE="10">0.010<OPTION VALUE="15">0.015<OPTION VALUE="20">0.020<OPTION VALUE="25">0.025<OPTION VALUE="30">0.030<OPTION VALUE="35">0.035<OPTION VALUE="40">0.040<OPTION VALUE="45">0.045<OPTION VALUE="50">0.050<OPTION VALUE="55">0.055<OPTION VALUE="60">0.060<OPTION VALUE="65">0.065<OPTION VALUE="70">0.070<OPTION VALUE="75">0.075<OPTION VALUE="80">0.080<OPTION VALUE="85">0.085<OPTION VALUE="90">0.090<OPTION VALUE="95">0.095
|
|
</SELECT>
|
|
|
|
</TR>
|
|
<TR>
|
|
<TH CLASS="label" WIDTH="50%"><A NAME="StpYellowBalance">Yellow Balance</A>:</TH>
|
|
<TD><SELECT NAME="StpYellowBalance" ID="select-StpYellowBalance" ONCHANGE="update_paramtable('StpYellowBalance')">
|
|
<OPTION VALUE="0">0.000<OPTION VALUE="100">0.100<OPTION VALUE="200">0.200<OPTION VALUE="300">0.300<OPTION VALUE="400">0.400<OPTION VALUE="500">0.500<OPTION VALUE="600">0.600<OPTION VALUE="700">0.700<OPTION VALUE="800">0.800<OPTION VALUE="900">0.900<OPTION VALUE="1000">1.000<OPTION VALUE="None">None<OPTION VALUE="Custom">Custom
|
|
</SELECT>
|
|
</TD>
|
|
</TR>
|
|
<TR>
|
|
<TH CLASS="label" WIDTH="50%"><A NAME="StpFineYellowBalance">Yellow Balance Fine Adjustment</A>:</TH>
|
|
<TD><SELECT NAME="StpFineYellowBalance" ID="select-StpFineYellowBalance" ONCHANGE="update_paramtable('StpFineYellowBalance')">
|
|
<OPTION VALUE="None">0.000<OPTION VALUE="0">0.000<OPTION VALUE="5">0.005<OPTION VALUE="10">0.010<OPTION VALUE="15">0.015<OPTION VALUE="20">0.020<OPTION VALUE="25">0.025<OPTION VALUE="30">0.030<OPTION VALUE="35">0.035<OPTION VALUE="40">0.040<OPTION VALUE="45">0.045<OPTION VALUE="50">0.050<OPTION VALUE="55">0.055<OPTION VALUE="60">0.060<OPTION VALUE="65">0.065<OPTION VALUE="70">0.070<OPTION VALUE="75">0.075<OPTION VALUE="80">0.080<OPTION VALUE="85">0.085<OPTION VALUE="90">0.090<OPTION VALUE="95">0.095
|
|
</SELECT>
|
|
|
|
</TR>
|
|
</TABLE>
|
|
<button type="submit">Save Changes</button>
|
|
</details>
|
|
</form>
|
|
<details>
|
|
<summary>Tools</summary>
|
|
<TABLE WIDTH="100%">
|
|
<TR>
|
|
<button onclick="ReloadCups()">Reload...</button>
|
|
</TR>
|
|
</details>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<script>
|
|
window.onload = function() { OnPageLoad(); };
|
|
|
|
function OnPageLoad() {
|
|
console.log("Page loaded");
|
|
// General settings
|
|
document.getElementById('color-enabled').checked = {{options.main.enabled|lower}};
|
|
document.getElementById('select-ColorModel').value = "{{options.general.ColorModel}}";
|
|
document.getElementById('select-StpColorPrecision').value = "{{options.general.StpColorPrecision}}";
|
|
document.getElementById('select-StpiShrinkOutput').value = "{{options.general.StpiShrinkOutput}}";
|
|
|
|
// Common settings
|
|
document.getElementById('select-StpColorCorrection').value = "{{options.common.StpColorCorrection}}";
|
|
document.getElementById('select-StpBrightness').value = "{{options.common.StpBrightness}}";
|
|
document.getElementById('select-StpFineBrightness').value = "{{options.common.StpFineBrightness}}";
|
|
document.getElementById('select-StpContrast').value = "{{options.common.StpContrast}}";
|
|
document.getElementById('select-StpFineContrast').value = "{{options.common.StpFineContrast}}";
|
|
document.getElementById('select-StpSaturation').value = "{{options.common.StpSaturation}}";
|
|
document.getElementById('select-StpFineSaturation').value = "{{options.common.StpFineSaturation}}";
|
|
document.getElementById('select-StpImageType').value = "{{options.common.StpImageType}}";
|
|
|
|
// Extra settings
|
|
document.getElementById('select-StpGamma').value = "{{options.extra.StpGamma}}";
|
|
document.getElementById('select-StpFineGamma').value = "{{options.extra.StpFineGamma}}";
|
|
document.getElementById('select-StpCyanGamma').value = "{{options.extra.StpCyanGamma}}";
|
|
document.getElementById('select-StpFineCyanGamma').value = "{{options.extra.StpFineCyanGamma}}";
|
|
document.getElementById('select-StpMagentaGamma').value = "{{options.extra.StpMagentaGamma}}";
|
|
document.getElementById('select-StpFineMagentaGamma').value = "{{options.extra.StpFineMagentaGamma}}";
|
|
document.getElementById('select-StpYellowGamma').value = "{{options.extra.StpYellowGamma}}";
|
|
document.getElementById('select-StpFineYellowGamma').value = "{{options.extra.StpFineYellowGamma}}";
|
|
document.getElementById('select-StpCyanBalance').value = "{{options.extra.StpCyanBalance}}";
|
|
document.getElementById('select-StpFineCyanBalance').value = "{{options.extra.StpFineCyanBalance}}";
|
|
document.getElementById('select-StpMagentaBalance').value = "{{options.extra.StpMagentaBalance}}";
|
|
document.getElementById('select-StpFineMagentaBalance').value = "{{options.extra.StpFineMagentaBalance}}";
|
|
document.getElementById('select-StpYellowBalance').value = "{{options.extra.StpYellowBalance}}";
|
|
document.getElementById('select-StpFineYellowBalance').value = "{{options.extra.StpFineYellowBalance}}";
|
|
}
|
|
|
|
function submitForm(event) {
|
|
event.preventDefault(); // Prevent form from submitting the traditional way
|
|
|
|
$.ajax({
|
|
type: "POST",
|
|
url: "/save_color_options",
|
|
data: $("#colorOptionsForm").serialize(),
|
|
success: function(response) {
|
|
alert(response.message); // Show a popup window with the success message
|
|
},
|
|
error: function() {
|
|
alert("An error occurred while saving the settings.");
|
|
}
|
|
});
|
|
}
|
|
|
|
function ReloadCups() {
|
|
fetch('/reload_cups', {
|
|
method: 'POST'
|
|
})
|
|
.then(response => response.json())
|
|
.then(data => {
|
|
if (data.status == "success") {
|
|
alert("Reload Successful!");
|
|
} else {
|
|
alert("Reload Failed: " + data.message);
|
|
}
|
|
})
|
|
.catch(error => {
|
|
console.error("Error during reload attempt:", error);
|
|
alert("Error during reload attempt.");
|
|
});
|
|
}
|
|
</script>
|
|
</body>
|
|
</html>
|