Commit Graph

47 Commits

Author SHA1 Message Date
Feross Aboukhadijeh
adf53bb7cc Fix scroll bar goes under header bar (fix #101) 2016-03-08 19:29:30 -08:00
Feross Aboukhadijeh
70aacf96af Merge pull request #98 from feross/window-ui-improvements
Lighter window background; small state changes
2016-03-08 18:41:53 -08:00
Liam Gray
9324765db9 Fix looping video 2016-03-08 17:36:20 -08:00
Feross Aboukhadijeh
67217bdc7e Lighter window background
Native windows get lighter when they’re backgrounded so they stand out
less (at least on OS X). Let’s do this too.

Even the Spotify app, which has dozens of developers gets this wrong.
We’re so awesome :)

Also:

- Renamed a bunch of state variables (next time will make separate
commit, sry)
- All window-related variables (e.g. isFullScreen, isFocused, etc.)
live in `state.window` now
- Remove negative class name, use CSS :not() instead
2016-03-08 17:18:31 -08:00
Feross Aboukhadijeh
6946ab3507 style improvements
- make torrent placeholder the exact size of a normal torrent
- make torrent list window minimum size of two torrents
- make window start out sized for 4 torrents
- increase font size responsively
2016-03-08 15:39:39 -08:00
Feross Aboukhadijeh
9fce4d9741 Merge pull request #93 from Flet/even-prettier-bytes
switch to prettier-bytes
2016-03-08 12:41:58 -08:00
Dan Flettre
302d485bc8 switch to prettier-bytes 2016-03-08 10:45:55 -06:00
DC
ff56d818f6 Torrent list styling
* Download button is a lot easier to read: white down arrow when off, animated and pulsating green down arrow when downloading, solid green up arrow when seeding

* Play button shows a spinner if you click play before a torrent is ready, then an exclamation point if the torrent still isn't ready after 10 seconds

* Drop target shows up always, not just when the torrent list is empty. Lights up when you drag something

* Fixed alignment, the Xs to delete torrents are now aligned with the + to add a new torrent
2016-03-08 04:20:37 -08:00
DC
4c03e98a19 Video controls: never hide when paused
Also simplifies CSS
2016-03-08 02:36:33 -08:00
Feross Aboukhadijeh
1681b8980b Merge pull request #81 from Flet/prettier-bytes
prettier bytes: drop fractional number if integer side is more than one digit
2016-03-07 22:47:51 -08:00
DC
4b890ee9f6 Show Blender Foundation videos by default
* Finishes the saved torrents feature!
* Torrents load and save correctly. Poster is autogenerated only once.
* Torrents can be paused and restarted
* Download button indicates state:
 - White means paused
 - Pulsating green means downloading
 - Solid green means finished downloading, only seeding
