Skip to content

Completely refactor and fix timeslider #2040

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Closed
s1341 wants to merge 50 commits into from
Closed

Completely refactor and fix timeslider #2040

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
50 commits
Select commit Hold shift + click to select a range
e55ef0f
Introduce timeslider object
s1341 Nov 23, 2013
95310da
handlers dict needs to be in AuthorizedClient; cleanup
s1341 Nov 23, 2013
e6a426d
Initial UI classes, with working partial rendering
s1341 Nov 24, 2013
012cd18
forgot to add jquery.class plugin
s1341 Nov 25, 2013
57ed44f
Working slider with mouse and events
s1341 Nov 28, 2013
748b38f
Steppers/Play-pause now in CSS
s1341 Dec 2, 2013
788a59b
Split slider out to a separate file
s1341 Dec 5, 2013
2a63aa5
add revisioncache which is destined to replace broadcast_revisions
s1341 Dec 5, 2013
488c110
add missing require for jquery.class
s1341 Dec 5, 2013
a90cf74
wrong findPath function. corrected
s1341 Dec 5, 2013
30279e2
Fix typos, add Thread class
s1341 Dec 8, 2013
47a6c74
Add configurable interval
s1341 Dec 8, 2013
78eb0c7
Working changesetloader (no caching)
s1341 Dec 9, 2013
6526942
PadClient initial
s1341 Dec 10, 2013
8c96c4c
Spike of revision graph
s1341 Dec 10, 2013
e54d63d
Fix syntax errors
s1341 Dec 10, 2013
88971c1
add missing break
s1341 Dec 12, 2013
3d4b6a9
Cleanup code (jshint)
s1341 Dec 12, 2013
66c75e0
Missed one element
s1341 Dec 12, 2013
1eddedc
working revision/changeset graph
s1341 Dec 12, 2013
c634822
Fix reverse traversals
s1341 Dec 12, 2013
186efe0
Make the transition algo a little more accurate.
s1341 Dec 12, 2013
360bb55
Fix discontinuity detection in revision traversal
s1341 Dec 12, 2013
11146ce
Cleanup cruft. Start wiring things up
s1341 Dec 13, 2013
f49abe6
Cleanup
s1341 Dec 13, 2013
3013bab
More or less working goToRevision
s1341 Dec 14, 2013
eef0849
Minimal working UI wireup
s1341 Dec 16, 2013
676ff3f
Handle is only moved when triggered event is done.
s1341 Dec 16, 2013
b8591ed
Sliding now triggers goToRevision.
s1341 Dec 16, 2013
ccfb0e2
Change changesetLoader to run every 200ms:wq
s1341 Dec 16, 2013
ab9b55d
Play/Pause working.
s1341 Dec 16, 2013
14b2af4
Don't process clicks on steppers if disabled
s1341 Dec 16, 2013
541f0e5
Fix top of editorcontainer so that it isn't behind timeslider
s1341 Dec 16, 2013
13f4a71
Clicking steppers should pause playback
s1341 Dec 16, 2013
a5eced9
Allow compose or apply to be used in GoToRevision
s1341 Dec 17, 2013
275c26f
Cleanup; add getHeadRevision function to connection
s1341 Dec 17, 2013
1c6012b
Workaround for granularity issue.
s1341 Dec 17, 2013
ed3e88b
Real fix for the traversal/granularity bug.
s1341 Dec 17, 2013
3c0bd57
Implement authorinfo; split RevisionSlider out
s1341 Dec 20, 2013
805e492
Handle new author info and revisions
s1341 Dec 21, 2013
b4baba6
Fixed transition algo not incrementing start
s1341 Dec 22, 2013
d89babf
Handle clicking slider when playing
s1341 Dec 22, 2013
321aa05
Fix transition bug; add scrollIntoView.
s1341 Dec 22, 2013
39dc862
Logging verbose by class
s1341 Dec 24, 2013
f259481
Fix logging
s1341 Dec 24, 2013
9ee80c7
missing brace
s1341 Dec 24, 2013
aaf0283
Fix the bug causing the lineAssem assert
s1341 Dec 24, 2013
1060544
transition is now much clearer.
s1341 Dec 31, 2013
126c83f
Commit despite bug in requestChangesets
s1341 Dec 31, 2013
e64c589
added logging to assist in debugging
s1341 Dec 31, 2013
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
186 changes: 112 additions & 74 deletions src/static/css/timeslider.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,7 +1,115 @@
/*
* slider handles (SliderHandle)
*/

