Merge pull request #5776 from Countly/fix-color-picker-reset

Fix: prevent console errors when resetting color

Author: ArtursKadikis

frontend/express/public/javascripts/countly/vue/components/input.js

@@ -28,10 +28,13 @@
             },
             localValue: {
                 get: function() {
-                    return this.value.replace("#", "");
+                    var rawValue = this.value || this.resetValue;
+
+                    return rawValue.replace("#", "");
                 },
                 set: function(value) {
                     var colorValue = "#" + value.replace("#", "");
+
                     if (colorValue.match(HEX_COLOR_REGEX)) {
                         this.setColor({hex: colorValue});
                     }
@@ -43,10 +46,13 @@
         },
         methods: {
             setColor: function(color) {
-                this.$emit("input", color.hex8);
+                var finalColor = color.hex8 || color.hex;
+
+                this.$emit("input", finalColor);
             },
             reset: function() {
                 this.setColor({hex: this.resetValue});
+                this.close();
             },
             open: function() {
                 this.isOpened = true;