mirror of
https://github.com/RetroShare/RSNewWebUI.git
synced 2026-09-14 11:05:47 +05:00
implement message starring
This commit is contained in:
parent
d0fcbe37aa
commit
53ed19daea
@ -40,6 +40,16 @@ table.mails tr.unread {
|
||||
color: black;
|
||||
background-color: #eef3f6;
|
||||
}
|
||||
/* hide checkbox */
|
||||
input.star-check {
|
||||
display: none;
|
||||
}
|
||||
/* use label with 'for' to manipulate checkbox */
|
||||
input.star-check + label.star-check {
|
||||
color: grey;
|
||||
} input.star-check:checked + label.star-check {
|
||||
color: #fcba03;
|
||||
}
|
||||
|
||||
iframe.msg {
|
||||
border: 0;
|
||||
|
||||
@ -6,12 +6,15 @@ const people = require('people_util');
|
||||
const MessageSummary = () => {
|
||||
let details = {};
|
||||
let files = [];
|
||||
let isStarred = undefined;
|
||||
return {
|
||||
oninit: (v) => rs.rsJsonApiRequest('/rsMsgs/getMessage', {
|
||||
msgId: v.attrs.details.msgId,
|
||||
}, (data) => {
|
||||
details = data.msg;
|
||||
files = details.files;
|
||||
v.state.isStarred = (details.msgflags & 0xf00) === 0x200;
|
||||
|
||||
}),
|
||||
view: (v) => m('tr.msgbody', {
|
||||
key: details.msgId,
|
||||
@ -21,13 +24,25 @@ const MessageSummary = () => {
|
||||
msgId: details.msgId,
|
||||
}),
|
||||
}, [
|
||||
// TODO: custom checkbox tag
|
||||
m('td', m('i.fas.fa-star', {
|
||||
onclick: () => {
|
||||
console.log('lol')
|
||||
},
|
||||
class: (details.msgflags & 0xf00) === 0x200 ? 'starred' : 'unstarred'
|
||||
})),
|
||||
m('td',
|
||||
m('input.star-check[type=checkbox][id=msg-' + details.msgId +
|
||||
']', {
|
||||
checked: v.state.isStarred
|
||||
}),
|
||||
// Use label with [for] to manipulate hidden checkbox
|
||||
m('label.star-check[for=msg-' + details.msgId + ']', {
|
||||
onclick: (e) => {
|
||||
v.state.isStarred = !v.state.isStarred;
|
||||
rs.rsJsonApiRequest('/rsMsgs/MessageStar', {
|
||||
msgId: details.msgId,
|
||||
mark: v.state.isStarred,
|
||||
});
|
||||
// Stop event bubbling, both functions for supporting IE & FF
|
||||
e.stopImmediatePropagation();
|
||||
e.preventDefault();
|
||||
},
|
||||
class: (details.msgflags & 0xf00) === 0x200 ? 'starred' : 'unstarred'
|
||||
}, m('i.fas.fa-star'))),
|
||||
m('td', files.length),
|
||||
m('td', details.title),
|
||||
//m('td', details.rspeerid_srcId == 0 ?
|
||||
|
||||
Loading…
Reference in New Issue
Block a user