Skip to content
This repository has been archived by the owner on Apr 15, 2019. It is now read-only.

Commit

Permalink
Merge pull request #332 from Rostlab/ranking
Browse files Browse the repository at this point in the history 
Readded SentimentsApi + added 	Twitter top 5 loved and 	Twitter top 5 hated
  • Loading branch information
@mammuth
mammuth committed Apr 8, 2016
2 parents 45189fe + 2739fea commit 1042ab8
Show file tree
Hide file tree
Showing 5 changed files with 87 additions and 30 deletions.
23 changes: 10 additions & 13 deletions app/actions/TwitterSentimentsActions.js
View file
Original file line number Diff line number Diff line change
@@ -1,13 +1,12 @@
var AppDispatcher = require('../dispatcher/AppDispatcher');
var Constants = require('../constants/Constants');
var Api = require('../network/Api');
var Api = require('../network/SentimentsApi');

var TwitterSentimentsActions = {

loadTopSentiments: function(count) {
Api
.get('d4/sentiment/top')
.query({number: count})
.get('d4/sentiment/top',{number: count})
.then(function (sentiments) {
AppDispatcher.handleServerAction({
actionType: Constants.RECEIVE_TWITTER_TOP_SENTIMENTS,
Expand All @@ -17,8 +16,7 @@ var TwitterSentimentsActions = {
},
loadFlopSentiments: function(count) {
Api
.get('d4/sentiment/worst')
.query({number: count})
.get('d4/sentiment/worst',{number: count})
.then(function (sentiments) {
AppDispatcher.handleServerAction({
actionType: Constants.RECEIVE_TWITTER_FLOP_SENTIMENTS,
Expand All @@ -28,10 +26,11 @@ var TwitterSentimentsActions = {
},
loadControversialSentiments: function(count,startDate,endDate) {
Api
.get('d5/sentiment/controversial')
.query({number: count})
.query({startDate: startDate})
.query({endDate: endDate})
.get('d5/sentiment/controversial',{
number: count,
startDate: startDate,
endDate: endDate
})
.then(function (sentiments) {
AppDispatcher.handleServerAction({
actionType: Constants.RECEIVE_TWITTER_CONTROVERSIAL_SENTIMENTS,
Expand All @@ -41,8 +40,7 @@ var TwitterSentimentsActions = {
},
loadMostDiscussedSentiments: function(count) {
Api
.get('d4/sentiment/discussed')
.query({number: count})
.get('d4/sentiment/discussed', {number: count})
.then(function (sentiments) {
AppDispatcher.handleServerAction({
actionType: Constants.RECEIVE_TWITTER_TALKED_ABOUT_SENTIMENTS,
Expand All @@ -52,8 +50,7 @@ var TwitterSentimentsActions = {
},
loadCharacterSentiment: function(characterId) {
Api
.get('d4/character')
.query({id: characterId})
.get('d4/character', {id: characterId})
.then(function (sentiments) {
AppDispatcher.handleServerAction({
actionType: Constants.RECEIVE_TWITTER_CHARACTER_SENTIMENT,
Expand Down
64 changes: 50 additions & 14 deletions app/components/public/Ranking/Ranking.jsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -6,6 +6,7 @@ import {Grid, Row, Col} from 'react-bootstrap';

import "./Ranking.css";
import SentimentStore from '../../../stores/TwitterSentimentsStore';
import SentimentsActions from '../../../actions/TwitterSentimentsActions';

export default class Ranking extends Component {
getHardcodedPlodTop5() {
Expand Down Expand Up @@ -36,13 +37,38 @@ export default class Ranking extends Component {
];
}

render() {
constructor(props) {
super(props);
this.state = {
twitterTopSentiments: [],
twitterFlopSentiments: [],
twitterTopControversial: []
};
this._onChange = this._onChange.bind(this);
}

componentWillMount (){
SentimentStore.addChangeListener(this._onChange);
}

componentWillUnmount(){
SentimentStore.removeChangeListener(this._onChange);
}


componentDidMount() {
SentimentsActions.loadTopSentiments(5);
SentimentsActions.loadFlopSentiments(5);
}

_onChange() {
this.setState({
twitterTopSentiments: SentimentStore.getTopSentiments(),
twitterFlopSentiments: SentimentStore.getFlopSentiments()
//twitterTopControversial: SentimentStore.getTopControversialSentiments()
};
});
}

render() {
return (
<div>
<Grid className="ranking">
Expand All @@ -51,22 +77,32 @@ export default class Ranking extends Component {
<div className="ranking-field">
<h2 className="text-center ranking-title">Twitter top 5 loved</h2>
<ul>
{
this.state.twitterTopSentiments.map((char) => {
return <li>{char}</li>;
})
}
{
this.state.twitterTopSentiments.map((char) => {
return <li>
<h4><Link to={'/characters/' + char.name}>
{char.name}
</Link></h4>
</li>;
})
}
</ul>
</div>
</Col>
<Col xs={12} sm={6}>
<div className="ranking-field">
<h2 className="text-center ranking-title">Twitter top 5 hated</h2>
{
this.state.twitterFlopSentiments.map((char) => {
return <div>{char}</div>;
})
}
<h2 className="text-center ranking-title">Twitter top 5 hated</h2>
<ul>
{
this.state.twitterFlopSentiments.map((char) => {
return <li>
<h4><Link to={'/characters/' + char.name}>
{char.name}
</Link></h4>
</li>;
})
}
</ul>
</div>
</Col>
</Row>
Expand Down
4 changes: 2 additions & 2 deletions app/constants/Constants.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -18,7 +18,7 @@ module.exports = {
FILTER_FIELD_CULTURE: "culture",
RECEIVE_TWITTER_TOP_SENTIMENTS: "RECEIVE_TWITTER_TOP_SENTIMENTS",
RECEIVE_TWITTER_FLOP_SENTIMENTS: "RECEIVE_TWITTER_FLOP_SENTIMENTS",
RECEIVE_TWITTER_CONTROVERSIAL_SENTIMENTS: "RECEIVE_TWITTER_FLOP_SENTIMENTS",
RECEIVE_TWITTER_TALKED_ABOUT_SENTIMENTS: "RECEIVE_TWITTER_FLOP_SENTIMENTS",
RECEIVE_TWITTER_CONTROVERSIAL_SENTIMENTS: "RECEIVE_TWITTER_CONTROVERSIAL_SENTIMENTS",
RECEIVE_TWITTER_TALKED_ABOUT_SENTIMENTS: "RECEIVE_TWITTER_TALKED_ABOUT_SENTIMENTS",
RECEIVE_TWITTER_CHARACTER_SENTIMENT: "RECEIVE_TWITTER_CHARACTER_SENTIMENT"
};
24 changes: 24 additions & 0 deletions app/network/SentimentsApi.js
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,24 @@
var request = require('superagent');
var Promise = require('es6-promise').Promise;
var protocol = (process.env.NODE_ENV === 'development') ? 'http://' : process.env.__PROTOCOL__;
var port = (process.env.NODE_ENV === 'development') ? ':8080' : '';
var baseUrl = protocol + 'localhost' + port + '/';

var Api = {
get: function (url, query) {
return new Promise(function (resolve, reject) {
request
.get(baseUrl + url)
.query(query)
.end(function (err, res) {
if (res.status === 404) {
reject();
} else {
resolve(JSON.parse(res.text));
}
});
});
}
};

module.exports = Api;
2 changes: 1 addition & 1 deletion app/stores/TwitterSentimentsStore.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,7 @@ var _topSentiments = [];
var _flopSentiments = [];
var _mostTalkedAboutSentiments = [];
var _topControversialSentiments = [];
var _characterSentiment = {}
var _characterSentiment = {};

function setTopSentiments(data) {
_topSentiments = data;
Expand Down

0 comments on commit 1042ab8

Please sign in to comment.