lbry-desktop/js/app.js

184 lines
5.4 KiB
JavaScript
Raw Normal View History

2016-04-10 02:00:56 +02:00
var App = React.createClass({
getInitialState: function() {
2016-04-21 11:51:27 +02:00
// For now, routes are in format ?page or ?page=args
var match, param, val, viewingPage,
drawerOpenRaw = sessionStorage.getItem('drawerOpen');
[match, viewingPage, val] = window.location.search.match(/\??([^=]*)(?:=(.*))?/);
2016-04-21 11:51:27 +02:00
2016-08-08 02:57:12 +02:00
2016-04-20 12:28:13 +02:00
return {
viewingPage: viewingPage,
drawerOpen: drawerOpenRaw !== null ? JSON.parse(drawerOpenRaw) : true,
2016-04-21 11:51:27 +02:00
pageArgs: val,
2016-10-21 09:47:06 +02:00
modal: null,
startNotice: null,
updateUrl: null,
isOldOSX: null,
2016-04-20 12:28:13 +02:00
};
2016-04-10 02:00:56 +02:00
},
2016-08-08 02:57:12 +02:00
componentDidMount: function() {
lbry.getStartNotice(function(notice) {
if (notice) {
2016-10-21 09:47:06 +02:00
this.setState({
modal: 'startNotice',
startNotice: notice
});
2016-08-08 02:57:12 +02:00
}
});
},
componentWillMount: function() {
2016-10-21 09:47:06 +02:00
lbry.checkNewVersionAvailable((isAvailable) => {
2016-08-07 23:05:04 +02:00
if (!isAvailable || sessionStorage.getItem('upgradeSkipped')) {
return;
}
2016-10-21 09:47:06 +02:00
lbry.getVersionInfo((versionInfo) => {
var isOldOSX = false;
if (versionInfo.os_system == 'Darwin') {
var updateUrl = 'https://lbry.io/get/lbry.dmg';
var maj, min, patch;
[maj, min, patch] = versionInfo.lbrynet_version.split('.');
if (maj == 0 && min <= 2 && patch <= 2) {
2016-10-21 09:47:06 +02:00
isOldOSX = true;
}
} else if (versionInfo.os_system == 'Linux') {
var updateUrl = 'https://lbry.io/get/lbry.deb';
} else if (versionInfo.os_system == 'Windows') {
var updateUrl = 'https://lbry.io/get/lbry.msi';
} else {
var updateUrl = 'https://lbry.io/get';
}
2016-10-21 09:47:06 +02:00
this.setState({
modal: 'upgrade',
isOldOSX: isOldOSX,
updateUrl: updateUrl,
})
});
});
},
openDrawer: function() {
sessionStorage.setItem('drawerOpen', true);
this.setState({ drawerOpen: true });
},
closeDrawer: function() {
sessionStorage.setItem('drawerOpen', false);
this.setState({ drawerOpen: false });
},
2016-10-21 09:47:06 +02:00
closeModal: function() {
this.setState({
modal: null,
});
},
handleUpgradeClicked: function() {
lbry.stop();
window.location = this.state.updateUrl;
},
handleSkipClicked: function() {
sessionStorage.setItem('upgradeSkipped', true);
this.setState({
modal: null,
});
},
onSearch: function(term) {
this.setState({
viewingPage: 'discover',
pageArgs: term
});
2016-08-08 02:57:12 +02:00
},
getHeaderLinks: function()
{
switch(this.state.viewingPage)
{
case 'wallet':
case 'send':
case 'receive':
case 'claim':
2016-09-08 10:17:08 +02:00
case 'referral':
return {
'?wallet' : 'Overview',
'?send' : 'Send',
'?receive' : 'Receive',
2016-09-08 10:17:08 +02:00
'?claim' : 'Claim Beta Code',
2016-09-09 13:40:27 +02:00
'?referral' : 'Check Referral Credit',
};
case 'downloaded':
case 'published':
return {
'?downloaded': 'Downloaded',
'?published': 'Published',
};
default:
return null;
}
},
getMainContent: function()
{
switch(this.state.viewingPage)
{
case 'settings':
return <SettingsPage />;
case 'help':
return <HelpPage />;
case 'watch':
return <WatchPage name={this.state.pageArgs} />;
case 'report':
return <ReportPage />;
case 'downloaded':
return <MyFilesPage show="downloaded" />;
case 'published':
return <MyFilesPage show="published" />;
case 'start':
return <StartPage />;
case 'claim':
return <ClaimCodePage />;
2016-09-08 10:17:08 +02:00
case 'referral':
return <ReferralPage />;
case 'wallet':
case 'send':
case 'receive':
return <WalletPage viewingPage={this.state.viewingPage} />;
case 'send':
return <SendPage />;
case 'receive':
return <ReceivePage />;
case 'show':
return <DetailPage name={this.state.pageArgs} />;
case 'publish':
return <PublishPage />;
case 'discover':
default:
return <DiscoverPage query={this.state.pageArgs} />;
}
},
2016-04-10 02:00:56 +02:00
render: function() {
var mainContent = this.getMainContent(),
headerLinks = this.getHeaderLinks();
return (
2016-08-08 05:39:44 +02:00
this.state.viewingPage == 'watch' ?
mainContent :
<div id="window" className={ this.state.drawerOpen ? 'drawer-open' : 'drawer-closed' }>
<Drawer onCloseDrawer={this.closeDrawer} viewingPage={this.state.viewingPage} />
<div id="main-content" className={ headerLinks ? 'with-sub-nav' : 'no-sub-nav' }>
<Header onOpenDrawer={this.openDrawer} onSearch={this.onSearch} links={headerLinks} viewingPage={this.state.viewingPage} />
2016-08-08 05:39:44 +02:00
{mainContent}
</div>
2016-10-21 09:47:06 +02:00
<Modal isOpen={this.state.modal == 'startNotice'} onConfirmed={this.closeModal}>
{this.state.startNotice}
</Modal>
<Modal isOpen={this.state.modal == 'upgrade'} type="confirm" confirmButtonLabel="Upgrade" abortButtonLabel="Skip"
onConfirmed={this.handleUpgradeClicked} onAborted={this.handleSkipClicked} >
<p>The version of LBRY you're using is not up to date. Choose "Upgrade" to get the latest version.</p>
{this.state.isOldOSX
? <p>Before installing the new version, make sure to exit LBRY. If you started the app, click the LBRY icon in your status bar and choose "Quit."</p>
: null}
</Modal>
</div>
);
2016-04-10 02:00:56 +02:00
}
2016-08-23 16:53:45 +02:00
});