u-wave / web Goto Github PK
View Code? Open in Web Editor NEWWeb client for üWave, the self-hosted collaborative listening platform.
Home Page: https://demo.u-wave.net
License: MIT License
Web client for üWave, the self-hosted collaborative listening platform.
Home Page: https://demo.u-wave.net
License: MIT License
The title of the playlist tries to nicely wrap into the playlist manager space by doing a line break at a whitespace. The problem with that is that the row will stick to its default size and thus the title will overflow over the playlist below.
All possible items of the playlists manager are affected.
b/c the :nth-child
selector starts selecting different stuff.
should just add an --alternate
modifier in JS probably.
it always ends up assuming the user is at the very end of the waitlist.
Route is there, just needs a button someplace. Possibly in the user/settings menu.
The playlist manager is rendered behind the YouTube frame, might be a possible side effect of the fail over bug fix for Firefox and Edge? 😄
for truncated song titles
Probably also actually hosting TOS somewhere, like /terms.html
or so.
Proxied preferably!
leaveWaitlist is not defined
developing a usable extension api for a react app, could be interesting e.e
Edge occasionally force closes itself while loading the page, there are rare occurances where the background isn't rendered and the the video won't play automatically.
Picks a random heart from ❤️ 💛 💚 💙 💜 . 👀
Microsoft's Edge and Firefox have issues with the z-order, rendering the non blurred thumbnail over the actual player.
So kids don't get to see when stupid people upload porn pictures for avatars. Alternatively, use identicons for everyone until you log in.
(Note that avatars will probably be gravatar by default, but still worth protecting against.)
click to close, anyone?!
T_T
Unhandled rejection Error: Failed to execute 'send' on 'WebSocket': Still in CONNECTING state.
Should enqueue messages until the connection is completed.
would be nice to get some tests going. currently only code style is checked.
useful stuff: react-addons-test-utils
will have to look into test runners, maybe mocha or jest.
Some components currently worry about state changes and about rendering stuff. Ideally each component should only worry about one of those.
currently moving something around in a playlist or removing something sets the entire playlist to "loading", temporarily replacing the media list with a huge loading indicator. it's kind of a jarring transition. adding a loading indicator to only the relevant items instead would ease this a bit (and that could also be reused while loading thumbnails maybe)
related: predicting what the next playlist state will look like would make things feel faster, too. currently most playlist actions actually already have to do a bunch of mutation client-side so we could just do that immediately and wait for the server for confirmation only.
IE and Edge don't support CSS filter: blur()
, so we should fall back to an SVG element with SVG blur filters instead.
It would be reaaaaally rad if the last search query would stay in the manager till the next search 😄
Because the video ID is the same. Should rerender based on history ID instead, and force the YT component to reload if the history ID is different.
The scrollbars should be similar to the mockup (right): http://i.imgur.com/N8LUuSu.jpg
The volume slider is moving down by a bunch of pixels when the title is too long.
Should drop in an unobstructed direction, and get a scroll bar if there's not enough space.
(Related: Should also get a modal div so they don't hide immediately when you move the mouse)
If you add a song to a playlist, it should be already on top, so you don't need to re-arrange the playlist again.
how are you @kool?
doesn't mention @kool
.
The room and waitlist views won't render as soon as the chat message cap is reached.
Adding stuff:
Keep style files next to their components
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.