Refactor code structure for improved readability and maintainability
This commit is contained in:
12
web/main.js
12
web/main.js
@@ -122,14 +122,14 @@ function render() {
|
||||
title: 'Upvote',
|
||||
onClick: () => votePlayer(1)
|
||||
}, el('span', { class: 'vote-icon' }, '▲'),
|
||||
el('span', { class: 'vote-count' }, String(v?.up ?? 0))),
|
||||
el('span', { class: 'vote-count' }, String(v?.up ?? 0))),
|
||||
el('button', {
|
||||
class: `vote down ${v?.myVote === -1 ? 'on' : ''}`,
|
||||
disabled: !p.stationId,
|
||||
title: 'Downvote',
|
||||
onClick: () => votePlayer(-1)
|
||||
}, el('span', { class: 'vote-icon' }, '▼'),
|
||||
el('span', { class: 'vote-count' }, String(v?.down ?? 0)))
|
||||
el('span', { class: 'vote-count' }, String(v?.down ?? 0)))
|
||||
),
|
||||
el('button', {
|
||||
class: `btn-play ${p.loading ? 'loading' : ''}`,
|
||||
@@ -172,11 +172,11 @@ function render() {
|
||||
title: 'Sort browse list',
|
||||
onChange: (e) => { state.sort = e.target.value; savedGridScroll = 0; refreshStations().then(render); }
|
||||
},
|
||||
el('option', { value: 'hot', selected: state.sort === 'hot' }, '🔥 Hot (smart)'),
|
||||
el('option', { value: 'top', selected: state.sort === 'top' }, '▲ Top voted'),
|
||||
el('option', { value: 'plays', selected: state.sort === 'plays' }, '▶ Most played'),
|
||||
el('option', { value: 'hot', selected: state.sort === 'hot' }, '🔥 Hot (smart)'),
|
||||
el('option', { value: 'top', selected: state.sort === 'top' }, '▲ Top voted'),
|
||||
el('option', { value: 'plays', selected: state.sort === 'plays' }, '▶ Most played'),
|
||||
el('option', { value: 'controversial', selected: state.sort === 'controversial' }, '⚡ Controversial'),
|
||||
el('option', { value: 'name', selected: state.sort === 'name' }, 'A → Z')
|
||||
el('option', { value: 'name', selected: state.sort === 'name' }, 'A → Z')
|
||||
)
|
||||
: null,
|
||||
el('input', {
|
||||
|
||||
Reference in New Issue
Block a user