Thanks man!This looks amazing, good luck
import React from 'react'
import axios from 'axios'
export default class TMDb extends React.Component {
constructor(props) {
//super(props)
this.tmdb = require(__dirname + '/../config.json').tmdb
this.state = {
api: `${this.tmdb.api}/${props.type}/${props.id}`,
add: `?api_key=${this.tmdb.key}&language=${props.lang}`
}
}
setApi(type, id) {
this.setState({api: `${this.tmdb.api}/${type}/${id}`})
}
setAdd(lang) {
this.setState({add: `?api_key=${this.tmdb.key}&language=${lang}`})
}
getSimilarMovies() {
return this.tmdbGet(`/similar${this.state.add}&page=1`).data
}
getDetails() {
let details = this.tmdbGet(`${this.state.add}`).data
return details
}
tmdbGet(extra = '') {
axios.get(`${this.state.api}${extra}`)
.then((response) => {
return response
})
}
}import React from 'react'
const win = window.require('electron').remote.getCurrentWindow()
export default class Window extends React.Component {
constructor(props) {
super(props)
this.handleClose = this.handleClose.bind(this)
this.handleMinimize = this.handleMinimize.bind(this)
this.handleMaximize = this.handleMaximize.bind(this)
}
handleClose() {
win.close()
}
handleMinimize() {
win.minimize()
}
handleMaximize() {
if(!win.isMaximized()) {
win.maximize()
} else {
win.unmaximize()
}
}
render() {
return (
<div className="menu-window">
<span className="menu-button close" onClick={this.handleClose}></span>
<span className="menu-button minimize" onClick={this.handleMinimize}></span>
{this.props.maximize ? (
<span className="menu-button maximize" onClick={this.handleMaximize}></span>
) : (
<span className="menu-button inactive"></span>
)}
</div>
)
}
}Haha yeah, I've definitely put some time into this.
Coming along nicely, looking forward to all the logical stuff like user view history, ect.Haha yeah, I've definitely put some time into this.
Didn't take a look at the time, so I went to bed at 6am, because I wanted to restructure the whole project.
Thanks for the feedback
#UPDATES
I've managed to code the app responsive.
I think I will get rid of that horrible scrollbar next.
there's also popcorn time... but how else are you going to design something like this?
I guess he's talking about the design, and I can see where he's coming from. But eventually everything will look like something else, as almost everything has already been done (atleast, if you want to keep it really minimalistic).
That's actually pretty dumb of you to say.
Well I really do wish I had the experience to code a design like that, but unfortunately I don't.That's actually pretty dumb of you to say.
The only similarity I can honestly see here is the two column design with side bar, and black osx window frame.
Also, I'm pretty sure if @Sentinel ripped this exact project he would of kept the good design ideas like the top left player card and top right gear and the left/right navi next to window charms.
And from the looks of the code, @Sentinel is actually doing it more neater than cloudnode
Then it's good it's not an audio streaming app I'm developing
Hmm it looks good, but it doesn't make me think movies or TV in general. It looks like a login but not for something of this nature. But that's just my 2 centsTy, but well I didn't quite like it
Screenshot of the new login:
Nah, you're definitely right.
import config from '../../config'
import fs from 'fs'
import path from 'path'
import rimraf from 'rimraf'
import md5 from 'crypto-js/md5'
export default class Cache {
static write(key, data, callback) {
if(data instanceof String) data = data.toString()
if(typeof data != "string") data = JSON.stringify(data)
this.exists(key, (res) => {
if(res) this.purgeSync(key)
fs.writeFileSync(this.getPath(key), data, {flag: 'wx'})
callback(data)
})
}
static read(key, callback) {
let data = fs.readFileSync(this.getPath(key))
callback(data.toString())
}
static exists(key, callback) {
fs.stat(this.getPath(key), (err, stat) => {
callback(!err, stat)
})
}
static isExpired(key, callback) {
this.exists(key, (res, stat) => {
if(!res) {
callback(true)
} else {
let now = new Date().getTime(),
endTime = new Date(stat.ctime).getTime() + 3600000
callback(now > endTime)
}
})
}
static getPath(key) {
return path.join(config.CACHE_PATH, md5(key) + '.js')
}
static purge(key, callback) {
fs.unlink(this.getPath(key), callback)
}
static purgeSync(key) {
return fs.unlinkSync(this.getPath(key))
}
static trash(callback) {
rimraf(config.CACHE_PATH, callback)
}
}import Cache from './cache'
import Axios from 'axios'
export default class HTTP {
static get(url, callback) {
if(navigator.onLine) {
Axios.get(url)
.then((res) => {
Cache.isExpired(url, (is) => {
if(!is) {
Cache.read(url, callback)
} else {
Cache.write(url, res.data, callback)
}
})
})
.catch((err) => {
console.log(err)
this.parse(url, callback)
})
} else {
this.parse(url, callback)
}
}
static post() {
}
static parse(url, callback) {
Cache.exists(url, (res) => {
if(res) {
Cache.read(url, callback)
} else {
console.log("something went wrong with get requests, and cache doesnt exist")
}
})
}
}
