From efe62bb3cf74aa916d82ab00cdf52359233b7b06 Mon Sep 17 00:00:00 2001 From: Corentin Thomasset Date: Mon, 8 Jun 2020 11:58:09 +0200 Subject: [PATCH] fix: color picker now updates fields Signed-off-by: Corentin Thomasset --- CHANGELOG.md | 1 + src/routes/tools/ColorConverter.vue | 10 +++++++++- 2 files changed, 10 insertions(+), 1 deletion(-) diff --git a/CHANGELOG.md b/CHANGELOG.md index d653774d..e3c39049 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 6830e603..c9087075 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')" /> @@ -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); } } }