Archives/asciinema.org
2
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Use latest player

Browse Source
This commit is contained in:
Marcin Kulik 2015-03-12 19:29:04 +01:00
parent 5826490f0b
commit 543a0aa48a
1 changed files with 15 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
vendor/assets/javascripts/asciinema-player.js vendored
View File

@ -241,6 +241,18 @@
(function(exports) {
var dom = React.DOM;
var logoSvg = '<defs> <mask id="small-triangle-mask"> <rect width="100%" height="100%" fill="white"/> <polygon points="508.01270189221935 433.01270189221935, 208.0127018922194 259.8076211353316, 208.01270189221927 606.217782649107" fill="black"></polygon> </mask> </defs> <polygon points="808.0127018922194 433.01270189221935, 58.01270189221947 -1.1368683772161603e-13, 58.01270189221913 866.0254037844386" mask="url(#small-triangle-mask)" fill="white"></polygon> <polyline points="481.2177826491071 333.0127018922194, 134.80762113533166 533.0127018922194" stroke="white" stroke-width="90"></polyline>';
exports.LogoPlayIcon = React.createClass({ displayName: 'LogoPlayIcon',
render: function() {
return (
dom.svg({ version: "1.1", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 866.0254037844387 866.0254037844387", className: "icon", dangerouslySetInnerHTML: { __html: logoSvg } })
)
},
});
exports.PlayIcon = React.createClass({ displayName: 'PlayIcon',
render: function() {
@ -359,6 +371,7 @@
if (loop) {
start();
} else {
setTime(controller.time());
clearInterval(timeIntervalId);
onFinish();
}
@ -572,8 +585,8 @@
dom.div({ className: "start-prompt", onClick: this.onClick },
dom.div({ className: "play-button" },
dom.div(null,
dom.span(null,
asciinema.PlayIcon()
dom.span(null,
asciinema.LogoPlayIcon()
)
)
)