You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
42 lines
1.4 KiB
TypeScript
42 lines
1.4 KiB
TypeScript
4 years ago
|
import { NamedPage } from 'vj/misc/Page';
|
||
|
import UserSelectAutoComplete from 'vj/components/autocomplete/UserSelectAutoComplete';
|
||
3 years ago
|
import ProblemSelectAutoComplete from 'vj/components/autocomplete/ProblemSelectAutoComplete';
|
||
4 years ago
|
|
||
|
const page = new NamedPage('record_main', async () => {
|
||
3 years ago
|
const [{ default: SockJs }, { DiffDOM }] = await Promise.all([
|
||
|
import('../components/socket'),
|
||
|
import('diff-dom'),
|
||
|
]);
|
||
4 years ago
|
|
||
|
const sock = new SockJs(UiContext.socketUrl);
|
||
|
const dd = new DiffDOM();
|
||
|
|
||
3 years ago
|
let firstLoad = true;
|
||
4 years ago
|
sock.onopen = () => {
|
||
3 years ago
|
if (firstLoad) sock.send(JSON.stringify({ rids: UiContext.rids }));
|
||
|
firstLoad = false;
|
||
4 years ago
|
};
|
||
|
sock.onmessage = (message) => {
|
||
|
const msg = JSON.parse(message.data);
|
||
|
const $newTr = $(msg.html);
|
||
|
const $oldTr = $(`.record_main__table tr[data-rid="${$newTr.attr('data-rid')}"]`);
|
||
|
if ($oldTr.length) {
|
||
|
$oldTr.trigger('vjContentRemove');
|
||
|
dd.apply($oldTr[0], dd.diff($oldTr[0], $newTr[0]));
|
||
|
$oldTr.trigger('vjContentNew');
|
||
|
} else {
|
||
|
$('.record_main__table tbody').prepend($newTr);
|
||
3 years ago
|
$('.record_main__table tbody tr:last').remove();
|
||
4 years ago
|
$newTr.trigger('vjContentNew');
|
||
|
}
|
||
|
};
|
||
3 years ago
|
UserSelectAutoComplete.getOrConstruct($('[name="uidOrName"]'), {
|
||
|
clearDefaultValue: false,
|
||
|
});
|
||
|
ProblemSelectAutoComplete.getOrConstruct($('[name="pid"]'), {
|
||
4 years ago
|
clearDefaultValue: false,
|
||
|
});
|
||
|
});
|
||
|
|
||
|
export default page;
|