From bd9db1d6b581b29e9c1c7a3081582a662f8a0b7c Mon Sep 17 00:00:00 2001
From: Jamon Holmgren <jamon@infinite.red>
Date: Mon, 18 Jul 2016 20:01:46 -0700
Subject: [PATCH] Max length requirements for pages per issue #31

---
 priv/static/thesis-editor.js              | 12 ++++++------
 web/static/js/components/settings_tray.js | 12 ++++++------
 2 files changed, 12 insertions(+), 12 deletions(-)

diff --git a/priv/static/thesis-editor.js b/priv/static/thesis-editor.js
index 7a70334..f07dac5 100644
--- a/priv/static/thesis-editor.js
+++ b/priv/static/thesis-editor.js
@@ -28223,12 +28223,12 @@ var SettingsTray = function (_React$Component) {
   _createClass(SettingsTray, [{
     key: "titleChange",
     value: function titleChange(event) {
-      this.setState({ title: event.target.value });
+      this.setState({ title: event.target.value.slice(0, 70) });
     }
   }, {
     key: "descriptionChange",
     value: function descriptionChange(event) {
-      this.setState({ description: event.target.value });
+      this.setState({ description: event.target.value.slice(0, 255) });
     }
   }, {
     key: "onSave",
@@ -28272,9 +28272,9 @@ var SettingsTray = function (_React$Component) {
               _react2.default.createElement(
                 "span",
                 null,
-                "Page Title"
+                "Page Title (max 70)"
               ),
-              _react2.default.createElement("input", { type: "text", placeholder: "Example Title", value: this.state.title, onChange: this.titleChange })
+              _react2.default.createElement("input", { type: "text", placeholder: "Example Title", value: this.state.title, onChange: this.titleChange, maxLength: "70" })
             )
           ),
           _react2.default.createElement(
@@ -28286,9 +28286,9 @@ var SettingsTray = function (_React$Component) {
               _react2.default.createElement(
                 "span",
                 null,
-                "Page Description"
+                "Page Description (max 255)"
               ),
-              _react2.default.createElement("textarea", { placeholder: "Example page description.", value: this.state.description, onChange: this.descriptionChange })
+              _react2.default.createElement("textarea", { placeholder: "Example page description.", value: this.state.description, onChange: this.descriptionChange, maxLength: "255" })
             )
           ),
           _react2.default.createElement("div", { className: "thesis-field-row errors", hidden: this.state.isValid }),
diff --git a/web/static/js/components/settings_tray.js b/web/static/js/components/settings_tray.js
index 6247086..fc5aae6 100644
--- a/web/static/js/components/settings_tray.js
+++ b/web/static/js/components/settings_tray.js
@@ -20,11 +20,11 @@ class SettingsTray extends React.Component {
   }
 
   titleChange (event) {
-    this.setState({title: event.target.value})
+    this.setState({title: event.target.value.slice(0, 70)})
   }
 
   descriptionChange (event) {
-    this.setState({description: event.target.value})
+    this.setState({description: event.target.value.slice(0, 255)})
   }
 
   onSave () {
@@ -46,14 +46,14 @@ class SettingsTray extends React.Component {
           </div>
           <div className="thesis-field-row">
             <label>
-              <span>Page Title</span>
-              <input type="text" placeholder="Example Title" value={this.state.title} onChange={this.titleChange} />
+              <span>Page Title (max 70)</span>
+              <input type="text" placeholder="Example Title" value={this.state.title} onChange={this.titleChange} maxLength="70" />
             </label>
           </div>
           <div className="thesis-field-row">
             <label>
-              <span>Page Description</span>
-              <textarea placeholder="Example page description." value={this.state.description} onChange={this.descriptionChange}></textarea>
+              <span>Page Description (max 255)</span>
+              <textarea placeholder="Example page description." value={this.state.description} onChange={this.descriptionChange} maxLength="255"></textarea>
             </label>
           </div>
           <div className="thesis-field-row errors" hidden={this.state.isValid}>