web -> desktop

2018-01-31 19:02:28 +03:00
parent 0e4888ab76
commit d8afce8964
95 changed files with 10679 additions and 1893 deletions
--- a/src/app/top-page.js
+++ b/src/app/top-page.js
@ -0,0 +1,78 @@
+import React from 'react';
+import Page from './page';
+import Footer from './footer';
+import { Header } from './index-page'
+
+import TorrentLine from './torrent'
+import {List} from 'material-ui/List';
+import Subheader from 'material-ui/Subheader';
+import RaisedButton from 'material-ui/RaisedButton';
+
+export default class TopPage extends Page {
+  constructor(props) {
+    super(props)
+    this.setTitle('Rats On The Boat - Torrents top');
+    this.topTorrents = {};
+    this.types = ['main', 'week', 'hours', 'month', 'video', 'audio', 'books', 'pictures', 'application', 'archive']
+    this.descriptions = {
+      main: 'All',
+      video: 'Video',
+      audio: 'Audio/Music',
+      books: 'Books',
+      pictures: 'Pictures/Images',
+      application: 'Applications/Games',
+      archive: 'Archives',
+      week: 'Last week',
+      hours: 'Last 24 hours',
+      month: 'Last month'
+    }
+  }
+  componentDidMount()
+  {
+    super.componentDidMount();
+    for(const type of this.types)
+    {
+      window.torrentSocket.emit('topTorrents', type == 'main' ? null : type, window.customLoader((data) => {
+        this.topTorrents[type] = data;
+        this.forceUpdate()
+      }))
+    }
+  }
+  render() {
+    return (
+      <div>
+      	<Header />
+      	<div className='column center w100p pad0-75'>
+          <RaisedButton label="Back to main page" primary={true} onClick={() => {
+            window.router('/')
+          }} />
+          {
+            this.types.map((type, index) => {
+              const torrents = this.topTorrents[type];
+
+              if(!torrents)
+                return null;
+
+              return (
+                <List key={index} style={{paddingBottom: '70px'}} className='animated recent-torrents'>
+                  <Subheader inset={true}>
+                  {
+                    this.descriptions[type]
+                  }
+                  </Subheader>
+                {
+                  torrents.map((torrent, index) => {
+                    return <TorrentLine key={index} torrent={torrent} />
+                  })
+                }
+                </List>
+              )
+              
+            })
+          }
+          <Footer />
+        </div>
+      </div>
+    );
+  }
+}