From 94c2730b2ab8ec036b46e61c8164617d5727ee2a Mon Sep 17 00:00:00 2001
From: Dale John McGrew <dale.mcgrew@wevoteusa.org>
Date: Fri, 15 Apr 2016 08:50:30 -0700
Subject: [PATCH 1/2] Updated components/Ballot/PositionItem.jsx to support
 individual voter opinions.

---
 src/js/components/Ballot/PositionItem.jsx | 43 +++++++++++++++++------
 1 file changed, 32 insertions(+), 11 deletions(-)

diff --git a/src/js/components/Ballot/PositionItem.jsx b/src/js/components/Ballot/PositionItem.jsx
index 417b71298..e7531a1c9 100644
--- a/src/js/components/Ballot/PositionItem.jsx
+++ b/src/js/components/Ballot/PositionItem.jsx
@@ -6,6 +6,7 @@ export default class PositionItem extends Component {
   static propTypes = {
     position_we_vote_id: PropTypes.string.isRequired,
     last_updated: PropTypes.string,
+    speaker_type: PropTypes.string,
     speaker_image_url_https: PropTypes.string,
     candidate_display_name: PropTypes.string.isRequired,
     speaker_display_name: PropTypes.string.isRequired
@@ -17,8 +18,30 @@ export default class PositionItem extends Component {
     var dateText = moment(dateStr).startOf("day").fromNow();
     var speaker_we_vote_id_link = "/voterguide/" + position.speaker_we_vote_id;
 
+    var image_placeholder = "";
+    if (this.props.speaker_type == "O") {
+        image_placeholder = <i className="icon-org-lg icon-icon-org-placeholder-6-2 icon-org-resting-color"></i>
+    } else if (this.props.speaker_type == "V") {
+        image_placeholder = <i className="icon-org-lg icon-icon-person-placeholder-6-1 icon-org-resting-color"></i>
+    }
+
+    var position_description = <span></span>;
+    if (position.vote_smart_rating) {
+        var position_description = <p className="">
+          <span>rates {this.props.candidate_display_name} {position.vote_smart_rating}%</span>
+          { position.vote_smart_time_span ?
+            <span> in {position.vote_smart_time_span}</span> :
+            <span className="small">{ dateText }</span> }
+          </p>;
+    } else if (position.speaker_type == "V") {
+        var position_description = <p className="">
+          <span>{this.props.candidate_display_name}</span>
+          <span className="small"> { dateText }</span>
+          </p>;
+    }
+
     return <div className="position-item">
-      {/* One organization's Position on this Candidate */}
+      {/* One Position on this Candidate */}
       <li className="list-group-item">
         <Link to={speaker_we_vote_id_link}>
           <div className="row">
@@ -28,20 +51,18 @@ export default class PositionItem extends Component {
                         src={this.props.speaker_image_url_https}
                         width="50px"
                   /></span> :
-                <i className="icon-org-lg icon-icon-org-placeholder-6-2 icon-org-resting-color"></i> }
+                image_placeholder }
             </div>
             <div className="col-xs-8 col-md-10">
                 <h4 className="">
-                    { this.props.speaker_display_name }<br />
+                    { this.props.speaker_display_name }
+                    { position.is_support && !position.vote_smart_rating  ? <span>
+                        &nbsp;support</span> : <span></span> }
+                    { position.is_oppose && !position.vote_smart_rating ? <span>
+                        &nbsp;oppose</span> : <span></span> }
+                    <br />
                 </h4>
-                <p className="">rates {this.props.candidate_display_name}
-                  { position.vote_smart_rating ?
-                      <span> {position.vote_smart_rating}%</span> :
-                      <span></span> }
-                  { position.vote_smart_time_span ?
-                      <span> in {position.vote_smart_time_span}</span> :
-                      <span className="small">{ dateText }</span> }
-                    </p>
+                  { position_description }
             </div>
           </div>
         </Link>

From bd8c9a5bbfd1f3ecee6004bdadd7be876f5e382d Mon Sep 17 00:00:00 2001
From: Dale John McGrew <dalemcgrew@gmail.com>
Date: Fri, 15 Apr 2016 23:29:58 -0700
Subject: [PATCH 2/2] Update PositionItem.jsx

Transitioned "var" to "let" per @pertrai1's suggestion.
---
 src/js/components/Ballot/PositionItem.jsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/js/components/Ballot/PositionItem.jsx b/src/js/components/Ballot/PositionItem.jsx
index e7531a1c9..f2fa484f9 100644
--- a/src/js/components/Ballot/PositionItem.jsx
+++ b/src/js/components/Ballot/PositionItem.jsx
@@ -18,23 +18,23 @@ export default class PositionItem extends Component {
     var dateText = moment(dateStr).startOf("day").fromNow();
     var speaker_we_vote_id_link = "/voterguide/" + position.speaker_we_vote_id;
 
-    var image_placeholder = "";
+    let image_placeholder = "";
     if (this.props.speaker_type == "O") {
         image_placeholder = <i className="icon-org-lg icon-icon-org-placeholder-6-2 icon-org-resting-color"></i>
     } else if (this.props.speaker_type == "V") {
         image_placeholder = <i className="icon-org-lg icon-icon-person-placeholder-6-1 icon-org-resting-color"></i>
     }
 
-    var position_description = <span></span>;
+    let position_description = <span></span>;
     if (position.vote_smart_rating) {
-        var position_description = <p className="">
+        position_description = <p className="">
           <span>rates {this.props.candidate_display_name} {position.vote_smart_rating}%</span>
           { position.vote_smart_time_span ?
             <span> in {position.vote_smart_time_span}</span> :
             <span className="small">{ dateText }</span> }
           </p>;
     } else if (position.speaker_type == "V") {
-        var position_description = <p className="">
+        position_description = <p className="">
           <span>{this.props.candidate_display_name}</span>
           <span className="small"> { dateText }</span>
           </p>;