2016-03-07 22:15:47 -08:00
Dan Flettre
6a596fdde5 prettier bytes: drop fractional number if integer side is more than one digit 2016-03-07 23:48:32 -06:00
Nate Goldman
96fa5747a7 add empty list state 2016-03-07 15:28:19 -08:00
Chris Morris
fa93891574 Prevent playback controls from hiding while the user is scrubbing
Fixes #64
2016-03-07 22:13:56 +11:00
Chris Morris
096e4bfd9b Double-click video to enter fullscreen 2016-03-07 21:42:36 +11:00
DC
713c391c05 Add download button
Doesn't do anything yet
2016-03-07 00:01:32 -08:00
Feross Aboukhadijeh
8b1b21c1ee Unsquash the UI when window is small
Fix #44
2016-03-06 01:03:20 -08:00
Feross Aboukhadijeh
e0122f81e5 don't calculate styles in JavaScript whenever possible 2016-03-05 22:06:32 -08:00
Feross Aboukhadijeh
85cdc522c6 header disappear when mouse not over 2016-03-05 21:55:19 -08:00
Feross Aboukhadijeh
1a7b69a19d fix mistake 2016-03-05 21:14:17 -08:00
Nate Goldman
7c1c430097 hide header on video after mouse idle 2016-03-05 20:33:12 -08:00
Feross Aboukhadijeh
52427dd183 Hide player controls when mouse is still, even when not fullscreened (fix #37) 2016-03-05 19:24:42 -08:00
Feross Aboukhadijeh
1b269189b7 no need for '|| 0' 2016-03-05 19:20:17 -08:00
Feross Aboukhadijeh
edb16a1bf1 Use single quotes in hyperx 2016-03-05 19:02:40 -08:00
Feross Aboukhadijeh
c8a8d28473 Merge pull request #34 from feross/progress
improve progress percent & bytes display
2016-03-05 18:50:43 -08:00
Nate Goldman
2a52dbb600 improve progress percent & bytes display 2016-03-05 18:41:20 -08:00
Feross Aboukhadijeh
69a078ad4c Header tweaks
This change does the following:

- Show the header on Linux/Windows when fullscreened, but not in the
player. Users might fullscreen the app when they’re not playing a video.
- Always show the header on OS X (even when fullscreened) since that’s
how the user will exit the video. We can work on adding auto-hiding to
it later.
2016-03-05 18:31:18 -08:00
DC
d1b61bdc07 Hide cursor after 2s in fullscreen 2016-03-05 17:01:20 -08:00
Feross Aboukhadijeh
a38b27876b state.client.torrents will always exist 2016-03-05 16:26:05 -08:00
DC
098827ec78 State: put temp state directly in state, saved in state.saved 2016-03-05 16:00:41 -08:00
DC
5b383d3ed0 Split state into temp and saved
Also stop using IPC to calculate window width

Add default torrents--the Blender Foundation videos--not displayed yet
2016-03-05 15:51:43 -08:00
Feross Aboukhadijeh
ff1d5a6bb0 correct boolean attribute 2016-03-05 13:32:53 -08:00
Nate Goldman
86f4ad29a6 fix renderering errors
giving prettyBytes anything but a number causes the torrent-list render to fail
2016-03-05 11:43:25 -08:00
Nate Goldman
4a4d5cc4ed better approximation of byte progress 2016-03-05 11:13:08 -08:00
Nate Goldman
90a1094073 improve torrent metadata display 2016-03-05 10:50:59 -08:00
Nate Goldman
82732aae11 fix #17 - autoresize window on play
function references in hyperx need to look like:

```
onloadedmetadata=${onLoadedMetadata}
```

and not:

```
onloadedmetadata="${onLoadedMetadata}"
```

also removed some unnecessary `torrent.ready` checks in the player.
2016-03-05 09:24:31 -08:00
DC
e4f2716d06 Video player polish
No header on Linux and OSX, just a back button on mouseover

ESC exits fullscreen, or if already not in fullscreen, goes back

More accurate scrub position

Removed the calc(100% -38x) hack, replaced with flexbox
2016-03-05 06:12:02 -08:00
DC
59b3bd04a9 Letterbox video. Hide toolbar in fullscreen
Cleaner-looking Chromecast and Airplay icons

Hide top bar in full screen mode
2016-03-05 05:14:24 -08:00
DC
1b630b5025 Playback controls: fix scrub ghosting 2016-03-05 02:13:04 -08:00
DC
b7b30ed7c4 Cast buttons and fullscreen in player controls 2016-03-05 01:09:34 -08:00
Feross Aboukhadijeh
1475e5f95e Use html "class" property
As of this PR (https://github.com/substack/hyperx/pull/22) to hyperx,
attributes are automatically converted to properties for the few cases
where they’re different: class, for, and http-equiv.
2016-03-04 23:21:52 -08:00
Nate Goldman
b913997fad use fancier className notation everywhere 2016-03-04 19:06:40 -08:00
Nate Goldman
4e1de57f55 update class notation 2016-03-04 19:00:10 -08:00
Nate Goldman
b5561f13b4 try hyperx 2016-03-04 18:11:06 -08:00
Feross Aboukhadijeh
ad8399af1c Nicer player controls
- make bottom bar match header bar color
- enlarge cursor and loading bar on hover
- remove extraneous .bottom-bar class
2016-03-04 17:46:42 -08:00
Feross Aboukhadijeh
b6f24f7726 fix: hide add button when on player page 2016-03-04 16:48:37 -08:00
Nate Goldman
9a0f361e14 separation of concerns 2016-03-04 13:14:22 -08:00