diff options
Diffstat (limited to 'src')
| -rw-r--r-- | src/client/views/Main.tsx | 2 | ||||
| -rw-r--r-- | src/mobile/ImageUpload.tsx | 11 | ||||
| -rw-r--r-- | src/server/index.ts | 10 |
3 files changed, 20 insertions, 3 deletions
diff --git a/src/client/views/Main.tsx b/src/client/views/Main.tsx index 9f341b0ed..d73e9b8fe 100644 --- a/src/client/views/Main.tsx +++ b/src/client/views/Main.tsx @@ -104,7 +104,7 @@ Documents.initProtos(mainDocId, (res?: Document) => { <div className="main-buttonDiv" style={{ bottom: '125px' }} > <button onClick={clearDatabase}>Clear Database</button></div> <div className="main-buttonDiv" style={{ bottom: '175px' }} ref={videoRef}> - <button onPointerDown={setupDrag(videoRef, addVideoNode)} onClick={addClick(addVideoNode)}>Add qewfadsfasdfa</button></div> + <button onPointerDown={setupDrag(videoRef, addVideoNode)} onClick={addClick(addVideoNode)}>Add Video</button></div> <div className="main-buttonDiv" style={{ bottom: '200px' }} ref={audioRef}> <button onPointerDown={setupDrag(audioRef, addAudioNode)} onClick={addClick(addAudioNode)}>Add Audio</button></div> <div className="main-buttonDiv" style={{ bottom: '150px' }} ref={pdfRef}> diff --git a/src/mobile/ImageUpload.tsx b/src/mobile/ImageUpload.tsx index e69de29bb..566fe9d6c 100644 --- a/src/mobile/ImageUpload.tsx +++ b/src/mobile/ImageUpload.tsx @@ -0,0 +1,11 @@ +ReactDOM.render(( + <div + style={{ + position: "absolute", + width: "100%", + height: "100%", + background: "yellow" + }} + ></div>), + document.getElementById('root') +);
\ No newline at end of file diff --git a/src/server/index.ts b/src/server/index.ts index fcf74c08a..f83532a2f 100644 --- a/src/server/index.ts +++ b/src/server/index.ts @@ -27,6 +27,7 @@ import * as expressValidator from 'express-validator'; import expressFlash = require('express-flash'); import * as bodyParser from 'body-parser'; import * as session from 'express-session'; +import * as mobileDetect from 'mobile-detect'; import c = require("crypto"); const MongoStore = require('connect-mongo')(session); const mongoose = require('mongoose'); @@ -100,8 +101,13 @@ app.use('/images', express.static(__dirname + '/public')) let FieldStore: ObservableMap<FieldId, Field> = new ObservableMap(); // define a route handler for the default home page -app.get("/", (req, res) => { - res.sendFile(path.join(__dirname, '../../deploy/index.html')); +app.get("/", (req: express.Request, res: express.Response) => { + let detector = new mobileDetect(req.headers['user-agent'] || ""); + if (detector.mobile() != null) { + res.sendFile(path.join(__dirname, '../../deploy/mobile/image_upload.html')); + } else { + res.sendFile(path.join(__dirname, '../../deploy/index.html')); + } }); app.get("/pull", (req, res) => { |