mirror of
https://github.com/GSA/notifications-admin.git
synced 2026-02-06 11:23:48 -05:00
30 lines
644 B
JavaScript
30 lines
644 B
JavaScript
(function(Modules) {
|
|
"use strict";
|
|
|
|
let isSixDigitHex = value => value.match(/^#[0-9A-F]{6}$/i);
|
|
let colourOrWhite = value => isSixDigitHex(value) ? value : '#FFFFFF';
|
|
|
|
Modules.ColourPreview = function() {
|
|
|
|
this.start = component => {
|
|
|
|
this.$input = $(component);
|
|
|
|
this.$input.closest('.usa-form-group').append(
|
|
this.$preview = $('<span class="textbox-colour-preview"></span>')
|
|
);
|
|
|
|
this.$input
|
|
.on('input', this.update)
|
|
.trigger('input');
|
|
|
|
};
|
|
|
|
this.update = () => this.$preview.css(
|
|
'background', colourOrWhite(this.$input.val())
|
|
);
|
|
|
|
};
|
|
|
|
})(window.GOVUK.Modules);
|