You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
47 lines
1.3 KiB
JavaScript
47 lines
1.3 KiB
JavaScript
"use strict";
|
|
|
|
/* globals define, bootbox */
|
|
|
|
define(function() {
|
|
var iconSelect = {};
|
|
|
|
iconSelect.init = function(el, onModified) {
|
|
onModified = onModified || function() {};
|
|
var selected = el.attr('class').replace('fa-2x', '').replace('fa', '').replace(/\s+/g, '');
|
|
$('#icons .selected').removeClass('selected');
|
|
|
|
if (selected === '') {
|
|
selected = 'fa-doesnt-exist';
|
|
}
|
|
if (selected) {
|
|
$('#icons .fa-icons .fa.' + selected).parent().addClass('selected');
|
|
}
|
|
|
|
bootbox.confirm('<h2>Select an icon.</h2>' + $('#icons').html(), function(confirm) {
|
|
if (confirm) {
|
|
var iconClass = $('.bootbox .selected').attr('class');
|
|
var categoryIconClass = $('<div/>').addClass(iconClass).removeClass('fa').removeClass('selected').attr('class');
|
|
if (categoryIconClass === 'fa-doesnt-exist') {
|
|
categoryIconClass = '';
|
|
}
|
|
|
|
el.attr('class', 'fa fa-2x ' + categoryIconClass);
|
|
el.val(categoryIconClass);
|
|
el.attr('value', categoryIconClass);
|
|
|
|
onModified(el);
|
|
}
|
|
});
|
|
|
|
setTimeout(function() { //bootbox was rewritten for BS3 and I had to add this timeout for the previous code to work. TODO: to look into
|
|
$('.bootbox .fa-icons i').on('click', function() {
|
|
$('.bootbox .selected').removeClass('selected');
|
|
$(this).addClass('selected');
|
|
});
|
|
}, 500);
|
|
};
|
|
|
|
return iconSelect;
|
|
});
|
|
|