From aaa0bb9d4dcaca0212a7bf1a7dc3dbd9b78fb6c5 Mon Sep 17 00:00:00 2001
From: nickago <ngonella@calpoly.edu>
Date: Thu, 20 Aug 2015 17:02:47 -0700
Subject: Added help text to profile picture screen

---
 web/react/components/setting_picture.jsx | 4 ++++
 web/templates/head.html                  | 2 ++
 web/web.go                               | 2 ++
 3 files changed, 8 insertions(+)

diff --git a/web/react/components/setting_picture.jsx b/web/react/components/setting_picture.jsx
index e97b67706..5b12ad7e9 100644
--- a/web/react/components/setting_picture.jsx
+++ b/web/react/components/setting_picture.jsx
@@ -48,6 +48,7 @@ module.exports = React.createClass({
             }
             confirmButton = <a className={confirmButtonClass} onClick={this.props.submit}>Save</a>;
         }
+        var helpText = 'Upload a profile picture in either JPG or PNG format, at least ' + config.ProfileWidth + 'px in width and ' + config.ProfileHeight + 'px height.'
 
         var self = this;
         return (
@@ -58,6 +59,9 @@ module.exports = React.createClass({
                         <li className='setting-list-item'>
                             {img}
                         </li>
+                        <li className='setting-list-item'>
+                            {helpText}
+                        </li>
                         <li className='setting-list-item'>
                             {serverError}
                             {clientError}
diff --git a/web/templates/head.html b/web/templates/head.html
index 5448b09ed..02904e764 100644
--- a/web/templates/head.html
+++ b/web/templates/head.html
@@ -50,6 +50,8 @@
             config = {};
         }
         config.SiteName = '{{ .SiteName }}';
+		config.ProfileWidth = '{{ .Props.ProfileWidth }}'
+		config.ProfileHeight = '{{ .Props.ProfileHeight }}'
     </script>
 
     <script src="/static/js/bundle.js"></script>
diff --git a/web/web.go b/web/web.go
index d6f8d553b..e449d2d3a 100644
--- a/web/web.go
+++ b/web/web.go
@@ -30,6 +30,8 @@ func NewHtmlTemplatePage(templateName string, title string) *HtmlTemplatePage {
 
 	props := make(map[string]string)
 	props["AnalyticsUrl"] = utils.Cfg.ServiceSettings.AnalyticsUrl
+	props["ProfileHeight"] = fmt.Sprintf("%v", utils.Cfg.ImageSettings.ProfileHeight)
+	props["ProfileWidth"] = fmt.Sprintf("%v", utils.Cfg.ImageSettings.ProfileWidth)
 	return &HtmlTemplatePage{TemplateName: templateName, Title: title, SiteName: utils.Cfg.ServiceSettings.SiteName, Props: props}
 }
 
-- 
cgit v1.2.3-1-g7c22