Weishen/Hydro
2
0 Fork 0
mirror of https://gitcode.com/gh_mirrors/hy/Hydro.git synced 2026-10-20 01:38:19 +08:00
Code Issues Packages Projects Releases Wiki Activity

ui: add scoreboard highlight for self & star user (#797)

Browse Source
This commit is contained in:
panda authored and GitHub committed 2024-05-08 06:31:39 +08:00
1 parent 9d4d1b489c
commit eec828d9a2
2 files changed
+7 -2
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

packages/ui-default/pages/contest.page.styl
+3
View File
@@ -196,6 +196,9 @@ $highlight-button-color = #F6DF45
.col--problem .col--problem
display: none display: none
.star-highlight
background: lighten($primary-color, 90%)
.page--contest_user .page--contest_user
.col--uid .col--uid
width: rem(100px) width: rem(100px)
packages/ui-default/pages/contest_scoreboard.page.ts
+4 -2
View File
@@ -8,7 +8,8 @@ const page = new NamedPage(['contest_scoreboard', 'homework_scoreboard'], () =>
const read = () => JSON.parse(localStorage.getItem(key) || '[]'); const read = () => JSON.parse(localStorage.getItem(key) || '[]');
const write = (data) => localStorage.setItem(key, JSON.stringify(data)); const write = (data) => localStorage.setItem(key, JSON.stringify(data));
read().forEach((uid) => $(`.star.user--${uid}`).addClass('activated')); $(`.star.user--${UserContext._id}`).closest('tr').addClass('star-highlight');
read().forEach((uid) => $(`.star.user--${uid}`).addClass('activated').closest('tr').addClass('star-highlight'));
$('.star').on('click', (e) => { $('.star').on('click', (e) => {
const star = read(); const star = read();
const $target = $(e.currentTarget); const $target = $(e.currentTarget);
@@ -27,9 +28,10 @@ const page = new NamedPage(['contest_scoreboard', 'homework_scoreboard'], () =>
const val = $(e.target).val(); const val = $(e.target).val();
if (val === 'all') { if (val === 'all') {
$('.data-table tbody tr').show(); $('.data-table tbody tr').show();
read().forEach((uid) => $(`.star.user--${uid}`).closest('tr').addClass('star-highlight'));
} else if (val === 'star') { } else if (val === 'star') {
$('.data-table tbody tr').hide(); $('.data-table tbody tr').hide();
read().forEach((uid) => $(`.star.user--${uid}`).closest('tr').show()); read().forEach((uid) => $(`.star.user--${uid}`).closest('tr').show().removeClass('star-highlight'));
} else if (val === 'rank') { } else if (val === 'rank') {
$('.data-table tbody tr').show(); $('.data-table tbody tr').show();
$('.rank--unrank').closest('tr').hide(); $('.rank--unrank').closest('tr').hide();