In DownloadLink, offer dropdown in "downloading" state
This commit is contained in:
parent
8a1f0b76b1
commit
986ce927f0
1 changed files with 17 additions and 8 deletions
|
@ -242,6 +242,13 @@ export let DownloadLink = React.createClass({
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
render: function() {
|
render: function() {
|
||||||
|
const openInFolderMessage = window.navigator.platform.startsWith('Mac') ? 'Open in Finder' : 'Open in Folder';
|
||||||
|
|
||||||
|
const dropDownItems = [
|
||||||
|
<MenuItem onClick={this.handleRevealClicked} label={openInFolderMessage} />,
|
||||||
|
<MenuItem onClick={this.handleRemoveClicked} label="Remove..." />,
|
||||||
|
];
|
||||||
|
|
||||||
let linkBlock;
|
let linkBlock;
|
||||||
if (this.props.state == 'not-started') {
|
if (this.props.state == 'not-started') {
|
||||||
linkBlock = (
|
linkBlock = (
|
||||||
|
@ -251,18 +258,20 @@ export let DownloadLink = React.createClass({
|
||||||
const label = `${parseInt(this.props.progress * 100)}% complete`;
|
const label = `${parseInt(this.props.progress * 100)}% complete`;
|
||||||
linkBlock = (
|
linkBlock = (
|
||||||
<span>
|
<span>
|
||||||
<Link button="download" className="button-download--bg" label={label} icon="icon-download"
|
<DropDown button="download" className="button-download--bg" label={label} icon="icon-download"
|
||||||
onClick={this.handleClick} />
|
onClick={this.handleClick}>
|
||||||
<Link button="download" className="button-download--fg" label={label} icon="icon-download"
|
{dropDownItems}
|
||||||
onClick={this.handleClick} style={{width: `${this.props.progress * 100}%`}} />
|
</DropDown>
|
||||||
</span>
|
<DropDown button="download" className="button-download--fg" label={label} icon="icon-download"
|
||||||
|
onClick={this.handleClick} style={{width: `${this.props.progress * 100}%`}}>
|
||||||
|
{dropDownItems}
|
||||||
|
</DropDown>
|
||||||
|
</span>
|
||||||
);
|
);
|
||||||
} else if (this.props.state == 'done') {
|
} else if (this.props.state == 'done') {
|
||||||
const openInFolderMessage = window.navigator.platform.startsWith('Mac') ? 'Open in Finder' : 'Open in Folder';
|
|
||||||
linkBlock = (
|
linkBlock = (
|
||||||
<DropDown button="alt" label="Open" onClick={this.handleClick} onCaretClick={this.openMenu}>
|
<DropDown button="alt" label="Open" onClick={this.handleClick} onCaretClick={this.openMenu}>
|
||||||
<MenuItem onClick={this.handleRevealClicked} label={openInFolderMessage} />
|
{dropDownItems}
|
||||||
<MenuItem onClick={this.handleRemoveClicked} label="Remove..." />
|
|
||||||
</DropDown>
|
</DropDown>
|
||||||
);
|
);
|
||||||
} else {
|
} else {
|
||||||
|
|
Loading…
Add table
Reference in a new issue