refactored selectable to use 'selected' instead of 'dropped'; fixed position relative bug

v1.18.x
psychobunny 11 years ago
parent 44b39bc69d
commit eb5630caa7

@ -1,6 +1,7 @@
.selectable { .selectable {
.user-select(none); .user-select(none);
position: relative;
.selector { .selector {
position: absolute; position: absolute;
border: 1px solid #89B; border: 1px solid #89B;
@ -14,7 +15,7 @@
border: 1px solid transparent; border: 1px solid transparent;
margin: 2px; margin: 2px;
&.dropped, &.active { &.selected, &.active {
background-color: #ECF1DB; background-color: #ECF1DB;
border: 1px dashed #9B8; border: 1px dashed #9B8;
} }

@ -33,7 +33,7 @@ define('forum/admin/manage/tags', ['forum/infinitescroll', 'admin/selectable'],
}); });
$('#modify').on('click', function(ev) { $('#modify').on('click', function(ev) {
var tagsToModify = $('.tag-row.dropped'); var tagsToModify = $('.tag-row.selected');
if (!tagsToModify.length) { if (!tagsToModify.length) {
return; return;
} }
@ -101,7 +101,7 @@ define('forum/admin/manage/tags', ['forum/infinitescroll', 'admin/selectable'],
if (err) { if (err) {
return app.alertError(err.message); return app.alertError(err.message);
} }
app.alertSuccess('Tag Updated!'); app.alertSuccess('Tag Updated!');
}); });
} }

@ -8,7 +8,7 @@ define('admin/selectable', function() {
// modified from http://threedubmedia.com/code/event/drop/demo/selection // modified from http://threedubmedia.com/code/event/drop/demo/selection
selectable.enable = function(parentElement, elementsToSelect, events) { selectable.enable = function(parentElement, elementsToSelect, events) {
function selected(element) { function selected(element) {
var $element = $(element).addClass('dropped'); var $element = $(element).addClass('selected');
if (events && typeof events.onSelected === 'function') { if (events && typeof events.onSelected === 'function') {
events.onSelected($element); events.onSelected($element);
@ -16,7 +16,7 @@ define('admin/selectable', function() {
} }
function unselected(element) { function unselected(element) {
var $element = $(element).removeClass('dropped'); var $element = $(element).removeClass('selected');
if (events && typeof events.onUnselected === 'function') { if (events && typeof events.onUnselected === 'function') {
events.onUnselected($element); events.onUnselected($element);

Loading…
Cancel
Save