.ui-slider-handle {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
cursor: pointer;
position: absolute;
}

.ui-slider-handle-star {
background-image: url(../../static/img/star.png);
height: 16px;
top: 20px;
width: 15px;
}

.ui-slider-handle-handle {
background-image: url(../../static/img/crushed_current_location.png);
height: 61px;
left: 0;
top: -14px;
width: 13px;
}

/*
* Steppers
*/

.stepper {
background: url(../../static/img/stepper_buttons.png) 0 0 no-repeat;
height: 21px;
overflow: hidden;
position: absolute;
}
#leftstar {
background-position: 0 -44px;
right: 34px;
top: 8px;
width: 30px;
}
#rightstar {
background-position: -29px -44px;
right: 5px;
top: 8px;
width: 30px;
}
#leftstep:active {
background-position: 0 -22px;
right: 34px;
top: 20px;
width: 30px;
}
#leftstep {
background-position: 0 -66px;
right: 34px;
top: 20px;
width: 30px;
}
#rightstep:active {
background-position: -29px -22px;
right: 5px;
top: 20px;
width: 30px;
}
#rightstep {
background-position: -29px -66px;
right: 5px;
top: 20px;
width: 30px;
}

#playpause_button,
#playpause_button_icon {
height: 47px;
position: absolute;
width: 47px;
}
#playpause_button {
background-image: url(../../static/img/crushed_button_undepressed.png);
right: 77px;
top: 9px;
}
#playpause_button:active {
background-image: url(../../static/img/crushed_button_depressed.png);
right: 77px;
top: 9px;
}
#playpause_button_icon {
background-image: url(../../static/img/play.png);
left: 0;
top: 0;
}
.pause#playpause_button_icon {
background-image: url(../../static/img/pause.png)
}







#timeslider .slider-handle {
position: absolute;
}
#editorcontainerbox {
overflow: auto;
top: 40px;
position: static;
top: 120px;
position: absolute;
}
#padcontent {
font-size: 12px;
Expand Down Expand Up @@ -46,18 +154,7 @@
top: 1px;
width: 100%;
}
#ui-slider-handle {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
background-image: url(../../static/img/crushed_current_location.png);
cursor: pointer;
height: 61px;
left: 0;
position: absolute;
top: 0;
width: 13px;
}

#ui-slider-bar {
-webkit-user-select: none;
-moz-user-select: none;
Expand All @@ -69,66 +166,6 @@
position: relative;
top: 20px;
}
#playpause_button,
#playpause_button_icon {
height: 47px;
position: absolute;
width: 47px;
}
#playpause_button {
background-image: url(../../static/img/crushed_button_undepressed.png);
right: 77px;
top: 9px;
}
#playpause_button_icon {
background-image: url(../../static/img/play.png);
left: 0;
top: 0;
}
.pause#playpause_button_icon {
background-image: url(../../static/img/pause.png)
}
#leftstar,
#rightstar,
#leftstep,
#rightstep {
background: url(../../static/img/stepper_buttons.png) 0 0 no-repeat;
height: 21px;
overflow: hidden;
position: absolute;
}
#leftstar {
background-position: 0 -44px;
right: 34px;
top: 8px;
width: 30px;
}
#rightstar {
background-position: -29px -44px;
right: 5px;
top: 8px;
width: 29px;
}
#leftstep {
background-position: 0 -22px;
right: 34px;
top: 20px;
width: 30px;
}
#rightstep {
background-position: -29px -22px;
right: 5px;
top: 20px;
width: 30px;
}
#timeslider .star {
background-image: url(../../static/img/star.png);
cursor: pointer;
height: 16px;
position: absolute;
top: 40px;
width: 15px;
}
#timeslider #timer {
color: #fff;
font-family: Arial, sans-serif;
Expand Down Expand Up @@ -188,6 +225,7 @@
overflow: hidden;
padding-top: 3px;
width: 100%;
border-bottom: thin solid #cccccc;
}
.timeslider-bar #editbar {
border-bottom: none;
Expand Down
Loading