diff --git a/src/selector_manager/config/config.js b/src/selector_manager/config/config.js index 74089d2f2..fe896ef3e 100644 --- a/src/selector_manager/config/config.js +++ b/src/selector_manager/config/config.js @@ -30,6 +30,18 @@ export default { iconSync: '', + // Icon to show when the selector is enabled + iconTagOn: + '', + + // Icon to show when the selector is disabled + iconTagOff: + '', + + // Icon used to remove the selector + iconTagRemove: + '', + /** * Custom render function for the Select Manager * @example diff --git a/src/selector_manager/view/ClassTagView.js b/src/selector_manager/view/ClassTagView.js index faa448380..e31caa491 100644 --- a/src/selector_manager/view/ClassTagView.js +++ b/src/selector_manager/view/ClassTagView.js @@ -4,14 +4,14 @@ const inputProp = 'contentEditable'; export default Backbone.View.extend({ template() { - const { pfx, model } = this; + const { pfx, model, config } = this; const label = model.get('label') || ''; return ` ${label} - + ${config.iconTagRemove} `; }, @@ -109,18 +109,15 @@ export default Backbone.View.extend({ * @private */ updateStatus() { - const { model, $el } = this; + const { model, $el, config } = this; + const { iconTagOn, iconTagOff } = config; const $chk = $el.find('[data-tag-status]'); - const iconOff = - ''; - const iconOn = - ''; if (model.get('active')) { - $chk.html(iconOn); + $chk.html(iconTagOn); $el.removeClass('opac50'); } else { - $chk.html(iconOff); + $chk.html(iconTagOff); $el.addClass('opac50'); } },