Nemcio/NodeBB
1
0
Fork 0
mirror of https://github.com/NodeBB/NodeBB.git synced 2026-07-09 11:23:23 +02:00
Code Issues Packages Projects Releases Wiki Activity

Merge branch 'iconSelect-modal-selected' of https://github.com/rbeer/NodeBB into rbeer-iconSelect-modal-selected

Browse Source
This commit is contained in:
Julian Lam
2016-04-20 10:00:27 -04:00
parent fce5780d0f ee2c178f2a
commit 51309890fe
1 changed files with 33 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

42
public/src/modules/iconSelect.js
View File

@@ -20,6 +20,7 @@ define('iconSelect', function() {
var picker = bootbox.dialog({
onEscape: true,
backdrop: true,
show: false,
message: html,
title: 'Select an Icon',
buttons: {
@@ -41,9 +42,11 @@ define('iconSelect', function() {
var iconClass = $('.bootbox .selected').attr('class');
var categoryIconClass = $('<div/>').addClass(iconClass).removeClass('fa').removeClass('selected').attr('class');
el.attr('class', 'fa ' + (doubleSize ? 'fa-2x ' : '') + categoryIconClass);
el.val(categoryIconClass);
el.attr('value', categoryIconClass);
if (categoryIconClass) {
el.attr('class', 'fa ' + (doubleSize ? 'fa-2x ' : '') + categoryIconClass);
el.val(categoryIconClass);
el.attr('value', categoryIconClass);
}
onModified(el);
}
@@ -51,19 +54,41 @@ define('iconSelect', function() {
}
});
picker.on('show.bs.modal', function() {
var modalEl = $(this),
searchEl = modalEl.find('input');
if (selected) {
modalEl.find('.' + selected).addClass('selected');
searchEl.val(selected.replace('fa-', ''));
}
}).modal('show');
picker.on('shown.bs.modal', function() {
var modalEl = $(this),
searchEl = modalEl.find('input'),
icons = modalEl.find('.fa-icons i'),
submitEl = modalEl.find('button.btn-primary');
function changeSelection(newSelection) {
modalEl.find('i.selected').removeClass('selected');
if (newSelection) {
newSelection.addClass('selected');
} else if (searchEl.val().length === 0) {
if (selected) {
modalEl.find('.' + selected).addClass('selected');
}
} else {
modalEl.find('i:visible').first().addClass('selected');
}
}
// Focus on the input box
searchEl.focus();
searchEl.selectRange(0, searchEl.val().length);
modalEl.find('.icon-container').on('click', 'i', function() {
searchEl.val($(this).attr('class').replace('fa fa-', ''));
modalEl.find('.icon-container i').removeClass('selected');
$(this).addClass('selected');
searchEl.val($(this).attr('class').replace('fa fa-', '').replace('selected', ''));
changeSelection($(this));
});
searchEl.on('keyup', function(e) {
@@ -75,9 +100,8 @@ define('iconSelect', function() {
$(el).hide();
}
});
changeSelection();
} else {
// Pick first match
$('.icon-container i:visible').first().addClass('selected');
submitEl.click();
}
});