diff --git a/src/views/color/ColorPicker.vue b/src/views/color/ColorPicker.vue index 020d474..e959aae 100644 --- a/src/views/color/ColorPicker.vue +++ b/src/views/color/ColorPicker.vue @@ -44,7 +44,8 @@ export default class MyColorPicker extends Vue this.colorInput = this.colorModel.substr(1, 6) const storedPalette = localStorage.getItem('palette') - this.palette = !storedPalette ? range(3).map(_ => range(10).map(_ => '')) : JSON.parse(storedPalette); + this.palette = !storedPalette ? range(6).map(_ => range(10).map(_ => '')) : JSON.parse(storedPalette); + this.storePalette() } /** @@ -78,13 +79,18 @@ export default class MyColorPicker extends Vue } } + storePalette(): void + { + localStorage.setItem('palette', JSON.stringify(this.palette)) + } + /** * Left click to override */ setPalette(i: number, j: number): void { this.palette[i][j] = this.colorModel - localStorage.setItem('palette', JSON.stringify(this.palette)) + this.storePalette() } /** @@ -105,7 +111,7 @@ export default class MyColorPicker extends Vue { e.preventDefault() this.palette[i][j] = '' - localStorage.setItem('palette', JSON.stringify(this.palette)) + this.storePalette() } dragging = {i: 0, j: 0} @@ -132,7 +138,7 @@ export default class MyColorPicker extends Vue this.palette[row][col] = this.palette[lastR][lastC] } this.palette[i][j] = currentColor - localStorage.setItem('palette', JSON.stringify(this.palette)) + this.storePalette() } paletteDragEnter(e: DragEvent, i: number, j: number): void