mirror of
https://github.com/lrsjng/h5ai.git
synced 2025-06-01 15:58:19 -04:00
Improves selectors.
This commit is contained in:
parent
ad845dbe66
commit
66e9dafaa5
6 changed files with 50 additions and 67 deletions
|
@ -115,31 +115,14 @@ modulejs.define('ext/select', ['_', '$', 'core/settings', 'core/resource', 'core
|
|||
initItem = function (item) {
|
||||
|
||||
if (item.$view) {
|
||||
item.$view.find('a')
|
||||
.on('mouseenter', function () {
|
||||
item.$view.find('.selector').on('click', function (event) {
|
||||
|
||||
var $icon = item.$view.find('.icon');
|
||||
event.stopImmediatePropagation();
|
||||
event.preventDefault();
|
||||
|
||||
$('#selector').remove();
|
||||
$('<div id="selector">' +
|
||||
'<img src="' + resource.image('select') + '" class="on-selected" alt="selected" />' +
|
||||
'<img src="' + resource.image('blank') + '" class="on-not-selected" alt="not-selected" />' +
|
||||
'</div>')
|
||||
.on('click', function (event) {
|
||||
|
||||
event.stopImmediatePropagation();
|
||||
event.preventDefault();
|
||||
|
||||
item.$view.toggleClass('selected');
|
||||
publish();
|
||||
})
|
||||
.appendTo(item.$view.find('a'));
|
||||
})
|
||||
.on('mouseleave', function () {
|
||||
|
||||
$('.hover').removeClass('hover');
|
||||
$('#selector').remove();
|
||||
});
|
||||
item.$view.toggleClass('selected');
|
||||
publish();
|
||||
});
|
||||
}
|
||||
},
|
||||
|
||||
|
|
|
@ -15,6 +15,9 @@ modulejs.define('view/items', ['_', '$', 'core/settings', 'core/resource', 'core
|
|||
'<span class="label"/>' +
|
||||
'<span class="date"/>' +
|
||||
'<span class="size"/>' +
|
||||
'<span class="selector">' +
|
||||
'<img src="' + resource.image('select') + '" alt="selected"/>' +
|
||||
'</span>' +
|
||||
'</a>' +
|
||||
'</li>',
|
||||
hintTemplate = '<span class="hint"/>',
|
||||
|
@ -72,6 +75,7 @@ modulejs.define('view/items', ['_', '$', 'core/settings', 'core/resource', 'core
|
|||
$label.addClass('l10n-parentDirectory');
|
||||
}
|
||||
$html.addClass('folder-parent');
|
||||
$html.find('.selector').remove();
|
||||
}
|
||||
|
||||
if (item.$view) {
|
||||
|
|
|
@ -29,7 +29,7 @@ modulejs.define('view/viewmode', ['_', '$', 'core/settings', 'core/resource', 'c
|
|||
|
||||
var contentWidth = $('#content').width(),
|
||||
$view = $('#view'),
|
||||
itemWidth = ($view.hasClass('view-icons') || $view.hasClass('view-grid')) ? ($view.find('.item').eq(0).width() || 1) : 1;
|
||||
itemWidth = ($view.hasClass('view-icons') || $view.hasClass('view-grid')) ? ($view.find('.item').eq(0).outerWidth(true) || 1) : 1;
|
||||
|
||||
$view.width(Math.floor(contentWidth / itemWidth) * itemWidth);
|
||||
},
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue