Removed invalid class when valid
This commit is contained in:
parent
ab8b28feba
commit
7ebcbcff41
@ -310,6 +310,28 @@ class SudokuHost extends HTMLElement {
|
|||||||
constructor() {
|
constructor() {
|
||||||
super()
|
super()
|
||||||
|
|
||||||
|
this.#generateKeyProcessors()
|
||||||
|
}
|
||||||
|
|
||||||
|
syncCellsToSudoku() {
|
||||||
|
const puzzleGrid = this.#activePuzzle.grid
|
||||||
|
const baseGrid = this.#activePuzzle.baseState
|
||||||
|
for (let i = 0; i < SUDOKU_GRID_SIZE; i++) {
|
||||||
|
this.#cellGrid[i].innerHTML = puzzleGrid[i] ?? ""
|
||||||
|
|
||||||
|
if (baseGrid[i] != null) {
|
||||||
|
this.#cellGrid[i].classList.add("initial")
|
||||||
|
} else if (puzzleGrid[i] != null) {
|
||||||
|
if (this.#activePuzzle.isValueValidForSlot(puzzleGrid[i], i)) {
|
||||||
|
this.#cellGrid[i].classList.remove("invalid")
|
||||||
|
} else {
|
||||||
|
this.#cellGrid[i].classList.add("invalid")
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
#generateKeyProcessors() {
|
||||||
const cellValueProcessor = (event) => {
|
const cellValueProcessor = (event) => {
|
||||||
if (this.#selectedCells.size === 0) return
|
if (this.#selectedCells.size === 0) return
|
||||||
|
|
||||||
@ -379,22 +401,6 @@ class SudokuHost extends HTMLElement {
|
|||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
||||||
syncCellsToSudoku() {
|
|
||||||
const puzzleGrid = this.#activePuzzle.grid
|
|
||||||
const baseGrid = this.#activePuzzle.baseState
|
|
||||||
for (let i = 0; i < SUDOKU_GRID_SIZE; i++) {
|
|
||||||
this.#cellGrid[i].innerHTML = puzzleGrid[i] ?? ""
|
|
||||||
|
|
||||||
if (baseGrid[i] != null) {
|
|
||||||
this.#cellGrid[i].classList.add("initial")
|
|
||||||
} else if (puzzleGrid[i] != null) {
|
|
||||||
if (!this.#activePuzzle.isValueValidForSlot(puzzleGrid[i], i)) {
|
|
||||||
this.#cellGrid[i].classList.add("invalid")
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
#selectCell(i, cell) {
|
#selectCell(i, cell) {
|
||||||
if (this.hasAttribute("readonly") || !this.isActive) return
|
if (this.hasAttribute("readonly") || !this.isActive) return
|
||||||
this.#selectedCells.set(i, cell)
|
this.#selectedCells.set(i, cell)
|
||||||
|
Loading…
Reference in New Issue
Block a user