Drop .actionHandle

This commit is contained in:
the-djmaze 2023-10-02 18:35:59 +02:00
parent 57b804f3a3
commit e1649d0361
4 changed files with 7 additions and 11 deletions

View file

@ -21,15 +21,13 @@ export class Selector {
* @param {koProperty} koFocusedItem * @param {koProperty} koFocusedItem
* @param {string} sItemSelector * @param {string} sItemSelector
* @param {string} sItemCheckedSelector * @param {string} sItemCheckedSelector
* @param {string} sItemFocusedSelector
*/ */
constructor( constructor(
koList, koList,
koSelectedItem, koSelectedItem,
koFocusedItem, koFocusedItem,
sItemSelector, sItemSelector,
sItemCheckedSelector, sItemCheckedSelector
sItemFocusedSelector
) { ) {
koFocusedItem = (koFocusedItem || ko.observable(null)).extend({ toggleSubscribeProperty: [this, 'focused'] }); koFocusedItem = (koFocusedItem || ko.observable(null)).extend({ toggleSubscribeProperty: [this, 'focused'] });
koSelectedItem = (koSelectedItem || ko.observable(null)).extend({ toggleSubscribeProperty: [null, 'selected'] }); koSelectedItem = (koSelectedItem || ko.observable(null)).extend({ toggleSubscribeProperty: [null, 'selected'] });
@ -46,7 +44,7 @@ export class Selector {
this.sItemSelector = sItemSelector; this.sItemSelector = sItemSelector;
this.sItemCheckedSelector = sItemCheckedSelector; this.sItemCheckedSelector = sItemCheckedSelector;
this.sItemFocusedSelector = sItemFocusedSelector; this.sItemFocusedSelector = sItemSelector + '.focused';
this.sLastUid = ''; this.sLastUid = '';
this.oCallbacks = {}; this.oCallbacks = {};

View file

@ -56,9 +56,8 @@ export class ContactsPopupView extends AbstractViewPopup {
ContactUserStore, ContactUserStore,
this.selectorContact, this.selectorContact,
null, null,
'.e-contact-item .actionHandle', '.e-contact-item',
'.e-contact-item .checkboxItem', '.e-contact-item .checkboxItem'
'.e-contact-item.focused'
); );
this.selector.on('ItemSelect', contact => this.populateViewContact(contact)); this.selector.on('ItemSelect', contact => this.populateViewContact(contact));

View file

@ -220,8 +220,7 @@ export class MailMessageList extends AbstractViewRight {
MessagelistUserStore.selectedMessage, MessagelistUserStore.selectedMessage,
MessagelistUserStore.focusedMessage, MessagelistUserStore.focusedMessage,
'.messageListItem', '.messageListItem',
'.messageListItem .messageCheckbox', '.messageListItem .messageCheckbox'
'.messageListItem.focused'
); );
this.selector.on('ItemSelect', message => { this.selector.on('ItemSelect', message => {
@ -614,7 +613,7 @@ export class MailMessageList extends AbstractViewRight {
eqs(event, '.checkboxCheckAll') && this.checkAll(!this.checkAll()); eqs(event, '.checkboxCheckAll') && this.checkAll(!this.checkAll());
}, },
dblclick: event => { dblclick: event => {
let el = eqs(event, '.actionHandle'); let el = eqs(event, '.messageListItem');
el && this.gotoThread(ko.dataFor(el)); el && this.gotoThread(ko.dataFor(el));
} }
}); });

View file

@ -63,7 +63,7 @@
<div class="e-contact-foreach g-ui-user-select-none" data-bind="foreach: contacts, visible: contacts().length"> <div class="e-contact-foreach g-ui-user-select-none" data-bind="foreach: contacts, visible: contacts().length">
<div class="e-contact-item g-ui-user-select-none" data-bind="css: lineAsCss()"> <div class="e-contact-item g-ui-user-select-none" data-bind="css: lineAsCss()">
<div class="checkboxItem fontastic" data-bind="text: checked() ? '☑' : '☐'"></div> <div class="checkboxItem fontastic" data-bind="text: checked() ? '☑' : '☐'"></div>
<div class="nameParent actionHandle" data-bind="text: display"></div> <div class="nameParent" data-bind="text: display"></div>
</div> </div>
</div> </div>
</div> </div>