Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- componentDidMount() {
- let sel3 = document.getElementById(this.props.voted_id);
- if (sel3) {
- sel3.style.backgroundColor = "#0b97c4";
- sel3.style.color = "#FFFFFF";
- }
- }
- render() {
- let {contents, submitvote, postId, voted_id} = this.props
- return (
- <div className="txt_vote_bar_div" id={this.props.contents.post_poll_content_id}>
- <p className="txt_vote_choice" id={this.props.contents.post_poll_content_id}
- onClick={() => {
- this.handleClick(this.props.contents.post_poll_content_id);
- }}>
- {contents.content}
- </p>
- <p className="txt_tot_votes"> {this.props.contents.votes_percentage}%
- ({this.state.voteCount} Votes)</p>
- </div>
- );
- };
- handleClick(id) {
- let sel = document.getElementById(this.props.voted_id);
- if (sel) {
- alert("1");
- sel.style.backgroundColor = "#FFFFFF";
- sel.style.color = "#6a6a6a";
- }
- let sel2 = document.getElementById(this.props.getVoteStatus);
- if (sel2) {
- alert("2");
- sel2.style.backgroundColor = "#FFFFFF";
- sel2.style.color = "#6a6a6a";
- }
- let el = document.getElementById(id);
- if (el) {
- alert("3");
- this.setState({
- active: false,
- })
- el.style.backgroundColor = "#0b97c4";
- el.style.color = "#FFFFFF";
- }
- let sel3 = document.getElementById(id);
- if (sel3.id == this.props.getVoteStatus && this.state.active == false) {
- alert("4");
- this.setState({
- active: true,
- })
- sel3.style.backgroundColor = "#FFFFFF";
- sel3.style.color = "#6a6a6a";
- }
- }
- let sel = document.getElementById(this.props.voted_id);
- if (sel) {
- alert("2");
- sel.style.backgroundColor = "#FFFFFF";
- sel.style.color = "#6a6a6a";
- }
- let el = document.getElementById(id);
- if (el) {
- alert("1");
- this.setState({
- active: false,
- })
- el.style.backgroundColor = "#0b97c4";
- el.style.color = "#FFFFFF";
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement