From 8848fe6657bed6ee32d8f6ccba9c034edd5f40b0 Mon Sep 17 00:00:00 2001
From: Jules Laplace <julescarbon@gmail.com>
Date: Mon, 16 Jul 2018 16:00:11 +0200
Subject: hsl sliders

---
 .../modules/pix2pixhd/views/pix2pixhd.live.js      | 22 +++++++++++++++++++++-
 1 file changed, 21 insertions(+), 1 deletion(-)

(limited to 'app/client/modules/pix2pixhd')

diff --git a/app/client/modules/pix2pixhd/views/pix2pixhd.live.js b/app/client/modules/pix2pixhd/views/pix2pixhd.live.js
index 14cb5a6..01bac9e 100644
--- a/app/client/modules/pix2pixhd/views/pix2pixhd.live.js
+++ b/app/client/modules/pix2pixhd/views/pix2pixhd.live.js
@@ -29,12 +29,31 @@ class Pix2PixHDLive extends Component {
     this.seek = this.seek.bind(this)
     this.togglePlaying = this.togglePlaying.bind(this)
     this.toggleRecording = this.toggleRecording.bind(this)
+    this.handleKeydown = this.handleKeydown.bind(this)
+  }
+  componentWillMount() {
+    document.addEventListener('keydown', this.handleKeydown)
+  }
+  componentWillUnmount() {
+    document.removeEventListener('keydown', this.handleKeydown)
   }
   componentWillUpdate(nextProps) {
     if (nextProps.opt.checkpoint_name && nextProps.opt.checkpoint_name !== this.props.opt.checkpoint_name) {
       this.props.actions.live.list_epochs('pix2pixhd', nextProps.opt.checkpoint_name)
     }
   }
+  handleKeydown(e){
+    console.log(e.keyCode)
+    if (e.altKey || e.ctrlKey || e.metaKey) return
+    switch (e.keyCode) {
+      case 27: // esc
+        e.preventDefault()
+        this.props.actions.live.set_fullscreen(!this.props.fullscreen)
+        break
+      default:
+        break
+    }
+  }
   changeCheckpoint(field, checkpoint_name){
     this.props.actions.live.load_epoch(checkpoint_name, 'latest')
   }
@@ -84,7 +103,7 @@ class Pix2PixHDLive extends Component {
     }
     return (
       <div className='app centered'>
-        <Player width={424} height={256} />
+        <Player width={424} height={256} fullscreen={this.props.fullscreen} />
         <div className='params row'>
           <div className='column'>
             <ParamGroup
@@ -355,6 +374,7 @@ function timeInSeconds(n){
 }
 const mapStateToProps = state => ({
   last_message: state.live.last_message,
+  fullscreen: state.live.fullscreen,
   opt: state.live.opt,
   frame: state.live.frame,
   checkpoints: state.live.checkpoints,
-- 
cgit v1.2.3-70-g09d2