Advertisement
Guest User

Untitled

a guest
Aug 19th, 2017
132
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.26 KB | None | 0 0
  1. componentDidMount() {
  2.  
  3. let sel3 = document.getElementById(this.props.voted_id);
  4.  
  5. if (sel3) {
  6.  
  7. sel3.style.backgroundColor = "#0b97c4";
  8. sel3.style.color = "#FFFFFF";
  9. }
  10. }
  11.  
  12. render() {
  13.  
  14. let {contents, submitvote, postId, voted_id} = this.props
  15.  
  16. return (
  17.  
  18. <div className="txt_vote_bar_div" id={this.props.contents.post_poll_content_id}>
  19. <p className="txt_vote_choice" id={this.props.contents.post_poll_content_id}
  20. onClick={() => {
  21. this.handleClick(this.props.contents.post_poll_content_id);
  22. }}>
  23. {contents.content}
  24. </p>
  25. <p className="txt_tot_votes"> {this.props.contents.votes_percentage}%
  26. ({this.state.voteCount} Votes)</p>
  27. </div>
  28. );
  29. };
  30.  
  31. handleClick(id) {
  32.  
  33. let sel = document.getElementById(this.props.voted_id);
  34. if (sel) {
  35. alert("1");
  36. sel.style.backgroundColor = "#FFFFFF";
  37. sel.style.color = "#6a6a6a";
  38. }
  39.  
  40. let sel2 = document.getElementById(this.props.getVoteStatus);
  41. if (sel2) {
  42. alert("2");
  43. sel2.style.backgroundColor = "#FFFFFF";
  44. sel2.style.color = "#6a6a6a";
  45. }
  46.  
  47. let el = document.getElementById(id);
  48. if (el) {
  49. alert("3");
  50. this.setState({
  51.  
  52. active: false,
  53.  
  54. })
  55. el.style.backgroundColor = "#0b97c4";
  56. el.style.color = "#FFFFFF";
  57. }
  58.  
  59.  
  60.  
  61. let sel3 = document.getElementById(id);
  62. if (sel3.id == this.props.getVoteStatus && this.state.active == false) {
  63. alert("4");
  64. this.setState({
  65. active: true,
  66. })
  67. sel3.style.backgroundColor = "#FFFFFF";
  68. sel3.style.color = "#6a6a6a";
  69. }
  70.  
  71. }
  72.  
  73. let sel = document.getElementById(this.props.voted_id);
  74. if (sel) {
  75. alert("2");
  76. sel.style.backgroundColor = "#FFFFFF";
  77. sel.style.color = "#6a6a6a";
  78. }
  79.  
  80. let el = document.getElementById(id);
  81. if (el) {
  82. alert("1");
  83. this.setState({
  84. active: false,
  85. })
  86. el.style.backgroundColor = "#0b97c4";
  87. el.style.color = "#FFFFFF";
  88. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement