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');
}
},