diff options
| author |  Corentin Thomasset <corentin.thomasset74@gmail.com>
| 2020-06-08 11:58:09 +0200 |
|---|---|---|
| committer | Corentin Thomasset <corentin.thomasset74@gmail.com>
| 2020-06-08 11:58:09 +0200 |
| commit | efe62bb3cf74aa916d82ab00cdf52359233b7b06 (patch) | |
| tree | 83b520bf160ac878c44e99ecc8d0f28a20e5f1f8 | |
| parent | 48376c17b23228139efcb6dca96a10bd4e4af8d7 (diff) | |
| download | it-tools-efe62bb3cf74aa916d82ab00cdf52359233b7b06.tar.gz it-tools-efe62bb3cf74aa916d82ab00cdf52359233b7b06.tar.zst it-tools-efe62bb3cf74aa916d82ab00cdf52359233b7b06.zip | |
fix: color picker now updates fields
Signed-off-by: Corentin Thomasset <corentin.thomasset74@gmail.com>
| -rw-r--r-- | CHANGELOG.md | 1 | ||||
| -rw-r--r-- | src/routes/tools/ColorConverter.vue | 10 |
2 files changed, 10 insertions, 1 deletions
diff --git a/CHANGELOG.md b/CHANGELOG.md index d653774..e3c3904 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -7,6 +7,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0 - [feat] 404 route + page - [feat] changelog in the About page - [feat] contributors list in the About page +- [fix] [ColorConverter] color picker now updates fields ## 1.0.1 - [chore] added changelog diff --git a/src/routes/tools/ColorConverter.vue b/src/routes/tools/ColorConverter.vue index 6830e60..c908707 100644 --- a/src/routes/tools/ColorConverter.vue +++ b/src/routes/tools/ColorConverter.vue @@ -11,6 +11,7 @@ hide-inputs mode="rgba" v-model="rgbPicker" + @input="(v) => updateColors(v, 'picker')" /> </v-col> <v-col cols="12" sm="6" align="center"> @@ -116,7 +117,7 @@ this.keyword = convert.rgb.keyword(r, g, b); }, updateColors(value, fromType) { - if (this.$refs[fromType].validate()) { + if (fromType === 'picker' || this.$refs[fromType].validate()) { if (fromType === 'rgb') { const [r, g, b] = value.match(/^rgb\((\d+),\s*(\d+),\s*(\d+)\)$/).slice(1).map(v => parseInt(v)); this.rgbPicker = {r, g, b} @@ -150,6 +151,13 @@ } catch (ignored) { // ignored } + } else if (fromType === 'picker') { + const {r, g, b} = value; + + this.setRGB(r, g, b); + this.setHEX(r, g, b); + this.setHSL(r, g, b); + this.setKeyword(r, g, b); } } } |