From 312167d96bba2dc5a88f8dcfe09dadda0b5c7115 Mon Sep 17 00:00:00 2001 From: Scott Tolksdorf Date: Thu, 31 Mar 2016 22:03:34 -0400 Subject: [PATCH] Getting splatsheet rolling --- client/homebrew/homebrew.less | 14 +- client/splatsheet/codeEditor/codeEditor.jsx | 14 ++ client/splatsheet/codeEditor/codeEditor.less | 3 + client/splatsheet/sheetEditor/sheetEditor.jsx | 27 ++++ .../splatsheet/sheetEditor/sheetEditor.less | 8 ++ .../sheetRenderer/sheetRenderer.jsx | 49 +++++++ .../sheetRenderer/sheetRenderer.less | 3 + client/splatsheet/splatsheet.jsx | 49 +++++++ client/splatsheet/splatsheet.less | 36 +++++ client/splatsheet/statusbar/statusbar.jsx | 30 ++++ client/splatsheet/statusbar/statusbar.less | 135 ++++++++++++++++++ gulpfile.js | 9 +- server.js | 2 + server/pdfConvert.js | 31 ---- server/pdfs/businesscard.pdf | Bin 10253 -> 0 bytes server/splatsheet.api.js | 27 ++++ server/temp.pdf | Bin 128672 -> 0 bytes 17 files changed, 396 insertions(+), 41 deletions(-) create mode 100644 client/splatsheet/codeEditor/codeEditor.jsx create mode 100644 client/splatsheet/codeEditor/codeEditor.less create mode 100644 client/splatsheet/sheetEditor/sheetEditor.jsx create mode 100644 client/splatsheet/sheetEditor/sheetEditor.less create mode 100644 client/splatsheet/sheetRenderer/sheetRenderer.jsx create mode 100644 client/splatsheet/sheetRenderer/sheetRenderer.less create mode 100644 client/splatsheet/splatsheet.jsx create mode 100644 client/splatsheet/splatsheet.less create mode 100644 client/splatsheet/statusbar/statusbar.jsx create mode 100644 client/splatsheet/statusbar/statusbar.less delete mode 100644 server/pdfConvert.js delete mode 100644 server/pdfs/businesscard.pdf create mode 100644 server/splatsheet.api.js delete mode 100644 server/temp.pdf diff --git a/client/homebrew/homebrew.less b/client/homebrew/homebrew.less index f454f1b..e5039e5 100644 --- a/client/homebrew/homebrew.less +++ b/client/homebrew/homebrew.less @@ -1,18 +1,16 @@ + @import 'naturalCrit/styles/reset.less'; //@import 'naturalCrit/styles/elements.less'; @import 'naturalCrit/styles/animations.less'; @import 'naturalCrit/styles/colors.less'; @import 'naturalCrit/styles/tooltip.less'; - html,body, #reactContainer{ - min-height: 100%; - font-family : 'Open Sans', sans-serif; + min-height : 100%; + font-family : 'Open Sans', sans-serif; } - .homebrew{ - background-color: @steel; - height : 100%; - + height : 100%; + background-color : @steel; .paneSplit{ width : 100%; height: 100vh; @@ -29,7 +27,6 @@ html,body, #reactContainer{ min-height: 100%; //margin-top: 25px; } - .leftPane{ width : 40%; } @@ -40,6 +37,5 @@ html,body, #reactContainer{ overflow: hidden; } - } } \ No newline at end of file diff --git a/client/splatsheet/codeEditor/codeEditor.jsx b/client/splatsheet/codeEditor/codeEditor.jsx new file mode 100644 index 0000000..78a293e --- /dev/null +++ b/client/splatsheet/codeEditor/codeEditor.jsx @@ -0,0 +1,14 @@ +var React = require('react'); +var _ = require('lodash'); +var cx = require('classnames'); + +var SheetEditor = React.createClass({ + + render : function(){ + return
+ SheetEditor Ready! +
+ } +}); + +module.exports = SheetEditor; diff --git a/client/splatsheet/codeEditor/codeEditor.less b/client/splatsheet/codeEditor/codeEditor.less new file mode 100644 index 0000000..6bb4bdf --- /dev/null +++ b/client/splatsheet/codeEditor/codeEditor.less @@ -0,0 +1,3 @@ +.COM{ + +} \ No newline at end of file diff --git a/client/splatsheet/sheetEditor/sheetEditor.jsx b/client/splatsheet/sheetEditor/sheetEditor.jsx new file mode 100644 index 0000000..8b90454 --- /dev/null +++ b/client/splatsheet/sheetEditor/sheetEditor.jsx @@ -0,0 +1,27 @@ +var React = require('react'); +var _ = require('lodash'); +var cx = require('classnames'); + +var SheetEditor = React.createClass({ + getDefaultProps: function() { + return { + code : '', + onChange : function(){} + }; + }, + + handleCodeChange : function(e){ + this.props.onChange(e.target.value); + }, + + render : function(){ + return
+ SheetEditor Ready! + +