diff --git a/Auto-Image.js b/Auto-Image.js
index 281b221..462094e 100644
--- a/Auto-Image.js
+++ b/Auto-Image.js
@@ -3640,16 +3640,55 @@
${Utils.t('paintOptions')}
-
-
-
@@ -3797,25 +3836,6 @@
-
-
-
-
-
Paint Unavailable
-
If enabled, template colors that are unavailable will be painted using the closest available color
-
-
-
-
-
@@ -4587,16 +4607,30 @@
}
if (settingsPaintWhiteToggle) {
+ settingsPaintWhiteToggle.checked = state.paintWhitePixels;
settingsPaintWhiteToggle.addEventListener('change', (e) => {
state.paintWhitePixels = e.target.checked;
saveBotSettings();
+ console.log(`🎨 Paint white pixels: ${state.paintWhitePixels ? 'ON' : 'OFF'}`);
+ const statusText = state.paintWhitePixels
+ ? 'White pixels in the template will be painted'
+ : 'White pixels will be skipped';
+ Utils.showAlert(statusText, 'success');
});
}
if (settingsPaintTransparentToggle) {
+ settingsPaintTransparentToggle.checked = state.paintTransparentPixels;
settingsPaintTransparentToggle.addEventListener('change', (e) => {
state.paintTransparentPixels = e.target.checked;
saveBotSettings();
+ console.log(
+ `🎨 Paint transparent pixels: ${state.paintTransparentPixels ? 'ON' : 'OFF'}`
+ );
+ const statusText = state.paintTransparentPixels
+ ? 'Transparent pixels in the template will be painted with the closest available color'
+ : 'Transparent pixels will be skipped';
+ Utils.showAlert(statusText, 'success');
});
}
@@ -6769,6 +6803,7 @@
const { x: startX, y: startY } = state.startPosition;
const { x: regionX, y: regionY } = state.region;
+ // todo force load tiles
const tilesReady = await overlayManager.waitForTiles(
regionX,
regionY,
@@ -6780,7 +6815,6 @@
);
if (!tilesReady) {
- // todo add to i18n
updateUI('overlayTilesNotLoaded', 'error');
state.stopFlag = true;
return;
@@ -7415,6 +7449,18 @@
paintUnavailablePixelsToggle.checked = state.paintUnavailablePixels;
}
+ const settingsPaintWhiteToggle = settingsContainer.querySelector('#settingsPaintWhiteToggle');
+ if (settingsPaintWhiteToggle) {
+ settingsPaintWhiteToggle.checked = state.paintWhitePixels;
+ }
+
+ const settingsPaintTransparentToggle = settingsContainer.querySelector(
+ '#settingsPaintTransparentToggle'
+ );
+ if (settingsPaintTransparentToggle) {
+ settingsPaintTransparentToggle.checked = state.paintTransparentPixels;
+ }
+
const speedSlider = document.getElementById('speedSlider');
if (speedSlider) speedSlider.value = state.paintingSpeed;
const speedValue = document.getElementById('speedValue');
diff --git a/auto-image-styles.css b/auto-image-styles.css
index ccbd1b2..46673d1 100644
--- a/auto-image-styles.css
+++ b/auto-image-styles.css
@@ -1905,6 +1905,9 @@
.wplace-pixel-filter-controls {
padding: 18px;
margin-bottom: 15px;
+ display: flex;
+ flex-direction: column;
+ gap: 12px;
/* Theme-specific styling applied via theme files */
}
diff --git a/lang/en.json b/lang/en.json
index 459f804..d2c493d 100644
--- a/lang/en.json
+++ b/lang/en.json
@@ -145,6 +145,10 @@
"restore": "Restore",
"hideStats": "Hide Stats",
"paintOptions": "Paint Options",
- "paintWhitePixels": "Paint White Pixels",
- "paintTransparentPixels": "Paint Transparent Pixels"
+ "paintWhitePixels": "Paint White",
+ "paintWhitePixelsDescription": "If enabled, template white pixels will be painted.",
+ "paintTransparentPixels": "Paint Transparent",
+ "paintTransparentPixelsDescription": "If enabled, template transparent pixels will be painted",
+ "paintUnavailablePixels": "Paint Unavailable",
+ "paintUnavailablePixelsDescription": "If enabled, template colors that are unavailable will be painted using the closest available color"
}
\ No newline at end of file